g/*

	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: #a52a2a; }

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;}



.img1{
width:100%;
height:350px;}



/*

	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: 303px; background: url(../images/bg_header.png) no-repeat; }

#content							{ width: 100%; 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: 10px; left: 50px; width: 322px; height: 178px; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; }

#header .photos						{ position: absolute; top: 20px; right: 35px; max-width: 473px; width:100%; height: 202px; }

#header .photos img					{ margin: 11px 0 0 12px; }

#header .nav						{ position: absolute; top: 232px; left:45px; width: 730px; height: 20px; }
#header .nav ul li						{ top:-232px; }




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: #a52a2a; 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); }

.footerside { width: 600px;}