@charset "UTF-8";
/* CSS Document */

BODY { 
       color:#660000;
	   font: x-small gill sans, arial, sans-serif; /* For IE/Win */
	   voice-family: "\"}\"";
	   voice-family: inherit;
	   font: small; /* for compliant browsers */
       background: #ffcc66;
	   margin:0px;
	   padding:0px;
	   
}
html>body { /*be nice to Opera*/
       font-size: small;
}


h1 { font-style:oblique;
     font-size: 350%;
	 text-align: right;
	 margin-top: 20px;
	

}

h2 {
     font-style:oblique;
	 font-size: 110%;
	 text-align: right;
	 
	 
	 
	 
}

h3 {
     font-style: oblique;
	 font-size: 300%;
	 margin-top: 10px;
	 margin-left: -10px;

}

h4 {
   
	 font-style: oblique;
	 font-size: 110%;
	 text-align: left;
	 width: 300px;
	 padding-left: 10px;
	 padding-right: 10px;

}

h5 { font-style: oblique;
     font-size: 95%;
	 text-align: left;
	 padding-left: 10px;
	 padding-right: 10px;
	 font-weight:bold;
	 margin-bottom: -10px;

}

p { padding-left: 10px;
    padding-right: 10px;

}

ul { font-size: 105%;
    margin-top: -10px;
	 margin-bottom: -5px;
	 margin-left: -20px;

}

a, a:link, a: visited {
         color: #660000;
		 text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}
#maintext a, #maintext a:link, #maintext a:visited { text-decoration: none;
            font-weight: bold;
		    color:#660000;
						 }

#maintext a:hover, #maintext a:active { text-decoration: underline;
                   
                      
}

#testimonial { margin-left: 10px;
			   margin-bottom: 10px;
               border: 1px solid #660000;
			   padding-bottom: 5px;
			   


}

blockquote { font-style: italic;
             font-weight: bold;
             font-size: 92%;
			 margin-left: 50px;
			 padding: 2px;
			 padding-bottom: 0px;
			 margin-bottom: 0px;             

}

blockquote a, a:link, a:visited { text-decoration: none;

}

blockquote a:hover, a:active { text-decoration: underline;

}
#tagline { 
              float: left;
			  padding: 0px 80px 10px 50px;
              width: 770px;
              margin-top: 25px;
			  margin-bottom: 20px;
			  min-height: 30px;
			  background: url(../Graphics/tag.png) no-repeat 83% 0;

}
 
#tagline h2 { display: none;

}
#promomessage { 
                float: left;
                color: #FFFFFF;
                font-size: 110%;
				padding: 20px 0px 0px 210px;
				text-align: center;
				margin-top: 10px;
				width: 750px;
				background: url(../Graphics/promo.png) no-repeat 60% 0;
				min-height: 20px;
				

}



#promomessage a, #promomessage a:link, #promomessage a:visited { color: #FFFFFF;
                                     text-decoration: none;
									 display: none;

}

#promomessage a:hover, a:active {  text-decoration: underline;
}


#container {
            float: left;
			min-height: 600px;
			background: #FF6000 url(../Graphics/mainbkgd.gif) repeat-x;
			font-size: 110%;
			margin:0;
			padding:0;
			min-width: 900px;
			max-width: 1200px;
			width: 100%;

}

#container-m {
            float: left;
			min-height: 590px;
			background: #FF6000 url(../Graphics/mainbkgd.gif) repeat-x;
			font-size: 110%;
			margin:0;
			padding:0;
			min-width: 650px;
			max-width: 900px;
			width: 100%;

}

#imageplacement {float: left;
                 background:  url(../Graphics/shadowcity.png) bottom left repeat-x;
				 margin: 0;
				 margin-top: 0px;
				 padding: 0;
				 min-height: 600px;
				 width: 100%;
				
}
#imageplacement-m {
                 float: left;
                 background: url(../Graphics/coloredcity.gif) bottom left no-repeat;
				 padding: 0;
				 margin-top: -16px;
				 min-height: 500px;
				 width: 900px;

}

#imageplacement-m h2 { padding: 0px 80px 10px 50px;
width: 770px;
margin-top: 10px;

}


#header  {   float: left;
             width: 100%;
			 min-height: 50px;		 
                         
             
}

#header-m { margin-top: 5px;
			width: 100%;
			min-height: 50px;
            border-top: 4px solid #FFCC66;
            border-bottom: 4px solid #FFCC66;
            
			padding-top: 10px;
			background: url(../Graphics/creativecity1.png) no-repeat 80% 20%;

}

#header-i  { 
             margin-top: 5px;
			width: 100%;
			min-height: 60px;
            border-top: 4px solid #FFCC66;
            border-bottom: 4px solid #FFCC66;
            margin-bottom: 10px;
			background: url(../Graphics/creativecity2.png) no-repeat 10% 0;

}




#header-m h1 { 
			display: none;

}

#header-i h3 { display: none;

}

#maillist { width: 230px; border: 2px solid #FF6000; padding: 5px 5px 0 10px;
            position: absolute; top: 450px; left: 20px;
			background: #ffcc66; font-size: 90%;

}

#maillist a, a:link, a:visited {
	 color: #660000;
	 font-weight: bold;
	 text-decoration: none;
}

#maillist a:hover {
	 text-decoration: underline;
}



#maillist-i { max-width: 340px; height: 60px; margin: -80px 10px 5px 0;
              float: right; font-size: 80%;border: 2px solid #FF6000;background: #ffcc66; padding: 2px 5px;
			

}

#maillist-i a, a:link, a:visited {
	 color: #660000;
	 font-weight: bold;
	 text-decoration: none;
}

#maillist-i a:hover {
	 text-decoration: underline;
}


#email { float: left; margin: 5px 0 0 2px; padding: 0; 
	
}

#submit { float: right; margin: 5px 7px 0 0; padding: 0; }
#poweredby { float: right; margin: 0 10px 0 0; padding: 0; }

#email-m { float: left; margin: 5px 0 0 2px; padding: 0; 
	
}

#submit-m { float: left; margin: 5px 7px 0 0; padding: 0; }
#poweredby-m { float: right; margin: 8px 10px 0 0; padding: 0; font-size: 90%; }

#menu {   float: left;
		  list-style: none;
		  background: url(../Graphics/i-menubkgd.png) repeat;
		  padding: 0px 0px 0px 310px;
		  font-size: 90%;
		  margin-top: -27px;
		  margin-bottom: 5px;
		  width: 100%;
		 
		  
		

}

#menu li { float: left;
           margin: 0;
		   padding: 0;
		   font-weight: bold;

}

#menu a, #menu a:link, #menu a:visited{ float: left;
         margin: 0 1px 0 0;
		 padding: 4px 8px;
		  color: #660000;
		 text-decoration: none;
		 font-weight: bold;
		 

}

#menu a:hover, #menu a:active { text-decoration: underline;
                                font-weight: bold;
}

#i-menu { 
		  float: left;
		  list-style: none;
		  background: url(../Graphics/i-menubkgd.png) repeat;
		  margin-top: 5px;
		  min-height: 24px;
		  padding-left: 8%;
		  width: 100%;
		  
		  
		

}

#i-menu li { float: left;
           margin: 0;
		   padding: 0;
		   font-size: 83%;
		   font-weight: bold;

}

#i-menu a, #i-menu a:link, #i-menu a:visited { float: left;
         margin: 0 1px 0 0;
		 padding: 4px 8px;
		  color: #663300;
		 text-decoration: none;
		 font-weight: bold;

}

#i-menu a:hover, #i-menu a:active { text-decoration: underline;
                                     font-weight: bold;
}


#maintext { float: left;
            width: 60%;
			min-height: 450px;
			padding-left: 5%;


}

#portfolio {  float: left;
            width: 60%;
			min-height: 450px;
			min-width: 525px;
			padding-left: 0;
			background: url(../Graphics/sidebarbg.png);
			margin-left: 30px;
			margin-top: 15px;
			

}

#portfolio p { padding-left: 5px;
                   padding-right: 5px;

}

#portfolio h4 { margin-top: 5px;
                margin-bottom: 5px;
                padding-left: 30px;
                padding-bottom: 0px;
                  

}

#image { 
         padding-top: 0px;
		 padding-bottom: 10px;
         min-height: 300px;
		 padding-left: 25px;
		 

}

.bizcard { padding-top: 100px;

}

#weblink { text-align: center;
           font-weight: bold;

}

#weblink a, a:hover, a: visited {

}

#description { padding-left: 25px;
               padding-right: 25px;
               

}

 #navcontainer {    float: right;
                    text-align: center;
  
 }
 
 #portfolionav {    
                     text-align: center;
                     list-style: none;
					 margin-bottom: 20px;
					 margin-top: -21px;
					 margin-right: 40px;
 
 
 }
 
 #portfolionav li {  float: left;
                     padding-left: 30px;
					 padding-right: 30px;
					 text-align: center;
					 
					
 } 
 
 #portfolionav a, #portfolionav a:link, #portfolionav a:visited{ color:#660000;
 text-decoration: none;
                           font-style: italic;
						   font-weight: normal;
                     
 }
 
 #portfolionav a:hover, #portfolionav a:active { text-decoration: underline;
                                   font-style: italic;
								   font-weight: normal;
 
 }
 #image { margin: 5px;
         
 
 }
 
 #image-biz { margin-top: 80px;
 
              margin-bottom: 20px;
			  margin-left: 20px;
			  margin-right: 20px;
			  text-align: center;
 
 }

 #image-vert {  float: left;
                width: 60%;
				margin-left: 40px;
				
				min-width: 325px;
				
 
 }
 
  #image-hor {  float: left;
                width: 100%;
				text-align: center;
				margin-left: 0px;
				margin-top: 20px;
				
				min-width: 325px;
				
 
 }
 
 #textholder {  float: right;
                width: 40%;
				margin-right: 20px;
				margin-left: 20px;
				margin-top: -300px;
				min-width: 200px;
				text-align: center;
				
				
 
 }
 
  #textholder-hor {  float: left;
                width: 100%;
				margin-right: 20px;
				margin-left: 20px;
				margin-top: 20px;
				min-width: 200px;
				text-align: center;
				
				
 
 }
 
 
 
 #weblink {       margin-top: -10px;
 
 }
 #weblink a, #weblink a:link, #weblink a:visited { 
                      color: #660000;
					  font-weight: bold;
					  font-style: oblique;
                      text-decoration: none;
 
 }
 
 #weblink a:hover, #weblink a:active {  text-decoration: underline;
 
 }
 
 #description {      margin-left: 40px;
                     margin-right: 40px;
					 font-size: 92%;
 
 }
 
#description-print {   text-align: center;
                     font-size: 92%;
					 
}

#sidebar, #sidebar-webpackage { float: right;
           width: 25%;
		   min-height: 100px;
		   margin-top: 25px;
		   margin-right: 5%;
		   border: 2px solid #FF6000;
		   padding: 5px;
		   background:url(../Graphics/sidebarbg.png);
		   list-style: none;
		   font-style: normal;
		   
		   }
		   
#sidebar h5, #sidebar-webpackage h5 { margin-top: 5px;
              margin-bottom: 5px;
			  margin-right: 5px;

}		   

#sidebar h4, #sidebar-webpackage h4 { margin-bottom: -5px;
              margin-top: 5px;

}


#sidebar-webpackage li { margin-left: 20px;
              margin-right: 5px;
			  font-style: normal;
			  font-weight: normal;
			 
			  }
			  
#sidebar li {
margin-left: 20px;
              margin-right: 5px;
			  margin-top: 10px;
			  margin-bottom: 5px;
			  font-style: normal;
			  font-weight: normal;
			  
			  }
			  
#sidebar a, #sidebar a:link, #sidebar a:visited { 
color: #660000;
text-decoration: none;
font-style: normal;
                              
}

#sidebar a:hover, #sidebar a:active { text-decoration: underline;
                   font-style: normal;
                             

}
#sidebar blockquote { margin-top: 10px;
                      margin-bottom: 10px;
					  margin-left: 30px;
					  font-size: 91%;

}
.attribute { list-style: none;
             padding-top: -5px;
			 font-size: 95%;
			 margin-top: -5px;

}

.minortext { font-size: 90%;

}
		   
#footer-m  {   float: left;
			 clear: both;
             font-size: 80%;
             width: 820px;
			 min-height: 10px;
			 margin-top: 345px;
			 margin-right: 80px;
			 text-align: right;
			 color:#FFFFFF;
			 background: url(../Graphics/copyright.png) no-repeat right;
			
			 
}
#footer-i {
             float: left;
			 clear: both;
             font-size: 80%;
             width: 800px;
             padding-top: 10px;
			 padding-bottom: 15px;
			 padding-left: 40px;
			
}

.copyright {display: none;

}

#appointment {

			border: 2px solid #FF6000;
		   padding: 5px;
		   background:url(../Graphics/sidebarbg.png);
		   font-style: normal;

}

a img {
			border: #660000 2px solid;
}