@charset "utf-8";

/* CSS Reset */

*, html, body			{margin:0px; padding:0px;}

/* Typography */

p 						{font: 10pt "Trebuchet MS", Arial, sans-serif; margin-bottom: 15px;}
h2 						{font: 24pt "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px;}
h3						{font: bold 10pt "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px; }


/* Global Styles */

body					{background: #313131; text-align: center;}
.page					{text-align: left; margin: 0px auto; width: 1200px;}
#header					{background: url(../images/header2.png) no-repeat; height: 156px; width: 1200px;}
.nav-menu				{padding-top: 70px; padding-left: 298px;}
#content				{ background: url(../images/body.gif) repeat-y; float: left; position: relative; width: 1200px; }
#footer					{width: 1200px;}
.clear					{clear:both;}

/* Header Styles */
.site-name				{float: left; width: 258px; height: 106px;}
.site-name h1			{text-indent: -9999px;}


/* Footer Styles */
.info					{width: 909px; float: left; font-size: 9pt; color: #FFFFFF;}
.info p					{padding-left: 150px; padding-top: 10px;}
.info a					{color: #FFFFFF; text-decoration:none; margin-left: 15px;}
.info a:hover			{color: #850c01;}
.design					{width: 291px; margin: 0px; padding: 0px;}

.home-info {width:799px;/*float: left;*/ font-size: 9pt;  color: #FFFFFF;}
.home-info p	{padding:10px 0 0 50px;}
.home-info a		{color: #FFFFFF; text-decoration:none; margin-left: 15px;}
.home-info a:hover	{color: #850c01;}

/* Home Page */
#home { text-align:left; margin: 0px; padding: 0px; }
.welcome				{color:#FFFFFF;	text-align: left; line-height: 18pt; padding-top:30px;}
small { font: 9pt "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px; text-align: left; }
.view { color: #850c01; text-transform: uppercase; text-decoration: underline; white-space: nowrap; }

#lower-third{ width:462px; padding:20 0 0; margin: 0px 0px 10px; }
#lower-third p { text-align:left; font: 9pt "Trebuchet MS", Arial, sans-serif; padding: 0px; margin:0px; }
.box {width:180px; height:110px; margin:0px 20px; float:left; }
.graphic-title { margin-top:24px; margin-bottom:0px; }
.bottom-box{ margin:0px 20px; float:left; width:400px; }

/* Home Page Gallery */
#gallery { height: 302px; width: 462px; background: #F1F3F2; }
#inner-gallery { width: 380px; padding-right: 60px; padding-left: 22px; }
.gallery-thumb{ float: left; height: 73px; width: 87px; margin: 3px; border: 1px solid #d9d9d9; }

/* Home Page Slideshow */
.slideshow {width:645px; height:305px; display:block;}

/* Body Page Columns */
.col-center				{float: left; width: 732px; padding-left: 129px;}
.col-center p 			{padding: 0px 10px; line-height: 16pt;}
.col-center a 			{color: #313131;}
.col-center h2 			{padding: 0px 12px; color: #850c01;}
.col-center h3 			{padding: 5px 12px;}
.col-center ul, .col-center ol	{font: 10pt "Trebuchet MS", Arial, sans-serif; padding: 0px 12px; list-style: squre inside; margin: 0px 0px 12px 25px;}
.col-right				{float: right; width: 217px; padding-right: 122px;}
.pdf-link{ background: url(../images/pdf-icon.png) no-repeat; display: inline-block; height: 18px; padding-left: 20px; }
#cost-chart{margin:5px 15px;}


/*Sub Nav Styles */

.sub-nav-top			{background: url(../images/sub-nav-top.png) no-repeat; height: 30px; width: 179px;}
.sub-nav-center			{background: #850c01; width: 179px;}
.sub-nav-center ul		{display: block; list-style: none; margin-right: 30px; margin-left: 20px; padding-bottom: 10px;}
.sub-nav-center li		{display: block; height: 25px; border-bottom: 2px solid #FFFFFF; padding: 7px 0px; text-align: center;}
.sub-nav-center a		{font: bold 14pt "Trebuchet MS", Arial, sans-serif; color: #FFFFFF; text-decoration: none; text-align: center;}
.sub-nav-center a:hover	{color: #313131;}
.sub-nav-bottom			{background: url(../images/sub-nav-bottom.png) no-repeat; height: 30px; width: 179px;}

/*Photo Galleries */

div.thumb { margin: 5px 10px 15px 20px; height: 350px; float: left; text-align: center; }
.thumb img{display: inline; margin: 10px; border: 1px solid #bbbbbb;}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {text-align: center; width: 135px; margin: 0 3px 3px; font: normal 10pt "Trebuchet MS", Arial, sans-serif; height: 70px;} 
a.linkopacity img {filter:alpha(opacity=100);	-moz-opacity: 1.0; opacity: 1.0; 	-khtml-opacity: 1.0;}
a.linkopacity:hover img {filter:alpha(opacity=50); -moz-opacity: 0.4; opacity: 0.5; -khtml-opacity: 0.4; }
#project-photos{ white-space: normal; margin-top: 10px; padding-bottom: 25px; display: block; padding-left:15px; width:700px;}
#project-banner{padding:0px 10px 10px 10px; text-align:center;}

/*Testimonials */
.testimonials { margin: 10px 0px 30px; border-bottom: 1px dashed #CCCCCC; padding: 0px; }
.testimonial-box { background: #F4F4F4; padding: 10px; margin: 10px; }
.quote-marks { font-size: 20px; color: #777777; }
.testimonial-author p { font-weight: bold; text-align: right; padding-right: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #850c01; }

/* Links */
.link-container { margin: 10px 0px 30px; border-bottom: 1px dashed #CCCCCC; padding: 0px; }
.link-box { padding: 10px; margin: 10px; }
.link-img { display: inline; float: left; margin-right: 10px; margin-bottom: 10px; }
.link-title { font-weight: bold; margin-bottom: 5px; display: block; color: #850c01; }
.link-decription { font-style: italic; overflow: hidden; }
.link-url a { text-decoration: underline; display: block; padding-top: 5px; color: #850c01; }

/* Contact Form */
#contact-form{ padding: 10px; margin: 10px; width:400px; float:left; }
#contact-form input { border: 1px solid #CCCCCC; height:22px; width:200px; }
#contact-form input:focus, #contact-form textarea:focus { border: 1px solid #cccccc; background: #F0F0FF; }
#contact-form textarea{ border: 1px solid #CCCCCC; }
#contact-form label{ font: 10pt Arial, Helvetica, sans-serif; display: block; margin: 10px 0px; }
#contact-form .submit { margin-top: 5px; }
span#captcha { margin: 10px 0px 10px 0px; display: block; }
.address-box{ padding: 10px; margin: 10px; width:250px; float:right; }
.address-box p:first-line{ font:bold 10pt Arial, Helvetica, sans-serif; }
.address-box a{ text-decoration:none;}


/* RESOURCES */
  .resources {font:normal 12px/18px Arial,Helvetica,Sans-Serif; list-style:none; margin:10px 0 15px 5px; padding:0;}
  .resources li {margin:0 0 5px; padding:0 0 0 15px;}
  .resources a {color:#003265; margin:0; padding:0; text-decoration:underline;}
  .resources a:visited {color:#003265;}