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

/* UNIVERSAL */
* { margin: 0px; padding: 0px; }
body { background: url(images/headerstripes.gif) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #84888B; }
hr { display:none;}
h1, h2, h3 { font-family: Helvetica, Arial, sans-serif; letter-spacing: -.05em; padding:10px; font-weight: bold; }
h2, h3 { color: #808080; }
p {	font: 14px/18px Georgia, "Times New Roman", Times, serif; color: #2F2F2F; padding-bottom: 14px; }
div.ninesixty { width:940px; margin-right: auto; margin-left: auto; }
img { border:none;}

/* HEADER */
#header { height: 80px; background: url(images/radial_gradient.png) no-repeat center top; }
#header h1 span { display: none; }
#header h1 { display: block; width:250px; height:33px; background: url(images/chrome47branding.png) no-repeat; position:absolute; top: 9px; margin-left: 80px; }

/* INTRODUCTION */
#intro-wrap { background: #F68C47; margin-bottom: 20px; padding-right:10px; padding-left:10px; }
#intro-nav { display: block; background: #F68C47 url(images/intro-nav_bg.gif) repeat-y; margin-top: 20px; padding-top:20px; padding-bottom:20px; }
#intro { width: 530px; margin-left: 80px; }
#intro h2 { padding:0; font-size: 28px; line-height: 26px; color: #000000; }
#intro p { font: 18px/25px Helvetica, Arial, sans-serif; color: #808080; padding-top: 5px; padding-bottom:0;}
#intro p a { color:#2F2F2F; font-weight:bold; text-decoration:none; }
#intro p a:hover { color:#EBEBEB; background-color:#2F2F2F; }

/* NAVIGATION */
#nav {display:block; float: right; width: 220px; text-align:center; margin-right: 80px; }
ul#nav { list-style:none; }
#nav li { text-transform:uppercase; padding-bottom: 16px; margin-bottom:16px; background: url(images/dash-5px.gif) repeat-x bottom; font: 18px/18px Georgia, "Times New Roman", Times, serif; }
#nav li.last { padding-bottom:0; margin-bottom:0; background: url(none); }
#nav a { color: #2F2F2F; text-decoration: none; padding-right:3px; padding-left:3px;}
#nav a:hover { color:#EBEBEB; background-color:#2F2F2F;}

/* MAIN CONTENT AREA */
#main-wrap { background: url(images/dash-5px.gif) repeat-x top; padding-top:20px; padding-bottom:20px; overflow:visible;}

#main { width:960px; margin-right: auto; margin-left: auto; }

/* HOME PAGE CONTENT: FEATURED PROJECTS */
div.portfolio { display: block; padding:10px; float:left; width: 300px; margin-bottom:20px; }
div.portfolio img { width:300px; height:240px; padding-bottom:10px; }
div.portfolio h3 { padding:0; margin-bottom:10px; }
div.portfolio h3 a { color:#808080; font-size: 18px;  line-height: 20px; text-decoration:none; }
div.portfolio h3 a:hover { color:#F68C47; }
div.portfolio p { font-size: 14px; line-height: 20px; padding-bottom:0;}
div.portfolio p.more { padding-top:10px; font: bold 13px/20px Helvetica, Arial, sans-serif; padding-bottom:0;}
div.portfolio p.more a { color:#F68C47; text-decoration: none; padding:5px; }
div.portfolio p.more a:hover { color:#FFFFFF; background-color:#2F2F2F; }
div.portfolio:hover { background-color:#EBEBEB; }

/* ABOUT AND CONTACT LEFT AND RIGHT COLUMNS */
#left { display: block; width: 620px; float:left; }
#right { display: block; width: 300px; margin-left: 640px; }

/* ABOUT PAGE CONTENT */
#left.about {  }
img.aboutphoto { width:190px; height:190px; margin:0 20px 10px 10px; float:left; background-color:#2F2F2F; }
#left.about p { margin-left: 80px; }
#left.about p a { color:#F68C47; text-decoration:none; }
#left.about p a:hover { color:#FFFFFF; background-color:#2F2F2F; }
#left.about h3 { margin-left: 70px; }
#right.PDF { background: url(images/pdf-download-bg.png) no-repeat left top; min-height:85px; padding-top: 10px; }
#right.PDF h2 { line-height: 20px; width: 140px; }
#right.PDF h2 a {text-decoration:none; color:#808080; }
#right.PDF h2 a:hover {color:#2F2F2F; }
#right.PDF p.small { font-size: 11px; line-height: 16px; padding-left: 10px; padding-bottom:0; margin-top:-5px; }
#right.PDF p.small a { color:#808080; text-decoration:none; font-weight:bold; }
#right.PDF p.small a:hover { color:#FFFFFF; background-color:#2F2F2F; }

/* PORTFOLIO */
ul.thumbs { list-style:none;}
ul.thumbs li { float:left; padding-left:10px; padding-right:10px; padding-bottom:20px; }
ul.thumbs li img { width:100px; height:100px; border:none; }
#feature { clear:both; background:#EBEBEB; overflow:visible; min-height:480px; }
#portfolio-left {width:460px; margin-bottom:20px; }
#portfolio-left h2 { padding-top:20px; padding-left:20px; }
#portfolio-left h3.client { color:#AAA; font-size: 16px; line-height: 18px; padding-left:20px; }
#portfolio-left h3.role { color:#AAA; font-size: 14px; line-height: 18px; padding-bottom: 14px; padding-left:20px; margin-top:-15px; }
#portfolio-left h3.role a { color:#AAA; text-decoration:underline; }
#portfolio-left h3.role a:hover { color:#FFFFFF; background-color:#2F2F2F; }
#portfolio-left p {padding-left:20px;}
img.sample { display:block; float:right; width:460px; height:460px; margin-top:10px; margin-right:10px; }

#load {
	display: none;
	background: url(images/loading.gif) no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
}


/* CONTACT */
#left.contact {  }
#left.contact p { padding-left:10px;}
#left.contact a { color:#F68C47; text-decoration:none; }
#left.contact a:hover { color:#FFFFFF; background-color:#2F2F2F; }
#right.contact p { padding-left:10px; }
#right.contact ul { list-style:none; display:block; padding-left:10px; padding-bottom:20px;}
#right.contact ul li span {display:none;}
#right.contact ul li {display:inline; width:52px; height:52; padding-right:22px; }
#right.contact ul li.last {padding-right:0;}
form#contactform { padding-left:10px; }
form#contactform div.fieldblock { display:block; margin-bottom:25px; }
form#contactform div.fieldblock label { font: bold 16px Helvetica, Arial, sans-serif; color: #808080; text-align: right; display: block; width: 140px; }
form#contactform div.fieldblock label span {
	font-size: 12px;
	font-weight: normal;
}
form#contactform div.fieldblock div.input, form#contactform input.submit { display:block; float:left; margin-left: 160px; }
form#contactform div.fieldblock div.input input, form#contactform div.fieldblock div.input textarea {
	background:#EBEBEB; border:none; width:445px; padding:8px; margin-top:-20px;}
form#contactform input.submit {
	color: #FFFFFF;
	font: bold 16px Helvetica, Arial, sans-serif;
	margin-top:15px;
	margin-bottom:20px;
}

/* FOOTER */
#footer { clear:both; background-color:#EBEBEB; padding:20px; margin-bottom:30px; overflow:visible; }
#footer div.left { display: block; width: 500px; float:left; } 
#footer img.branding { width:140px; margin-right:20px; float:left; height: 11px; } 
#footer ul { margin-top:-5px; margin-left:160px;}
#footer ul li { display:inline;	list-style:none; margin-left:0;	padding-right: 8px;	margin-right:5px; border-right:solid 1px #2F2F2F; font: normal 13px Georgia, "Times New Roman", Times, serif; }
#footer ul li.last { border: none; }
#footer ul li a { font-weight: normal; }
#footer ul li a:hover { color:#F68C47; text-decoration:underline; }
#footer p { font: 12px Helvetica, Arial, sans-serif; padding-top: 5px; padding-bottom:0;}
#footer a { color: #2F2F2F; font-weight: bold; text-decoration: none; }
#footer ul li a:hover { color:#F68C47; text-decoration:underline; }
#footer p.disclaimer { display: block; width: 390px; margin-left: 530px; /*color:#EBEBEB;*/ background-color:#DADADA; padding:10px; }
#footer p a:hover { color:#EBEBEB; background:#2F2F2F; text-decoration:none; }