/* BODY AND FONTS: =body

----------------------------------------------- */

	* { 

	 margin: 0; 

	 padding: 0; 

	 text-align: left;

	 font-size: 100%;

	}



	body{

	 height:100%;

	 margin:0px;

	 padding:0px;

	} 



	body, tr, td, input, select, textarea { 

	 font:small/150% Arial, Tahoma, Verdana, Helvetica, sans-serif;

	 color: #939393;	 

	}



	div.container {

	 width: 814px; 

	 margin: 0px auto 0px auto;

	 padding: 0px 10px;

	 position: relative;

	}

	

        .printonly {

         display:none;

        }

   	



	

	

	

/* HEADLINES AND PARAGRAPHS: =headlines

----------------------------------------------- */			



	h1 { 

	   font-size: 200%;

	   color: #7B7B7B;

	   margin: 2px 0px 8px 0px;	 

	   padding: 0px 26px 0px 0px;

	   line-height: 110%;

	}		

	

	h1.homeTitle { 

	   margin: 18px 0px 8px 0px;	 

	}

	

	h2 { 

	   margin: 12px 0px 12px 0px;

	   padding: 0px 26px 0px 0px;

	   font-size: 140%;

	   font-weight: normal;

	   line-height: 120%;	   

	}

	

	h2.clients { 

	   margin: 4px 0px;

	   line-height: 100%;

	}	

	

	h3 { 

	   margin: 4px 0px 12px 0px;

	   padding: 0px 26px 0px 0px;

	   font-size: 120%;

	   color: #780101;

	   font-weight: normal;

	}

		

		

	p {

	   margin: 8px 0px 12px 0px;

	   padding: 0px 26px 0px 0px;

	   line-height: 125%;

	   font-size: 115%;

	}

	

	small, .small {

	   font-size: 80%;

	} 

	

	sup {

	   font-size: 80%;

	   padding: -4px 0px 0px 0px;

	}  

	

	.red {

	   color: #974637;

	}

		



  /**----Unordered List Styles--------------------------------------------------*/

  

       

       ul{

         padding: 0px 0px 14px 0px;

         margin: 0px;

       } 

       

       ul li{

         margin:0px 18px;

         padding:0px 0px 2px 0px; 

 	 list-style-type: square;

	 list-style-position: outside;                 

       }    



      

  /**/



	hr{ 

	   color: #EDEDED;

	   height: 1px;

           clear: both;	   

	}	

	

	

/* HEADER BAR: =header

----------------------------------------------- */



	div.header { 

	   height: 150px; 

	   margin: 0px;

	   width: 815px;	   

	}

	

	div#logo { 

	   position: absolute;

	   top: 27px;

	   left: 10px;

	}

	
	
	div.etsy {
	   
	   position: absolute;
	   
	   top: 21px;
	   
	   right: 10px;
	   
	   background: url(images/etsy_tab_left.gif) no-repeat left bottom;
	}



	div.etsy h4{
	   
	   background: #838383 url(images/etsy_tab_right.gif) no-repeat right bottom;
	   
	   color: #ffffff;
	   
	   font-size: 105%;
	   
	   text-transform: uppercase;
	   
	   padding: 5px 14px 0px 8px;
	   
	   margin: 0px 0px 0px 6px;
	   
	   height: 24px;
	}
	

	div.etsy h4 a,
	div.etsy h4 a:visited,
	div.etsy h4 a:link {	   
	   color: #f6f6f6;
	}


	div.etsy h4 a:hover{	   
	   color: #ffffff;
	}


	#pageInfo { 

	   position: absolute;

	   top: 166px;

	   left: 10px;

	   width: 395px; 

	}

	

	#pageInfo p {

	   padding: 0px;

	}	

	

	

	#clickThumb { 

	   position: absolute;

	   top: 294px;

	   left: 10px;

	   font-size: 80%;	   

	}

	

	#subLinks { 

	   position: absolute;

	   top: 544px;

	   left: 0px;

	   width: 414px;

	   font-size: 80%;

	}

	

	#subLinks p { 

	   text-align: right;

	}	

	

/* CLIENT LIST COLUMNS: =columns

----------------------------------------------- */

	

	.parentWrap{

	   position:relative;

	   width: 812px;

	   margin: 0px auto;

	   padding: 0px;

	   /*border: 1px solid red;*/

	   

	} 	



	/* Hides from IE-mac \*/

	* html .parentWrap {height: 1%;}

	/* End hide from IE-mac */



	.parentWrap:after {

	   content: "."; 

	   display: block; 

	   height: 0; 

	   clear: both; 

	   visibility: hidden;

	}	

	

	.columns{

	   position:relative;

	   float:left;

	   display:inline;

	   clear:both;

	   text-align: left;

	}	

	

	

	div#editorial, div#advertising, div#books, div#recog { 

	   width: 270px;

	   margin: 0px;

	   clear:none;

	   padding: 0px;

	}



	div#base{ 

	   width: 515px;

	   margin: 0px;

	   clear:none;

	   padding: 0px 25px 0px 0px;

	}

		

	div#baseContact{ 

	   width: 585px;

	   margin: 0px;

	   clear:none;

	   padding: 0px 25px 0px 0px;

	}

	

	div#rightContact { font-size: 12pt; width: 200px; margin: 0; clear:none; padding: 0; }	

	

/* LINKS: =links

----------------------------------------------- */

	

	a { 

	   text-decoration: none; 

	   color: #974637; 

	}

	

	a:visited { 

	   color: #686868; 

	}	

	

	a:hover	{ 

	   color: #303030;

	}

	

	a img { 

	   border: none; 

	}

		

		

/* MAIN PHOTO STUFF: =mainphotoArea

----------------------------------------------- */





	div#mainphotoArea { 

	   float: right;

	   clear: both;

	   margin: 2px 0px 0px 46px;

	   padding: 0px 0px 4px 0px;

	   text-align: center;	   

	}



	div#mainphoto { 

	   border: 1px solid #858384;

	   width: 399px;

	   height: 436px;

	   margin: 0px;

	   padding: 0px 0px 1px 0px;

	   text-align: center;	   

	}

	

	div#mainphotoArea p.caption { 

	   font-size: 100%;

	   color: #939393;

	   margin: 0px;

	   padding: 2px 0px 5px 0px;

	   text-align: center;

	   line-height: 100%;	   

	}		

	

	



/* NAVIGATION: =navigation

----------------------------------------------- */

	div.navbox {

	   line-height:normal;

	   margin: 80px 0px 0px 0px;

	   padding: 0px;

	   clear: both;

	   width: 554px;

	   float: right;

	   /*border: 1px solid red;*/	   

	}



	ul#navigation {

	   line-height:normal;

	   margin: 0px;

	   padding: 0px;

	   list-style-type: none;

	   list-style:none;

	   float: right;

	   z-index: 5;

	}       



	ul#navigation li { /* all list items */

	   float: left;

	   position: relative;

	   margin: 0px;

	   padding: 0px;

	   list-style-image: none;

	   list-style-type: none;

	   list-style:none;

	}



	ul#navigation li a 	{

	  float:left;

	  display:block;

	  width: auto;

	  padding: 0px 25px 0px 25px;

	  margin: 0px;

	  text-decoration:none;

	  color: #848081;

	  font-size: 125%;

	  font-weight: bold;

	  text-transform: uppercase;

	  line-height: 115%;

	  font-family: arial, verdana, sans-serif;

	}



	ul#navigation .current a,

	ul#navigation .current a:link:hover,

	ul#navigation .current a:visited:hover{

	   color: #A43927;

	   padding: 0px 25px 0px 25px;

	   margin: 0px;

	}



	ul#navigation a:hover, 

	ul#navigation a:link:hover,

	ul#navigation a:visited:hover {

	   padding: 0px 25px 0px 25px;

	   color: #303030;

	   margin: 0px;

	}





	ul#navigation li#first a,

	ul#navigation li#first a:hover, 

	ul#navigation li#first a:link:hover,

	ul#navigation li#first a:visited:hover	{

	  padding: 0px 25px 0px 2px;

	}

	

	ul#navigation li#last a,

	ul#navigation li#last a:hover, 

	ul#navigation li#last a:link:hover,

	ul#navigation li#last a:visited:hover	{

	  padding: 0px 2px 0px 25px;

	}	



	ul#navigation li li,

	ul#navigation li.current li{

	   /*display: block;

	   width: auto;*/

	   float: left;

	   position: relative;	   

	   background: none;

	   padding: 0px;

	   margin: 0px;

	   list-style-image: none;

	   list-style-type: none;

	   list-style:none;

	   background: url(images/bullet.gif) no-repeat 8px 14px;	   

	}	





	ul#navigation li li a, 

	ul#navigation li.current li a {

	   /*display: block;*/

	   font-size: 105%;	   

	   color: #848081;

	   float:left;

	   display:block;

	   width: auto;	   	   

	   font-weight: normal;

	   padding: 8px 16px 16px 16px;

	   margin: 0px;

	   text-transform: none;	   

	}



	ul#navigation li li a:link:hover,

	ul#navigation li li a:visited:hover, 

	ul#navigation li.current li a:link:hover,

	ul#navigation li.current li a:visited:hover {	   

	   padding: 8px 16px 16px 16px;

	   margin: 0px;

	   color: #303030;

	}



	li ul, li.current ul, li.portfolio ul, li.info ul, li.newsletter ul, li.blog ul { /* second-level lists */	   

	   display: none;

	   position: absolute;

	   top: 0px;

	   left: 0px;

	   z-index: 5;

	   clear:both;

	   width:400px;

	   margin: 17px 0px 0px 0px;

	   padding: 0px 0px 0px 17px;

	   z-index: 1;

	   /*border: 1px solid #000000;*/

	}

	

	/*li.current ul { 

	   display: block;

	}*/	



	li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	   top: auto;

	   left: auto;

	}



	li:hover ul, li.over ul { /* lists nested under hovered list items */

	   display: block;

	}

	

	

/* FOOTER: =footer

----------------------------------------------- */

	div#footer { 

	   /*width: 100%;

    	   float:left;

    	   clear:both;

    	   display:inline;

    	   left: 423px;*/  

	   margin: 0px; 

	   padding: 0px;

	   position: absolute;

	   top: 617px;	   

	   right: 10px;

	   

	}

	

	div#footer p { 	   

	   font-size: 90%;

	   margin: 0px; 

	   padding: 0px; 

	   text-align: right;

	}

	

	div#footer span.phone { 

	   font-size: 105%;

	}







/* REPLACE FIXES: =replace

----------------------------------------------- */	

	

	/* 

	 * Image replacement using the Gilder/Levin IR technique 

	 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html

	 */		

	.replace { 

		position: relative;

		/* hide overflow: hidden from mac ie5 \*/

		overflow: hidden;

		

		/* end hide from mac ie5 */

	}

	.replace span {

		display: block;

		position: absolute;

		top: 0px; left: 0px;

		z-index:1; /*for Opera 5 and 6*/

	 }

	.replace a { display:block; cursor: pointer; }

	a.replace { cursor: pointer; }

	

	

	/*

	 * "How To Clear Floats Without Structural Markup" -

	 * http://www.positioniseverything.net/easyclearing.html

	 */

	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	 .clearfix 		{ display: inline-block; }  





	/* Holly Hack Targets IE Win only \*/

	* html .clearfix {height: 1%;}

	.clearfix {display: block;}

	/* End Holly Hack */







/* FORM: =form

----------------------------------------------- */

	

   	

form {

    margin: 0px;

    padding: 0px;

}



fieldset {

    margin: 20px 0px;

    padding: 0px 30px 6px 30px;

    border: 0px;

}	



fieldset p {

   margin: 8px 0px 8px 0px;

}

		



legend {

   font-size: 120%;

   padding: 0px 0px 6px 0px;

   color: #7B7B7B;

}





label {

   width: 120px;

   margin: 0px;

   padding: 0px 4px 0px 0px;

   text-align: right;

   float: left;

   font-weight: bold;

   font-size: 90%;

}



label.checkbox,

label.br,

label.textarea {

   clear: both;

   padding: 2px 4px;

   width: 100%;

   text-align: left;

} 



label a{

   color: #8F3F28;

   font-size: 95%;

   font-weight: normal;

}



.required { 

   color: #CC0000; 

}



input, select, textarea {

   font-size: 85%;

   text-align: left;

   padding: 0px 3px 3px 3px;

}



input.submit {

   text-align: center;

   padding: 2px 8px;

   color: #595959;

   font-weight: bold;

}



textarea { 

   text-align: left;

   margin: 0px;

   padding: 0px;   

}