/* CSS Document
   Credits: beansnrice.com
   Date: 11/10/2009
   
   Main Colors:
   headers, links (dark blue) : #003452
   active links (light blue) : #81a8ba
   body text, p (slate) : #666
   
   Font:10pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif
   
 */

/* MAIN ELEMENTS */

body		{
  			margin:0;
 			padding:0;
 			font:10pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  			color:#666; 
			background-color:#fff; 
			}
			
hr{
  color:#fff;
  margin:15pt 0 15px 0;
  border-top:1px solid #fff;
  border-bottom:1px solid #ccc;
  border-left:#fff;
  border-right:#fff;
}

/* STRUCTURE */

#wrapper	{
			width:982px;
			margin: 50px auto;
			}
			
#maincontent	{
			width:982px;
			margin:40px 0 20px 0;
			padding:0;
			border:1px solid #999;
			}
			
#maincontent.noborder	{
			border:0;
			margin:20px 0 0 0;
			padding:0;
			}
			
#photocol	{
			float:left;
			width:562px;
			margin:0;
			padding:0;
			}
			
#photocol.narrow	{ 	/* No border.  Use with textcol.wide on the history, environment, etc pages  */
			float:left;
			width:502px;
			margin:0;
			padding:50px 0 0 0;
			}
			
#photocol.wide	{	/* No border.  Use with textcol.skinny on the about, global pages  */
			float:left;
			width:610px;
			margin:0;
			padding:50px 0 0 0;
			}
			
#textcol	{
			float:right;
			width:358px;
			margin:0;
			padding:30px 30px 0 30px;
			}
			
#textcol.wide	{
			float:right;
			width:448px;
			margin:0;
			padding:20px 0 0 30px;
			}
			
#textcol.skinny	{
			float:right;
			width:340px;
			margin:0;
			padding:20px 0 0 30px;
			}
			
			
#footer		{
			width:982px;
			margin:0;
			padding:0;
			font:10pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
			text-align:center;
			line-height:18pt;
			}
			
#popup	{
			width:575px;
			margin:0;
			padding:20px 0 0 0;
			margin:0 auto;
			}
			
			
/* NAVIGATION */

#mainnav	{
			width:130px;
			float:left;
			margin-right:5px;
			margin-top:15px;
			margin-left:0;
			padding:0;
			}
						
a#mainnav:link, a#mainnav:visited {
			width:125px;
			margin:1px 0 0 0;
			padding: 8px 0 7px 5px;
			background-color:#666666;
			color:#fff;
			text-decoration:none;
			}
			
			
/*LINKS */			
a:link, a:visited {
			color:#003452;
			text-decoration:none;
			}
			
a:active, a:hover {
			color:#81a8ba;
			text-decoration:none;
			}
			
a.rollover{
	text-indent: 0 ;
	background: none ;
	width:187px;
	height:74px;
	border:0;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size:13pt;
	font-weight:100;
	color: #fff;
	line-height: 16pt;
	padding:40px 0 0 0;
	margin:0;
	text-transform:lowercase;
	text-align:center;
	display:block;
	float: left;
}
			
a.rollover:hover  {
	text-indent: -9999px ;
	text-decoration: none ;
	display: block ;
	padding:0;
	background: transparent url(../images/thm_cm.jpg) no-repeat left bottom ;
	height:114px;
	border:0;
}

a.rollover:hover.cw  {
	background: transparent url(../images/thm_cw.jpg) no-repeat left bottom ;
}

a.rollover:hover.docs  {
	background: transparent url(../images/thm_doc.jpg) no-repeat left bottom ;
}

a.rollover:hover.memo  {
	background: transparent url(../images/thm_memo.jpg) no-repeat left bottom ;
}

a.rollover:hover.multi  {
	background: transparent url(../images/thm_multi.jpg) no-repeat left bottom ;
}

a.rollover:hover.poster  {
	background: transparent url(../images/thm_poster.jpg) no-repeat left bottom ;
}

a.rollover:hover.tm  {
	background: transparent url(../images/thm_tm.jpg) no-repeat left bottom ;
}

a.rollover:hover.tw  {
	background: transparent url(../images/thm_tw.jpg) no-repeat left bottom ;
}

a.rollover:hover.gal  {
	background: transparent url(../images/thm_gal.jpg) no-repeat left bottom ;
}

a.rollover.trend  {
	text-indent: 0 ;
	background: none ;
	width:112px;
	height:220px;
	border:0;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size:13pt;
	font-weight:100;
	color: #fff;
	line-height: 16pt;
	padding:120px 0 0 0;
	margin:0;
	text-transform:lowercase;
	text-align:center;
	display:block;
	float: left;
}

a.rollover.trend:hover  {
	text-indent: -9999px ;
	text-decoration: none ;
	display: block ;
	padding:0;
	background: transparent url(../images/thm_metallics.jpg) no-repeat left bottom ;
	height:340px;
}

a.rollover.trend:hover.pattern  {
	background: transparent url(../images/thm_pattern.jpg) no-repeat left bottom ;
}

a.rollover.trend:hover.pop  {
	background: transparent url(../images/thm_pop.jpg) no-repeat left bottom ;
}

a.rollover.trend:hover.sustain  {
	background: transparent url(../images/thm_sustain.jpg) no-repeat left bottom ;
}

a.rollover.trend:hover.rustic  {
	background: transparent url(../images/thm_rustic.jpg) no-repeat left bottom ;
	border-right:1px solid #fff;
	border-bottom:0;
}


/*TYPOGRAPHY */

P			{
			margin:20px 0 0 0;
			line-height:21pt;
			color:#666666;
			}	
							
			
/* Main Header _________________________________ */
H1			{	
			font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
			font-size:18pt;
			font-weight:100;
			color: #003452;
			line-height: 16pt;
			padding:20px 0 5px 0;
			margin:0;
			text-transform:lowercase;
			}	
	
/* Sub Header _________________________________ */
H2			{	
			font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
			font-size:18pt;
			font-weight:100;
			color: #669999;
			padding:10px 0 5px 0;
			margin:0;
			}	
			
/* Sub Sub Header: List Header, Receive Special Offers _________________________________ */

H3			{
  			color:#666;
			font-size:13pt;
  			font-weight:100;
			margin:0;
			padding:8px 0 0 0;
			line-height:140%;
 			}
			
/* Sub Sub Sub Header: Quote, Price, Byline, Book Title _________________________________ */

H4			{
  			color:#666;
			font-size:11pt;
			font-style:	italic;
  			font-weight:700;
  			font-weight:100;
			margin:0 0 0 0;
			padding:10px 0 0 0;
			line-height:100%;
 			}

			
/* LISTS */
			
ul	{
 			 margin:20px 0 20px 15px;
 			 padding:0;
			 list-style:disc outside;
			 color:#666;
			 font-size:10pt;
			 font-style:italic;
			 text-indent:0;

			 }
 
li	{
 			 margin:6px 0 0 0;
 			 padding:6px 0 0 0;
  			 text-indent:0;
 			 line-height:13pt;
 			 font-weight:100;
			 list-style-image:url(../images/bullet.gif);
			 list-style-position:outside;
			 }
			 
li.about	{
			font-size:12pt;
			padding:10px 0 0 0;
			color:#003366;
}
			 

/* FORMS */

input.text {
		color:#669999;
		padding:8px 4px 8px 4px;
		border:1px solid #d4d4d4;
		margin-right:3px;
		}

input{
		color:#669999;
		padding:5px;
		border:1px solid #d4d4d4;
		}
		
label {
			float: left;
			}
	
/* BUTTONS */

button {
			background: transparent url('../images/bigbutton02.jpg') no-repeat scroll top right;
    		color: #fff;
    		display: block;
    		float: left;
    		height: 35px;
    		padding:0 10px 0 0; /* sliding doors padding */
    		text-decoration: none;
			margin:0 5px 5px 0;
			font-size:13pt;
			border:0;
  			overflow: hidden;
 			cursor: pointer; /* hand-shaped cursor */
 			cursor: hand; /* for IE 5.x */
			}

button span {
  		  	background: transparent url('../images/bigbutton01.jpg') no-repeat;
    		display: block;
    		line-height: 25px;
			margin:0 -1px 0 0;
    		padding:5px 2px 5px 11px;
			color: #fff;
			font-weight:300;
			}
		
button::-moz-focus-inner { border: none;} 

a.button 	{
    		background: transparent url('../images/bigbutton02.jpg') no-repeat scroll top right;
    		color: #fff;
    		display: block;
    		float: left;
    		height: 35px;
    		padding:0 10px 0 0; /* sliding doors padding */
    		text-decoration: none;
			margin:0 5px 5px 0;
			font-size:13pt;
			}

a.button span {
  		  	background: transparent url('../images/bigbutton01.jpg') no-repeat;
    		display: block;
    		line-height: 25px;
			margin:0;
    		padding:5px 2px 5px 11px;
			border:0;
			color: #fff;
			font-weight:300;
			}