/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }
body								{ font-size: 100%; font-family: Arial, sans-serif; color: #FFF; background: url(../images/bg_tiled.gif) #333; }
a									{ outline: none; text-decoration: none; color: #31c8dd; }
a:hover								{ color: #ffcc00; }
a img								{ border: none; background: none; }
img									{ }
p									{ margin: 1.1em 0; line-height: 1.4em; font-size: 0.75em; color: #FFF; }
ul									{ margin: 0 0 0 0.85em; padding: 0; }
li									{ list-style: inside; padding: 0 0 0.35em 0; font-size: 0.75em; }



/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.img-left							{ float: left; border: 2px solid #FFF; }
.img-right							{ float: right; border: 2px solid #FFF; }



/*
	STRUCTURE
*/
#page-wrap							{ width: 903px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }
#header								{ position: relative; width: 903px; height: 304px; background: url(../images/bg_header.png) no-repeat; }
#content							{ width: 903px; background: url(../images/bg_content.png) repeat-y; }
#footer								{ width: 903px; background: url(../images/bg_footer.png) repeat-y; }
#bottom-curve						{ width: 903px; height: 49px; background: url(../images/bg_bottomcurve.png) no-repeat; }

/*
	HEADER
*/
#header h2							{ position: absolute; top: 35px; left: 55px; width: 322px; height: 178px; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; }
#header .photos						{ position: absolute; top: 20px; right: 35px; width: 473px; height: 202px; background: url(../images/bg_photos.gif) no-repeat; }
#header .photos img					{ margin: 11px 0 0 12px; }
#header .nav						{ position: absolute; top: 249px; left: 131px; width: 640px; height: 20px; }

a.nav_home							{ float: left; display: block; width: 54px; height: 16px; text-decoration: none; background: url(../images/nav/home.png) top left no-repeat; 
									  margin-right: 35px; padding-right: 35px; border-right: 1px solid #b2514a; }
	a:hover.nav_home					{ background-position: bottom left; }

a.nav_services						{ float: left; display: block; width: 73px; height: 16px; text-decoration: none; background: url(../images/nav/services.png) top left no-repeat; 
									  margin-right: 35px; padding-right: 35px; border-right: 1px solid #b2514a; }
	a:hover.nav_services				{ background-position: bottom left; }

a.nav_portfolio						{ float: left; display: block; width: 77px; height: 16px; text-decoration: none; background: url(../images/nav/portfolio.png) top left no-repeat; 
									  margin-right: 35px; padding-right: 35px; border-right: 1px solid #b2514a; }
	a:hover.nav_portfolio				{ background-position: bottom left; }

a.nav_faq							{ float: left; display: block; width: 36px; height: 17px; text-decoration: none; background: url(../images/nav/faq.png) top left no-repeat; 
									  margin-right: 35px; padding-right: 35px; border-right: 1px solid #b2514a; }
	a:hover.nav_faq						{ background-position: bottom left; }

a.nav_contact						{ float: left; display: block; width: 97px; height: 16px; text-decoration: none; background: url(../images/nav/contact.png) top left no-repeat; }
	a:hover.nav_contact					{ background-position: bottom left; }


/*
	CONTENT
*/
#content #left						{ float: left; width: 554px; margin: 0 0 0 38px; }
#content #right						{ float: right; width: 240px; margin: 0 38px 0 0; }
#content #right .indent				{ border-left: 1px solid #5dc0ce; padding: 0 0 0 10px; margin: 0 0 0 15px; font-size: 0.75em; line-height: 1.5em; }


/*
	FAQ
*/
#footer ul							{ margin: 0 0 0 50px; padding: 0; }
#footer li							{ display: inline; list-style: none; padding: 0 5px 0 0; font-size: 0.65em; }
#footer li a						{ color: #FFF; }


/*
	TYPOGRAPHY
*/
h1									{ color: #5dc0ce; font-size: 1.1em; margin: 0; font-weight: normal; }
#footer p							{ font-size: 0.65em; margin: 0 0 0 50px; padding: 0; }
dl					{ clear: both; margin: 0 0 60px 0; }

dt					{ border: 8px solid #A02D24; padding: 10px; background: #1F5158; 
					  position: relative; font-style: italic; position: relative; 
					  display: block; width: 95%; height: auto; }
					
dd.answer			{ background: #1F5158; 
					  position: relative; width: 60%; float: right;  }
dd.answer div		{ padding: 10px; border-left: 8px solid #A02D24;
                      border-right: 8px solid #A02D24; border-bottom: 8px solid #A02D24;
                      margin: 0 0 10px 0; }

.answer-tab		    { background: url(images/answer-tag.png); display: block; 
                      text-indent: -9999px; width: 105px; height: 50px; cursor: pointer;
                      position: absolute; bottom: -58px; left: 10px;}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }