
body {
	font-size:62.5%	;
	font-family:Arial, Verdana;
	line-height:1.4;
	font-size:10pt;
	color:#000;
	background:#111;
}
p, address {
	margin-bottom:20px;
	line-height:1.7;
	color:#dcdedf;
}
strong {
	color:#dfcbb0;
}
a {
	color:#378baa;
	text-decoration:none;
}
a:hover {
	color:#00c4fa;
}
h1, h2, h3, h4, h5, h6 {
	color:#dfcbb0;
	font-family:Georgia, "Times New Roman";
	font-weight:bold;
	font-size:16pt;
	margin-bottom:15px;
	text-transform:uppercase; 
}
h2#welcome-heading {background:url('../images/system/welcome-heading.jpg') no-repeat 0 0; height:19px; margin-bottom:15px;}
h1#portfolio-heading {background:url('../images/system/portfolio-heading.jpg') no-repeat 0 0; height:19px;}
h1#about-heading {background:url('../images/system/about-heading.jpg') no-repeat 0 0; height:19px;}
h1#contact-heading {background:url('../images/system/contact-heading.jpg') no-repeat 0 0; height:22px;}
h1#info-sent-heading {background:url('../images/system/info-sent-heading.jpg') no-repeat 0 0; height:22px;}
h2 {color:#d29a5f;margin-bottom:20px;}
h2#featured {background:url('../images/system/featured-heading.jpg') no-repeat 0 0; height:23px;}
h2#selected-work {background:url('../images/system/selected-work-heading.jpg') no-repeat 0 0; height:23px;}
h2#brief-bio {background:url('../images/system/brief-bio-heading.jpg') no-repeat 0 0; height:23px;}
h3,h4 {color:#d39b5f;font-size:12pt;text-transform:none;margin-bottom:5px;}
h4 {font-size:10pt;color:#dfcbb0;}

/* ---- CUSTOM STYLES --------*/
.services {color:#c3c3c3;font-style:italic;}
.printonly {display:none;}
.hide-text {text-indent:-9999px;overflow:hidden;}
.right {float:right;}
.left {float:left;}
.photo {margin-bottom:20px;}
.right.photo {margin-left:40px;}
.left.photo {margin-right:40px;}

/* -- scalable content buttons -- */
.button {
	float:left;
	margin:0 25px 0 0;
	line-height:1.3;
}
	.button span {
		height:26px;
		float:left;
		width:7px;
		background:url('../images/system/button-cap.jpg') no-repeat 100% 0;
	}
		.button a {
			display:block;
			float:left;
			height:21px;			
			background:url('../images/system/button-stretch.jpg') no-repeat 0 0;
			padding:5px 10px 0 32px;
			font-size:8pt;
			font-family:Georgia, "Times New Roman";
		}
		.button a:hover {
			background:url('../images/system/button-stretch.jpg') no-repeat 0 -26px;
		}

/* -------------------------- */
/* ---- LAYOUT STYLES ------- */

#header-wrapper, #info-strip-wrapper {
	width:100%;
	min-width:958px;
}
#header-content, #info-strip-content, #main-content, #footer {
	width:958px;
	margin:0 auto;
}

/* --- HEADER ----*/
#header-wrapper {
	background:#191b1e url('../images/system/stone-seperator.gif') repeat-x 0 100%;
	height:136px;
}
	#header-content {
		background:#191b1e url('../images/system/header-bg.jpg') no-repeat 0 0;
		height:129px;
		position:relative;
	}
		#site-logo {			
			text-indent:-9999px;
			overflow:hidden;
			position:absolute;
			top:8px;
			left:50px;
		}
			#site-logo a {	
				display:block;
				width:278px;
				height:104px;				
				background:url('../images/system/todd-adams-logo.jpg') no-repeat 0 0;
			}
			#site-logo a:hover {
				background:url('../images/system/todd-adams-logo.jpg') no-repeat 0 -104px;
			}
		#global-nav {
			float:right;
		}
			#global-nav li {
				display:inline;                                
			}
				#global-nav a {
					display:block;
					width:115px;
					height:129px;
					float:left;
					margin-right:7px;
					background:url('../images/system/navigation.jpg') no-repeat 0 0;
					cursor:pointer; /* fade fix for ie */
				}
				#global-nav li#portfolio-nav a {
					background-position:0 0;
				}
				#global-nav li#portfolio-nav a:hover, #global-nav li#portfolio-nav a.hover, body#portfolio li#portfolio-nav a {
					background-position:0 -129px;
				}
				#global-nav li#about-nav a {
					background-position:-115px 0;
				}
				#global-nav li#about-nav a:hover, #global-nav li#about-nav a.hover, body#about li#about-nav a {
					background-position:-115px -129px;
				}
				#global-nav li#contact-nav a {
					background-position:-230px 0;
					margin-right:2px;
				}
				#global-nav li#contact-nav a:hover, #global-nav li#contact-nav a.hover, body#contact li#contact-nav a {
					background-position:-230px -129px;
				}			

/* --- INFO STRIP ---- */
#info-strip-wrapper {
	background:#141619 url('../images/system/stone-seperator.gif') repeat-x 0 100%;
	height:188px;
}
	#info-strip-content {
		background:url('../images/system/graphics-strips/home-gateway.jpg') no-repeat 0 0;
		height:156px;
		padding-top:25px;
	}
	body#about #info-strip-content {
		background:url('../images/system/graphics-strips/about-arches.jpg') no-repeat 0 0;		
	}
	body#portfolio #info-strip-content {
		background:url('../images/system/graphics-strips/portfolio-logo.jpg') no-repeat 0 0;		
	}
	body#contact #info-strip-content {
		background:url('../images/system/graphics-strips/contact.jpg') no-repeat 0 0;		
	}
		#info-strip-content p {
			float:left;
			margin-top:-5px;
			width:570px;
			font-size:14pt;
			font-family:Georgia, "Times New Roman";
			line-height:1.4;			
			color:#e7dac8;
		}

/* --- MAIN CONTENT AREA ---- */
#main-content {
	background:url('../images/system/content-bg.jpg') no-repeat 0 0;
	padding:30px 0 60px 0;
}
	/* home styles */
	#home-feat-left {
		float:left;
		width:505px;
		height:272px;
		margin-right:40px;
		overflow:hidden;
	}
		.piece-frame {
			width: 507px;
			height: 272px;
			position:relative;
			background:url('../images/system/featured-frame-bg.jpg') no-repeat 0 0;
		}
		.piece-frame a {
			width: 471px;
			height: 231px;
			color:#79848d;
			display:block;		
			padding:18px 0 0 20px;
		}
		span.gall-type {
			position:absolute;
			font-family:Georgia;
			font-size:8pt;
			width:110px;
			text-align:center;
			top:250px;
			left:200px;
			z-index:2;
		}
	#home-feat-right {
		float:right;
		width:413px;
		margin-top:5px;
	}
		#home-feat-right p {
			line-height:1.6;
		}

/* ---- PORTFOLIO PAGE -------- */
.portfolio-row {
	margin-bottom:30px;
}
.portfolio-left {
	float:left;
	width:552px;
	height:234px;	
	overflow:hidden;
}
	body#portfolio .piece-frame {
		width: 552px;
		height: 234px;
		position:relative;
		background:url('../images/system/piece-frame-bg.jpg') no-repeat 0 0;
	}
	body#portfolio .piece-frame a {
		width: 495px;
		height: 177px;
		color:#79848d;
		display:block;		
		padding:18px 0 0 20px;
	}
	body#portfolio span.port-gall-type {
		position:absolute;
		font-family:Georgia;
		font-size:8pt;
		width:110px;
		text-align:center;
		top:212px;
		left:223px;
		z-index:50;
	}
	
.portfolio-details {
	float:right;
	width:366px;
	margin:10px 0 0 0;
}
	.portfolio-details p {
		line-height:1.4;
	}

/* ---- CONTACT PAGE -------- */
#contact-left {
	float:left;
	width:560px;
}
	#contact-fieldset {
		margin-top:30px;
	}
		#contact-fieldset .inputrow {			
			clear:both;			
		}
		#contact-fieldset label {
			width:100px;
			float:left;
			text-align:right;
			margin-right:10px;
		}
		#contact-fieldset em {
			clear:left;
			display:block;
			color:#969696;
			font-weight:normal;
			font-size:8pt;
		}
		#contact-fieldset input,
		#contact-fieldset textarea {
			border:none; 							
			color:#969696;					
			font-size:10pt;
			font-family:Arial, Verdana;
			background:none;
			width:100%;
		}		
		.input-bg, .textarea-bg {
			padding:10px 15px 5px 15px;	
			height:25px; /* 40 minus 15 padding */
			width:402px;
			float:left;			
			margin-bottom:20px;
			background:url('../images/system/contact-input-small.jpg') no-repeat 0 0;
			border:1px solid #000;
		}
		.textarea-bg {
			background:url('../images/system/contact-input-large.jpg') no-repeat 0 0; 			
			height:98px; /* 113 high minus 15 padding */	
			margin-bottom:15px;				
		}		
		#contact-fieldset textarea {	
			overflow:auto;			
			height:98px;
			resize: none; /* so safari will not allow resizing */										
		}		
		#contact-fieldset .actionrow {
			padding-left:110px;	
			clear:both;			
		}		
		#contact-fieldset button {
			line-height:1.3;
			cursor:pointer;
			color:#378baa;				
			background:transparent;
			text-align:left;			
		}	
			#contact-fieldset button span {
				display:block;			
				height:21px;
				width:68px;
				background:url('../images/system/submit-button.jpg') no-repeat 0 0;
				padding:5px 0 0 32px;
				font-size:8pt;
				font-family:Georgia, "Times New Roman";
			}
			#contact-fieldset button:hover span {
				background:url('../images/system/submit-button.jpg') no-repeat 0 -26px;
				color:#00c4fa;
			}


#contact-right {
	float:right;
	width:200px; /* 320 minus 120 */
	height:305px; /* 445 minus 140 */
	padding:70px 50px 70px 70px; 
	background:url('../images/system/contact-frame-right.jpg') no-repeat 0 0;	
}
	#contact-right h3 {
		font-size:13pt;
		margin-bottom:10px;
	}
	#contact-right p,
	#contact-right address {
		line-height:1.3;
		font-style:normal;
	}
	#contact-right a {
		clear:both;
		display:block;
		height:25px; /* 32 minus 7 */
		width:153px; /* 193 minus 40 */
		padding:7px 0 0 40px;
		font-size:8pt;
		font-family:Georgia;
	}
		a#linkedin {
			background:url('../images/system/linkedin-bg.png') no-repeat 0 0;
			margin-bottom:10px;
		}
		a#twitter {
			background:url('../images/system/twitter-bg.png') no-repeat 0 0;
		}

/* --- FOOTER ---- */
#footer {
	background:url('../images/system/footer-bg.jpg') no-repeat 0 0;
	font-size:8pt;
	text-align:center;
	position:relative;
	padding-bottom:40px;
}	
	#footer img {
		margin-bottom:46px;		
	}
	#footer p {
		color:#9ba6b1;
		margin-bottom:5px;
	}
	#footer ul {
		position:absolute;
		left:40%;
	}
		#footer li {			
			display:inline;			
		}
			#footer li a {
				color:#d4d4d4;
				display:block;
				float:left;
				background:url('../images/system/footer-bullet.gif') no-repeat 0 0;
				padding-left:17px;	
				margin-right:10px;
			}
			#footer li a:hover {
				color:#fff;
				background:url('../images/system/footer-bullet.gif') no-repeat 0 -14px;
			}

