/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #f0eeea url(../images/bg-page.gif) 0 0 repeat-x; color: #333; font: 14px/18px Georgia, "Times New Roman", Times, serif; text-align: center; height: 100%; }

h1, h2, h3, h4, h5, h6, ul, ol, p { margin-bottom: 1em; }
h1 { color: #000; font: 32px/36px "Century Gothic", Futura, AppleGothic, sans-serif; margin: 0; letter-spacing: -1px; text-shadow: #fff 0 1px 0; }
h2 { color: #dc0000; font: 24px/24px "Century Gothic", Futura, AppleGothic, sans-serif; text-shadow: #fff 0 1px 0; margin-bottom: .5em; margin-top: 2em; }
	h2:first-child { margin-top: 0; }
	h2 a:link, h2 a:visited { color: #666; text-decoration: none; }
	h2 a:hover, h2 a:active { color: #dc0000; text-decoration: none; }
h3 { color: #333; font: 16px/18px "Century Gothic", Futura, AppleGothic, sans-serif; margin-bottom: .5em; text-shadow: #fff 0 1px 0; }
	h3 a:link, h3 a:visited { color: #dc0000; text-decoration: none; }
	h3 a:hover, h3 a:active { color: #666; text-decoration: none; }
h4 { line-height: 14px; margin-bottom: 0; }
h5 { }
h6 { }
p { }

ul { margin-left: 3em; }
	ul ul { margin-top: 1em; }
	ul li { }
ol { margin-left: 3em; }
	ol li { }

a:link, a:visited { color: #666; text-decoration: none; }
a:hover, a:active { color: #dc0000; text-decoration: underline; }
	a img { border: none; }

/* General Classes */
.columns { min-height: 1em; }
	.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .columns { height: 1em; }
	.columns li { width: 31%; float: left; }
.design { color: #dc0000; }
.back { font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; }
	.back a { background: url(../images/img-arrow-back.gif) 9px 50% no-repeat; border-bottom: 1px solid #171717; border-top: 1px solid #171717; display: block; padding: 10px 9px 10px 30px; text-transform: uppercase; }
	.back a:link, .back a:visited { color: #333; text-decoration: none; }
	.back a:hover, .back a:active { color: #666; }

.formField { position: relative; min-height: 1em; padding-left: 90px; margin-bottom: 9px; }
	* html .formField { height: 1em; }
	.formSubmit { padding-left: 90px; }
	label.label { color: #666; font: 11px/15px "Century Gothic", Futura, AppleGothic, sans-serif; text-transform: uppercase; font-size: 10px; position: absolute; left: 0; width: 85px; padding-top: 4px; }
	input.text, 
	textarea { background: #f0eeea; border: 1px solid #d3d1ce; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 1px 0px #fbfbfa; -moz-box-shadow: 0px 1px 0px #fbfbfa; -webkit-box-shadow: 0px 1px 0px #fbfbfa; color: #333; font: 11px/18px Verdana, Geneva, sans-serif; padding: 4px; width: 250px; }
	input.text:focus, 
	textarea:focus { background: #fff; }
	textarea { height: 90px; }
	input.short { width: 125px; }
	.required { color: #dc0000; font-weight: bold; }
.related { font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; text-transform: uppercase; }
	.related strong { color: #dc0000; }
	.related a:link, .related a:visited { color: #333; }
	.related a:hover, .related a:active { color: #666; }

/* Layout */
#wrapper { margin: 0 auto; text-align: left; width: 960px; }

#header { height: 175px; position: relative; }
	#logo { }
		#logo a { display: block; width: 224px; height: 86px; padding: 9px 4px; }
	#callus { color: #666; font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; position: absolute; right: 0; bottom: 77px; margin: 0; padding: 0; }
		#callus strong { color: #333; font-size: 18px; font-weight: normal; }
	#nav { background: url(../images/bg-navigation.gif) 0 0 no-repeat; height: 42px; list-style-type: none; font: bold 13px/18px "Century Gothic", Futura, AppleGothic, sans-serif; margin: 0 0 0 80px; padding: 0; position: relative; }
		#nav li { float: left; margin: 0; padding: 0; text-transform: lowercase; letter-spacing: .05em; }
			#nav li a { position: relative; z-index: 200; display: block; float: left; padding: 10px 15px; opacity: .9999; }
			#nav li a:link, #nav li a:visited { color: #dbd8d1; text-decoration: none; text-shadow: #000 0 1px 0; }
			#nav li a:hover, #nav li a:active { color: #fff; }
			#nav li.active a:link, #nav li.active a:visited { color: #db0000; }
			#nav li.active a:hover, #nav li.active a:active { color: #f13737; }
		#nav li.last { float: right; }
		#nav #hoverbg { cursor: pointer; height: 32px !important; position: absolute; top: 5px; left: 5px; width: 0; background: #222 url(../images/bg-nav-hover.gif) 0 0 repeat-x; z-index: 100; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

#content { margin-left: 80px; }

	#breadcrumbs { color: #666; font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; margin-bottom: 40px; text-transform: uppercase; }
		#breadcrumbs span { color: #dc0000; }
			#breadcrumbs span.B_currentCrumb { color: #666; }
		#breadcrumbs a:link, #breadcrumbs a:visited { color: #000; text-decoration: none; }
		#breadcrumbs a:hover, #breadcrumbs a:active { color: #666; }

#textarea { min-height: 300px; }
	#textarea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #textarea { height: 300px; }
	#textarea.showSidenav { float: left; width: 660px; }
	
	#sidebar { width: 190px; float: right; }
		#sidenav { }
			#sidenav h2 { border-bottom: 1px solid #65625e; color: #333; text-transform: lowercase; font-size: 18px; margin: 0 0 6px 0; padding: 0 0 5px 0; }
			#sidenav ul { list-style-type: none; margin-left: 0; }
				#sidenav ul li { background: url(../images/bullet-sidenav.gif) 0 5px no-repeat; margin-left: 0; padding-left: 12px; text-transform: lowercase; }
			#sidenav a:link, #sidenav a:visited { color: #da0000; text-decoration: none; }
			#sidenav a:hover, #sidenav a:active { color: #333; }

#projectList { margin: -20px 0 0 -20px; overflow: hidden; zoom: 1; min-width: 280px; zoom: 1; word-spacing: -0.25em; }
.projectListItem { display: -moz-inline-box; display: inline-block; *zoom: 1; word-spacing: normal; *display: inline; margin: 20px 0 0 20px; width: 205px; vertical-align: top; }
	.projectListItem img { margin-bottom: 6px; }
	.projectListItem h3 { line-height: 14px; margin-bottom: 6px; padding: 0 10px; }
	.projectListItem p { font: 12px/14px "Century Gothic", Futura, AppleGothic, sans-serif; margin-bottom: 0; padding: 0 10px; }

.addHover .projectListItem { position: relative; }
	.addHover .projectListItem img { margin: 0; }
	.addHover .projectListItem .caption {  background: rgb(240, 238, 234); background: rgba(240, 238, 234, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0eeea85,endColorstr=#f0eeea85); position: absolute; bottom: 0; text-align: center; width: 205px; }
	.addHover .projectListItem .caption h3 { line-height: 14px; font-size: 14px; margin-bottom: 0; padding: 5px 10px; }
	.projectListItem p { font: 12px/14px "Century Gothic", Futura, AppleGothic, sans-serif; margin-bottom: 0; padding: 0 10px; }

.projectListItemSmall { display: -moz-inline-box; display: inline-block; *zoom: 1; word-spacing: normal; *display: inline; margin: 20px 0 0 20px; width: 160px; vertical-align: top; }
	.projectListItemSmall img { margin-bottom: 6px; }
	.projectListItemSmall h3 { font-size: 12px; line-height: 14px; margin-bottom: 6px; padding: 0 10px; }

#projectGallery { float: right; width: 444px; min-height: 300px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
	#projectGalleryImages { list-style-type: none; margin: 0; padding: 0; height: 310px; position: relative; }
		#projectGalleryImages li { left: 0; margin: 0; padding: 0; position: absolute; top: 0; height: 300px; width: 444px; }
		#projectGalleryImages li img { }
		#projectGalleryImages li .projectImageCaption { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #fff; font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; text-transform: uppercase; margin: 0; padding: 10px 15px; position: absolute; width: 414px; bottom: 0; }
	.projectGalleryThumbs { list-style-type: none; margin: 0; padding: 0; }
		.projectGalleryThumbs li { margin: 0 10px 0 0; padding: 0; float: left; }

.projectQuote { background: #dbd8d1 url(../images/bg-blockquote-top.gif) 0 0 no-repeat; width: 278px; float: left; margin: 0 20px 0 -80px; }
	.projectQuote blockquote { background: url(../images/bg-blockquote-bottom.gif) 0 100% no-repeat; padding: 30px 30px 45px; }
	.projectQuote p { font-size: 20px; font-style: italic; margin: 0 0 8px 0; padding: 0; }
	.projectQuote p.cite { font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; font-style: normal; margin: 0; text-transform: uppercase; }
		.projectQuote cite { font-style: normal; }
		.projectQuote .cite em { color: #da0000; text-transform: none; font-style: normal; }

#projectText { float: left; width: 411px; }

#footer { border-top: 1px solid #65625e; clear: both; font: 11px/18px "Century Gothic", Futura, AppleGothic, sans-serif; margin: 40px 0 40px 80px; text-transform: uppercase; padding: 5px 0; }
	#footer #copyright { float: left; }
	#footer #address { float: right; }
		#footer span { color: #dc0000; }

/* Contact Us Page */
.adr { float: left; width: 200px; }
	.adr h3 { }
	.adr p { }

#contactForm { float: right; width: 600px; }

/* HTML Tooltips */
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 5px solid black;
color: white;
padding: 3px;
width: 350px; /*width of tooltip*/
}

/* Tables */
table {margin-bottom: .5em;}
th { border-bottom: 1px solid #65625e; color: #333; text-transform: lowercase; font: 18px/18px "Century Gothic", Futura, AppleGothic, sans-serif; text-shadow: #fff 0 1px 0; margin: 0 0 6px 0; padding: 0 0 4px 4px; }
td { border-bottom: 1px solid #fff; padding:4px;}