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

/* Reset - Thanks to Eric Meyer for these styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }
strong {font-weight:bold;}
em {font-style:italic;}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { }
blockquote, q { quotes: "" ""; }


body {  margin: 5px auto 0 auto; background-color:#336699; color: #545454; font: normal normal 13px/22px Arial, Helvetica, sans-serif;}

a, a img { color:#545454; text-decoration: underline; border: 0; }
a:hover {color:#21578A;}

h1 {font-weight:bold; color:#A57E58;}

p { margin:0 0 20px 0; }
#testimonialspage p { margin:0 0 30px 0;}
#testimonialspage .testimonial { margin: 0 0 8px 0;}


ul {margin:0 0 20px 20px; }
ul li ul {margin:0 0 0 15px; }
ol {margin:0 0 20px 25px; }
ol li ol {margin:0 0 0 15px; }


#container {width:799px; margin: 0 auto; text-align:center; background:url(/img/bkg-container.png) repeat-y top;}

#backgroundcircle { background:url(/img/bkg-circle.png) no-repeat 19px 75px; text-align:left; min-height:690px;}

	#header {height:70px; background:url(/img/bkg-header.png) no-repeat top; padding:2px 0 0 250px; text-align:left; }
		#call { text-align:right; font-size:15px; font-weight:bold; color:#FFFFFF; padding:0 20px 3px 0; letter-spacing:1px;}
		#mainnav { list-style:none; margin:0;}
			#mainnav li {padding-left:25px; float:left; list-style:none; }
			#mainnav li a { display: block; color:#6E6E6E;text-decoration:none; line-height:31px; padding:0 10px; font-weight:bold; }
			#mainnav li a:hover {color:#21578A;}
			#mainnav li a.on, #mainnav li a.on:hover {color:#FFFFFF; background:#21578A; }
			
			
		.nonprojects #subnav {display:none;}
		#subnav { list-style:none; margin:0 0 0 10px;}
			#subnav li { float: left; list-style: none; padding-left:20px; }
			#subnav li a { display: block; color:#6E6E6E;text-decoration:none; line-height:35px; padding:0 15px; font-weight:bold; font-size:16px; }
			#subnav li a:hover {color:#21578A;}
			#subnav li a.on, #subnav li a.on:hover {font-weight:bold; color:#21578A; background:#FCF0D2;}
	
	.home #slideshowarrows 	{margin:20px 45px 0 292px; width:440px; height:140px; cursor: default; }
		
	#slideshowarrows {margin:0 75px 0 262px; width:440px; height:160px; cursor: default; }
		#projarrows { display:inline; list-style:none; }
			#projarrows li {float:right;  padding:80px 0 25px 0;}
			#projarrows li a.back { background:url(/img/arrow-back.png) no-repeat 0 0; width:61px; height:17px; display:block;}
			#projarrows li a.back:hover { background:url(/img/arrow-back.png) no-repeat 0 -17px;}
			#projarrows li a.next { background:url(/img/arrow-next.png) no-repeat 0 0; width:61px; height:17px; display:block;}
			#projarrows li a.next:hover { background:url(/img/arrow-next.png) no-repeat 0 -17px;}
			
		#projindicators { display:inline; list-style:none; height: 7px; }
			#projindicators li { padding-left:8px; display: inline; width:7px; height:7px; }
			#projindicators li a img { width:7px; height:10px; }
			#projindicators li a { padding-top; 5px; background:url(/img/project-indicator.png) no-repeat 0 0; width:7px; height:7px; display:inline; }
			#projindicators li a:hover { background:url(/img/project-indicator.png) no-repeat -30px 0; }
			#projindicators li a.on { background:url(/img/project-indicator.png) no-repeat -30px 0; }
	
	 #maincontent {padding:0 75px 0 45px;}
	 	.columnleft img { position:absolute; top:55px; margin-left:-8px;}
		.columnleft p { font-size:12px; line-height:23px; color:#21578A; font-style:italic; width:200px; position:absolute; top:590px;}
		.columnleft p.gray { color:#808285; font-weight:bold; font-size:14px; line-height:18px; font-style:normal;}
		.columnleft a.orange { color:#F7941E; font-weight:bold; font-size:18px; line-height:18px; font-style:normal; text-decoration:none;}
			.columnleft a.orange:hover { color:#21578A;}
			
		.columnright { margin:25px 0 0 145px;}	
		.columnright #maintext { margin:20px 0 0 90px;}
			#proj img { margin:5px 0 30px 0; padding:0;}
			#projdescription { border-top: dotted 1px #A57E58; padding:10px 0 0 10px;}
				#projdescription p { margin:0 0 8px 0; line-height:16px;}

#footer {width:799px; height:38px; margin: 0 auto; text-align:left; background:url(/img/bkg-footer.png) repeat-y top;}
	#footer p { font-size:11px; color:#C4E1F2; margin:0; line-height:11px; padding:25px 20px 0 20px; font-weight:normal;}

.clear {clear:both;}

.darkblue {color:#21578A;}
.gold {color:#A57E58;}
.dottedborder { border-bottom: dotted 1px #A57E58; padding:0 0 15px 0; }
.orange {color:#F58220;}

.toolbox tr td { width:180px; padding-right:50px; color:#545454;}

textarea, input {color: #545454; font: normal normal 13px/15px Arial, Helvetica, sans-serif; border:1px solid #999999; padding: 2px; }

.ddfm { } /* Dagon Design Form Styles */
.ddfm p { margin: 0; padding: 0; }
.ddfm label { font-weight: bold; display: block; padding-top: 10px; }
.ddfm .fieldwrap { clear: left; margin: 0; }
.ddfm .required { display: none; }
.ddfm .fmtext { width: 300px; }
.ddfm .fmverify { float: left; width: 200px; display: block; margin-right: 5px; }
.ddfm img { padding: 0; margin: 0; float: left; }
.ddfm .fmtextarea { width: 300px; }
.ddfm .submit input { color: #545454; padding: 2px 4px; font: normal normal 13px/22px Arial, Helvetica, sans-serif; border:1px solid #999999; background-color: #eee; margin-top: 10px;}
.ddfm .submit input:hover { color: #000; background-color: #ccc; }
.ddfmerrors {color: #A57E58; font-weight: bold;  }
.errorlist { font-style: italic; line-height: 15px; }
