/* @group reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
a img, frameset { border: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
em { font-style: italic; }
p { margin: 15px 0; }
	
/* @end */
/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.text_center { text-align: center; }
.hide { display: none; }

/* @end */
/* @group =base */

body {
	font: 12px Helvetica,Arial,Sans-Serif;
	background: #002a54;
	color: #333;
}
.center-col, #main, #footer {
    width: 970px;
    margin: 0 auto;
    position: relative;
}
#mast {
    height: 165px;
    background: url(../images/structure/bg-mastLightTop.jpg) 50% 0 no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
#light-sources {
    height: 78px;
	width: 100%;
	background: url(../images/structure/bg-mastLight.png) 50% 0 no-repeat;
	position: absolute;
	top: 87px;
	z-index: 4;
}
#mast, #light-sources, #bg-wave { min-width: 970px; }
#mast h1 {
    position: absolute;
    z-index: 3;
    left: 50%;
    margin: 0 0 0 -175px;
    top: 22px;
}
#mast h1, #mast h1 a {
 	width: 314px;
 	height: 69px;
 	outline: none;
}
#mast h1 a {
 	display: block;
 	background: url(../images/structure/logo.png) 0 0 no-repeat;
 	text-indent: -9000em;
}
#bg-wave {
    height: 155px;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: url(../images/structure/bg-main.jpg) 50% -20px no-repeat;
    top: 105px;
}
#bg-top-curve {
    background: url(../images/structure/bg-topCurveDown.png) 50% 0 no-repeat;	
 	height: 315px;
 	width: 100%;
 	position: absolute;
 	top: 140px;
 	z-index: 6;
}
#main {
    background: url(../images/structure/bg-main.png) 0 0 repeat-y;
    position: relative;
    z-index: 10;
    width: 970px;
    margin-top: 25px;
}
#main.full {
	background: url(../images/structure/bg-mainFull.png) 0 0 repeat-y;	
}
#content {
    float: left;
    width: 685px;
    padding: 40px 0 80px 30px;
    line-height: 20px;
}
.full #content {
 	padding: 40px 30px 80px;
 	width: 900px;
}
#aside {
    float: right;
    width: 220px;
    margin: -5px 0 0 0;
    background: url(../images/structure/bg-aside.jpg) 0 0 no-repeat;
    padding-top: 45px;
}
#content-footer {
    position: absolute;
    bottom: 0;
    width: 970px;
    height: 77px;
    left: 0;
    background: url(../images/structure/bg-contentFooter.jpg) 0 0 no-repeat;
}
.full #content-footer { background: url(../images/structure/bg-contentFooterFull.jpg) 0 0 no-repeat; }

	/* @group -headers */
	h2, h3, h4 { font-family: Georgia,Times,Serif; }
	h1 { font-size: 20px; margin: 25px 0; }
	h2 { font-size: 34px; color: #900; margin: 10px 0 25px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
	h3 { font-size: 20px; color: #002a54; margin: 20px 0 15px; }
	h4 { font-size: 17px; margin: 20px 0 15px; }
	h5 { font-size: 13px; margin: 15px 0; font-weight: bold; }	
	/* @end */

	/* @group -links */
	a { text-decoration: underline; color: #333; }
	a:visited {}
	a:hover { text-decoration: none; }
	a:active {}
	/* @end */

	/* @group -navigation */
	#nav {
		position: absolute;
		width: 860px;
		height: 70px;
		top: 87px;
		left: 50px;
		z-index: 5;
		background: url(../images/structure/nav.png) 0 0 no-repeat;
	}
	#nav li {
    	position: absolute;
    	height: 55px;
    	top: 12px;
	}
	#nav li a { display: block; height: 55px; text-indent: -9000em; outline: none; }
	#nav li a:hover,body.about-us #nav li#about,body.services #nav li#services,body.contact-us #nav li#contact-us, body.faq #nav li#faq, body.go-green #nav li#go-green { background-image: url(../images/structure/nav.png); }
	#nav li#about { left: 138px; }
	#nav li#about, #nav li#about a { width: 121px; }
	#nav li#about a:hover, body.about-us #nav li#about { background-position: -138px -82px; }
	#nav li#services { left: 259px; }
	#nav li#services, #nav li#services a { width: 121px; }
	#nav li#services a:hover, body.services #nav li#services { background-position: -259px -82px; }
	#nav li#contact-us { left: 380px; }
	#nav li#contact-us, #nav li#contact-us a { width: 145px; }
	#nav li#contact-us a:hover, body.contact-us #nav li#contact-us { background-position: -380px -82px; }	
	#nav li#faq { left: 525px; }
	#nav li#faq, #nav li#faq a { width: 70px; }
	#nav li#faq a:hover, body.faq #nav li#faq { background-position: -525px -82px; }
	#nav li#go-green { left: 596px; }
	#nav li#go-green, #nav li#go-green a { width: 128px; }	
	#nav li#go-green a:hover, body.go-green #nav li#go-green { background-position: -596px -82px; }
	/*#nav-secondary { border-bottom: 1px solid #f8f3e9; border-top: 1px solid #cbc5bc; }*/
	#nav-secondary { 
		margin-bottom: 30px; 
 		width: 230px;
 		position: relative;		
 		left: -5px;
 		background: #e8d7bb;
		border-bottom: 1px solid #dcc8a7; 		
	}
	#nav-secondary li { 
		font: 15px Georgia,Times,Serif;
		border-top: 1px solid #dcc8a7;
		position: relative;
	}
	#nav-secondary li a {
 		display: block;
 		height: 1%;
 		padding: 10px 20px;
 		text-decoration: none;
		border-top: 1px solid #eddfc9; 		
	}
	#nav-secondary li li { font: 12px Arial,Helvetica,Sans-Serif; border-bottom: none; border-top: none; }
	#nav-secondary li li a {
 		padding: 5px 0 5px 35px;
 		text-decoration: underline;
 		background: url(../images/structure/bg-bulSideNav.png) 22px 9px no-repeat;
	}
	#nav-secondary li ul { padding-bottom: 10px; }
	#nav-secondary li a:hover, #nav-secondary li.cur { background-color: #e0ceb1; }
	#nav-secondary li.cur { font-weight: bold; }
	#nav-secondary li.cur a { }
	#nav-secondary li.cur:first-child a, #nav-secondary li li a:hover { text-decoration: none; }
	#nav-secondary li.cur li { font-weight: normal; }
	#nav-secondary li.cur span.side-arrow {
 		display: block;
 		position: absolute;
 		left: -9px;
 		top: 12px;
 		height: 17px;
 		width: 9px;
 		background: url(../images/structure/bg-sideArrow.png) 0 0 no-repeat;
	}
	/* @end */
	
	/* @group -footer */
	#footer { 
		font: 14px Georgia,Times,Serif;
		text-align: center;
		background: url(../images/structure/bg-footer.jpg) 0 0 no-repeat;
		min-height: 155px;
	}
	#footer, #footer a { color: #91a3b5; }
	.contact-info {
		margin: 0;    	
		padding: 30px 0 20px;
	}
	.contact-info img { margin: 0 10px; }
	.copyright {
		background: url(../images/structure/bg-copyright.png) 50% 0 no-repeat;
		font: 12px Helvetica,Arial,Sans-Serif;
		margin: 5px 0 10px;
		padding-top: 25px;
	}
	/* @end */	
	
	/* @group -form elements */
	button { 
		cursor: pointer; 
		width: auto;
		overflow: visible;
	}
	label { font-weight: bold; }
	/* @end */		

/* @end */
/* @group =pages */

.button {
 	display: block;
 	float: left;
 	text-indent: -9000em;
}
#content li {
 	padding-left: 20px;
 	background: url(../images/structure/bg-bul.png) 5px 8px no-repeat;
}

	/* @group -side ads */
	.internal-ad { border-top: 1px solid #cbc5bc; }
	.internal-ad a {
 		display: block;
 		background: url(../images/structure/bg-aside.jpg) 0 -1px no-repeat;
 		text-align: center;
 		text-decoration: none;
 		padding: 20px 10px;
 		font: 13px/18px Georgia,Times,Serif;
 		font-style: italic;
 		position: relative;
		border-top: 1px solid #f8f3e9;
	}
	.ad-hd {
 		display: block;
 		text-indent: -9000em;
 		height: 14px;
	}
	img.watch-now {
 		padding: 3px;
 		background: #b5a17f;
	}
	.internal-ad a:hover img.watch-now { background: #98815b; }
	#watch-now {
 		background: url(../images/structure/hd-watchNow.png) 50% 0 no-repeat;
 		margin: 12px 0 5px;
	}
	#see-our-services {
 		background: url(../images/structure/hd-seeOurServices.png) 50% 0 no-repeat;
 		margin: 5px 0 10px;
	}
	.clean-tool {
		float: left;
 		margin: 15px 5px 0 -22px;
	}
	/* @end */
	
	/* @group -services*/
	.feat-serv {
 		position: absolute;
 		left: -62px;
 		top: 0;
	}
	#serv-feat-text {
 		padding-left: 300px;
 		position: relative;
 		background: url(../images/structure/bg-borderVert.png) 270px 0 repeat-y;
	}
	.callout1 { font: 15px/23px Georgia, Times, Serif; }
	#order-service-now {
 		width: 194px;
 		height: 35px;
 		background: url(../images/structure/btn-orderService.png) 0 0 no-repeat;
 		margin-top: 5px;
	}
	#order-service-now:hover { background-position: 0 -35px; }
	.package {
 		padding-right: 190px;
 		background: url(../images/structure/bg-packagePrice.png) 515px 0 no-repeat; 
 		margin: 40px 0;
 		min-height: 200px;
	}
	.package-savings {
 		margin: -10px 0 0;
 		color: #900;
 		font-weight: bold;
	}
	.base-price {
 		width: 150px;
 		padding: 0 0 0 20px;
 		float: right;
 		margin-right: -190px;
 		font-size: 10px; 		
	}
	.base-price .small { margin: 0; text-transform: uppercase; }
	.price {
 		color: #002a54;
 		font: 23px Georgia,Times,Serif;
 		margin: 0 0 15px;
	}
	.order-now {
 		height: 26px;
 		width: 117px;
 		display: block;
 		text-indent: -9000em;
		background: url(../images/structure/btn-orderNow.png) 0 0 no-repeat;
	}
	.package .order-now { margin-bottom: 5px; }
	.order-now:hover { background-position: 0 -26px; }
	.ind-service {
 		margin: 30px 0;
 		padding-right: 135px;
 		background: url(../images/structure/bg-lineV.png) 565px 0 repeat-y ;
	}
	.ind-price {
 		float: right;
 		width: 100px;
 		padding: 5px 0 5px 15px;
 		margin-right: -135px;
	}
	.ind-service h5 { font-size: 14px; margin-bottom: 10px;}
	.ind-price-callout {
 		color: #002a54;
 		font: 17px Georgia,Times,Serif;
	}
	.ind-price a { font-size: 10px; color: #900; }
	.payment-schedule {
 		background: #eee;
 		padding: 5px 10px;
 		border: 1px solid #ddd;
	}
	.payment-toggle {
 		padding: 2px 0 2px 20px;
 		background: url(../images/structure/bg-togglePayment.png) 0 0 no-repeat;
	}
	.payment-toggle.open {
 		background-position: 0 -22px;
	}
	/* @end */
	
	/* @group -pricing grid */
	#col-pres {
 		background: #002a54 url(../images/structure/bg-colPres.jpg) 50% 0 no-repeat;
	}
	#col-congress span, #col-biweekly span {
 		display: block;
 		width: 87px;
 		height: 28px;
 		text-indent: -9000em;
 		margin: 0 auto 15px; 		
	}
	#col-congress span { background: url(../images/structure/hd-colCongress.png) 50% 0 no-repeat; }	
	#col-biweekly span { background: url(../images/structure/hd-colBiWeekly.png) 50% 0 no-repeat; }		
	#col-pres span {
 		display: block;
 		width: 104px;
 		height: 36px;
 		text-indent: -9000em;
 		margin: 0 auto 15px;
 		background: url(../images/structure/hd-presService.png) 0 0 no-repeat;
	}
	.grid { width: 100%; }
	.grid td {
 		padding: 5px;
 		border-bottom: 1px solid #dcdcdc; 		
 		border-right: 1px solid #dcdcdc;
 		vertical-align: middle;
	}
	.grid th {
		border-bottom: 2px solid #dcdcdc;
 		border-right: 1px solid #dcdcdc;
 		text-align: center;
 		padding: 15px;
	}
	.grid th * { margin: 0 auto; }
	/*.grid tr:hover { background: #fdfcf9; }
	.grid tr:hover .col-pres { background: #faf5ee; }*/
	.check {
 		width: 16px;
 		height: 15px;
 		background: url(../images/structure/bg-check.png) 0 0 no-repeat;
	}
	.col-pres { background: #efefef; }
	.check, .check-pres {
		display: block;
		margin: 0 auto;
	}
	.col-pres .check {
 		width: 19px;
 		height: 17px;
 		background: url(../images/structure/bg-checkPres.png) 0 0 no-repeat;
	}
	.grid tr.last td {
 		border-bottom: none;
 		padding: 15px 0;
	}
	.grid tr.last td a.order-now { margin: 0 auto; }
	#our-packages {
		position: relative;
		bottom: -65px;
 		margin: 0;
 		border-bottom: none;
 		padding: 0;
}
	/* @end */
	
	/* @group -home */
	#bg-main-feat {
 		height: 485px;
 		background: url(../images/structure/bg-mainFeature.jpg) 50% 0 no-repeat;
	 	width: 100%;
	 	position: absolute;
	 	top: 85px;
	 	z-index: 5; 		
	}
	.home #main { margin-top: 330px; position: relative; }
	.home #bg-top-curve { top: 455px; }
	#col-serving {
		float: left;
 		width: 445px;
 		padding-right: 55px;
	}
	#col-go-green {
 		float: right;
 		width: 220px;
 		padding-left: 35px;
	}
	.intro-text {
 		font-size: 15px;
		font-family: Georgia,Times,Serif;
 		line-height: 22px;
	}
	.intro-text.brogas {
    	font-size: 18px;
    	line-height: 26px;
	}
	#col-serving .hr {
 		height: 1px;
 		background: url(../images/structure/bg-hrServ.png) 0 0 no-repeat;
 		width: 500px;
 		margin: 20px 0 25px;
	}
	.hr hr { display: none; }
	#col-serving h3 {
 		height: 24px;
 		background: url(../images/structure/hd-serving.png) 0 0 no-repeat;
 		text-indent: -9000em;
 		margin: 0;
	}
	#col-serving h4 {
 		height: 19px;
 		background: url(../images/structure/hd-someServices.png) 0 0 no-repeat;
 		text-indent: -9000em;
	}
	.serv-excerpt {
 		width: 205px;
 		padding-right: 15px;
 		float: left;
 		font-size: 11px;
 		line-height: 17px;
	}
	.serv-excerpt a { font-size: 12px; }
	.serv-excerpt p { margin: 0 0 15px; }
	#bg-main-feat .center-col { position: relative; }
	#bg-main-feat h3 {
 		position: absolute;
 		left: -56px;
 		top: 70px;
 		background: url(../images/structure/bg-mainFeatText.png) 0 0 no-repeat;
 		width: 648px;
 		height: 243px;
 		text-indent: -9000em;
	}
	#btn-see-services {
 		display: block;
 		width: 217px;
 		height: 40px;
 		text-indent: -9000em;
 		background: url(../images/structure/btn-seeOurServ.png) 0 0 no-repeat;
 		position: absolute;
 		left: 30px;
 		top: 330px;
 		z-index: 20;
	}
	#btn-see-services:hover { background-position: 0 -40px; }
	#meet-the-founders {
 		position: absolute;
 		width: 230px;
 		left: 471px;
 		top: -22px;
 		height: 300px;
 		background: url(../images/structure/bg-meetTheFounders.png) 0 0 no-repeat;
 		text-align: center;
 		padding-top: 35px;
 		z-index: 20;
	}
	#meet-the-founders h5 {
 		height: 28px;
 		width: 100%;
 		background: url(../images/structure/hd-brogas.png) 50% 0 no-repeat;
 		text-indent: -9000em;
 		margin: 5px 0 0;
	}
	#meet-the-founders a {
		font: 13px Georgia,Times,Serif;
		color: #002a54;
		font-style: italic;
	}
	#col-go-green h3 {
		margin: 0;
 		height: 49px;
 		width: 161px;
 		background: url(../images/structure/hd-goingGreen.png) 0 0 no-repeat;
 		text-indent: -9000em;
 		position: relative;
	}
	#flower {
    	position: absolute;
    	top: -10px;
    	right: -95px;
    	width: 79px;
    	height: 76px;
    	background: url(../images/structure/bg-flowerGreen.png) 0 0 no-repeat;
	}
	#col-go-green .hr {
 		background: url(../images/structure/bg-hrGoGreen.png) 0 0 no-repeat;
		height: 1px;
		margin: 15px 0 20px;
 		width: 225px;
 		position: relative;
 		left: -25px;
	}
	#col-go-green h4 {
 		font-size: 15px;
 		margin: 0 0 5px;
	}
	#col-go-green p { margin: 0 0 15px; }
	.btn-go-green {
 		height: 30px;
		display: block;
		float: right;
		width: 151px;
		background: url(../images/structure/btn-goGreen.png) 0 0 no-repeat;
		text-indent: -9000em;
	}
	.btn-go-green:hover { background-position: 0 -30px; }
	
	/* @end */
	
	/* @group -employees */
	.employee { padding: 0 0 0 170px; margin: 40px 0 50px; }
	.emp-contact {
 		float: right;
 		padding: 15px 0 15px 15px;
 		background: url(../images/structure/bg-empContact.png) 0 0 no-repeat;
 		margin: 0 0 15px 10px;
	}
	.emp-contact p {
 		margin: 0 0 10px;
 		font-size: 12px;
	}
	.phone-number { font-size: 11px; }
	.email-address, .email-addres p span a { font-size: 10px; }
	.emp-photo {
 		width: 159px;
 		height: 161px;
 		background: url(../images/structure/bg-empImg.jpg) 0 0 no-repeat;
 		float: left;
 		margin: -15px 0 0 -180px;
 		position: relative;
	}
	.emp-photo img {
 		position: absolute;
 		top: 17px;
 		left: 16px;
 		width: 126px;
 		height: 126px;
	}
	.employee h4 {
 		color: #002a54;
 		margin: 5px 0;
	}
	.employee h5 {
 		font-size: 14px;
 		font-style: italic;
 		margin: 3px 0 0;
 		font-weight: normal;
	}
	.phone, .email {
 		padding-left: 18px;
 		display: block;
}
	.phone { background: url(../images/structure/ico-phone.png) 4px 4px no-repeat; }
	.email { background: url(../images/structure/ico-email.png) 0 4px no-repeat; }
	/* @end */
	/* @group -faq */
	.faq-block {
 		padding-left: 45px;
 		margin: 0 0 25px;
	}
	.question, .answer {
 		font: 20px Georgia,Times,Serif;
 		display: block;
 		float: left;
 		width: 30px;
 		margin-left: -45px;
 		font-style: italic;
		color: #002a54; 		
	}
	.faq-block h5 { padding-top: 5px; }
	/* @end */
	/* @group -about */
	#feat-our-story {
 		float: left;
 		margin: 0 25px 10px -71px;
	}	
	/* @end */
	/* @group -contact */
	#base-contact {
 		padding: 10px 15px;
 		line-height: 18px;
	}
	/* @end */

/* @end */