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

* {margin:0; padding:0;outline: 0;}
img {border:none;}

.clear {clear:both;}
.center {text-align:center}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#b1d9dc;
}

div#wrapper {
	margin:0 auto;
	width:800px;
	padding-top:12px;
}

div#container {
	height:600px;
	background: #fff url(../images/amp.gif) bottom right no-repeat;
}

div#header { padding:40px 60px; }

div#header a#logo { float:left; }

ul#nav { float:right; list-style:none; margin-top:10px; }
ul#nav li { float:left; margin-left:8px; }
ul#nav li a { display:block; height:25px; width:83px; }
ul#nav li a span { display:none; }

a#navWork { background: url(../images/navWork.gif) 0 0 no-repeat; }
a#navAbout { background: url(../images/navAbout.gif) 0 0 no-repeat; }
a#navContact { background: url(../images/navContact.gif) 0 0 no-repeat; }

a#navWork:hover, a#navAbout:hover, a#navContact:hover { background-position:0 -25px; }

body#work a#navWork, body#about a#navAbout, body#contact a#navContact {
	background-position:0 -25px;
}

div#subnav { background-color:#b1d9dc; height:25px; padding:0 60px; margin-bottom:60px; }
div#subnav ul { list-style:none; float:right; background-color:#fff; padding:0 12px 0 12px; }
div#subnav ul li { float:left; }
div#subnav ul li a { display:block; height:25px; }
div#subnav ul li a span { display:none; }

a#sBranding {
	background: url(../images/sBranding.gif) 0 0 no-repeat;
	width:85px;
}
a#sCollateral {
	background: url(../images/sCollateral.gif) 0 0 no-repeat;
	width:94px;
}
a#sMore {
	background: url(../images/sMore.gif) 0 0 no-repeat;
	width:61px;
}

a#sWho {
	background: url(../images/sWho.gif) 0 0 no-repeat;
	width:65px;
}
a#sWhat {
	background: url(../images/sWhat.gif) 0 0 no-repeat;
	width:59px;
}
a#sWhen {
	background: url(../images/sWhen.gif) 0 0 no-repeat;
	width:63px;
}
a#sWhere {
	background: url(../images/sWhere.gif) 0 0 no-repeat;
	width:68px;
}
a#sWhy {
	background: url(../images/sWhy.gif) 0 0 no-repeat;
	width:58px;
}

a#sBranding:hover, a#sCollateral:hover, a#sMore:hover, a#sWho:hover, a#sWhat:hover, a#sWhen:hover, a#sWhere:hover, a#sWhy:hover {
	background-position:0 -25px;
}

body.branding a#sBranding, body.collateral a#sCollateral, body.more a#sMore, body.who a#sWho, body.what a#sWhat, body.when a#sWhen, body.where a#sWhere, body.why a#sWhy {
	background-position:0 -25px;
}

div#homepage { padding:0 122px 0 160px; color:#8a8577; font-family:"Times New Roman", Times, serif; font-size:22px; line-height:35px; }
div#homepage .callout { color:#f15e24; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; }

div#gallery { padding: 0 60px; }
div#gallery div#thumbs { float:left; width:310px; }
div#gallery div#display { float:right; }

div#thumbs ul { list-style:none; }
div#thumbs ul li { float:left; margin:0 5px 5px 0; }
div#thumbs ul li a { display:block; border:1px solid #e3e2e2; }
div#thumbs ul li a.image-rule { border:1px solid #e3e2e2; }

div#image-title {
	background: url(../images/dots.gif) bottom left no-repeat; 
	margin-left:30px; 
	padding:25px 0 0 5px;
	font-size:10px;
	color:#8a8577;
	text-transform:uppercase;
}
div#image-title a { font-size:10px; color:#8a8577; text-transform:uppercase; text-decoration:underline; }
div#image-title span { font-family:"Times New Roman", Times, serif; display:block; text-transform:none; font-style:italic; }

.three-column { padding-left:65px; }
.three-column .col1 {
	float:left;
	height:332px;
	width:200px;
	padding-right:20px;
	background: url(../images/vertical.gif) top right no-repeat;
}
.three-column .col2 { float:left; height:332px; width:200px; padding:0 20px 0 20px; background: url(../images/vertical.gif) top right no-repeat; }
.three-column .col3 { float:left; padding-left:20px; width:190px; }

.two-column { padding-left:105px; }
.two-column .col1 { 
	float:left; 
	height:332px; 
	width:150px; 
	background: url(../images/vertical.gif) top right no-repeat; 
	text-align:right;
	padding-right:35px;
}
.two-column .col2 { float:left; padding-left:30px; width:350px; }

.col1 ul { list-style:none; }
.col1 ul li { margin-bottom:10px; }
.col1 a { 
	color:#735e26;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}
.col1 a:hover { color:#f15d22; }
.col1 a.selected { color:#f15d22; }

h2 {
	color:#735e26;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
}
body.why h2 { margin-bottom:20px; }

.subhead {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#735e26;
	font-style:italic;
	margin-bottom:30px;
}
div#thumbs .subhead { margin-bottom:15px; text-align:right; }
body#contact .subhead { margin-bottom:15px; }

.callout { color:#f15d22; }

p { color:#8a8577; margin-bottom:10px; font-size:11px; line-height:16px; }
p.times-italic { font-family:"Times New Roman", Times, serif; font-size:13px; font-style:italic; }

ul.list { list-style:none; margin:5px 0 20px 0; }
ul.list li { font-size:11px; color:#8a8577; margin-bottom:3px; text-indent:-8px; padding-left:8px; }

.quote {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#f15d22;
	font-style:italic;
	font-weight:bold;
}
.quote span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-style:normal;
	display:block;
	margin-top:10px;
}

.located { color:#f15d22; font-size:11px; text-transform:uppercase; margin-bottom:15px; }

a#info {
	font-family:"Times New Roman", Times, serif;
	color:#8a8577;
	font-style:italic;
	text-decoration:none;
	text-transform:lowercase;
}
a#info:hover { text-decoration:underline; }

div.social { margin-top:20px; }
div.social a { margin-left:10px; }

input.textbox { width:200px; }
textarea { width:200px; }
.validation { font-weight: bold; color: red; }

a#contact-submit { display:block; height:18px; width:60px; background: url(../images/contact-submit.gif) 0 0 no-repeat; }
a#contact-submit:hover { background-position:0 -18px; }

div#footer {
	color:#735e26;
	font-size:9px;
	text-transform:uppercase;
	padding:8px 0 10px 150px;
}
div#footer div.social { float:left; margin:0 5px 0 0; }
div#footer div.social a { margin-left:2px; }
div#footer div.copy { float:left; margin-top:5px; }
div#footer div.copy a { color:#735e26; text-decoration:none; }
div#footer div.copy a:hover { text-decoration:underline; }