/********************************************

   AUTHOR:          http://www.ambitiouswebdesign.com 

   WEBSITE:     http://www.#.com/

   TEMPLATE NAME:  NAME OF COMAPNY

   DATE:           Mar-28th-2009

 *******************************************/ 

 

/********************************************

   HTML ELEMENTS

********************************************/ 

 

* { margin: 0; padding: 0px; }



html, body { 

	margin: 0;

	padding: 0px;

	height: 100%; 

	background: #005a37; /* Main DIV Background Img */

	width: 100%;

} 



h1 {

font: 20px "Lucida Grande", Arial, Helvetica, sans-serif;

	line-height: 1.21em;

	font-weight: bold;

	margin: 0 0 5px 0;

	color: #555599;

}



h3 {

	font: 1.11em Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #006633;

	text-transform: capitalize;

}



p {

	font: 10pt "Lucida Grande", Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 10px 0;

}



a span {

	display: none;

}







.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }

.clear { clear: both; }





/* ----------Centered Container Or the Layout--------------------- */



#container { 

	/*

	min-height: 100%; 

	height: auto !important;

	height: 100%;

	*/ 

	margin: 0 auto; /* make sure this matches in the body footer DIV */

	width: 100%;

	text-align: center;

	background: #ffffff  url(/images/mainbg.jpg) repeat-x;

} 



/* --------------LOGO IN HEADER *always use this*------------- */



.logolink, #swap {

	height: 175px;

}



	.logolink #swap {

		display: block;

		width: 781px;

		height: 175px;

	}



.logolink {

	background: url(images/CRlogo.png) no-repeat top left;

}

 

#swap { background-image: url(/images/logo.gif); }

 

.rollover { display: block; } /* Allow setting widths and heights */

.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */

.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */

.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */







/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/



#featureHome {

	background: url(images/bg_feature.png) repeat-x top left;

	padding: 0 5px 5px 5px;

	overflow: hidden;

	height: 165px;

}



#featureLogos {

	list-style: none;

	height: 135px;

	width: 225px;

	background: url(images/bg_featureLogos.png) repeat-x top left;

	padding: 15px;

	float: right;

	text-align: center;

}



	#featureLogos li a{

		border: none;

	}



#linkCG {

	display: block;

	background: url(images/logo_CG.png) no-repeat top left;

	width: 111px;

	height: 47px;

	margin: 0 0 0 10px;

	cursor: pointer;

	float: left;

}





#linkHS {

	clear: both;

}



	#linkHS a {

		display: block;

		background: url(images/logo_HS.png) no-repeat top left;

		width: 141px;

		height: 97px;

		margin: 0 auto;

		cursor: pointer;

	}



#linkPG {

	display: block;

	background: url(images/logo_PG.png) no-repeat top left;

	width: 98px;

	height: 55px;

	cursor: pointer;

	float: left;

}





#slideshow {

	margin: 5px 5px 0 0;

	height: 160px;

	width: 510px;

	float: left;

	overflow: hidden;

}



#slideshow div {

	width: 510px;

	height: 160px;

} 

	

		





#main {

	min-height: 100%; 

	height: auto !important; 

	height: 100%; 

	width: 781px;

	margin: 0 auto;

	text-align: left;

}



.content {

	min-height: 170px; /* Height of Background Img */

	height: auto;

	padding: 0 0 40px 0;

width: 781px;

	margin: 0 auto;

}



#main h1 {

font: 20px "Lucida Grande", Arial, Helvetica, sans-serif;

	line-height: 1.21em;

	font-weight: bold;

	margin: 0 0 30px 0;

	color: #555599;

}

#main a {

	font: 10pt "Lucida Grande", Arial, Helvetica, sans-serif;

	color: #000;
	
	text-decoration:none;

}

#main h2 {

font: 14px "Lucida Grande", Arial, Helvetica, sans-serif;

	line-height: 1.21em;

	font-weight: bold;

	margin: 0 0 10px 0;

	color: #000;

}



h3 {

	font-size: 1.14em;

	font-weight: bold;

	padding: 0 0 15px 0;

}







#main p {

	font: 10pt "Lucida Grande", Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 10px 0;

}





.navleft {

	width: 255px;

	margin: 0;

	float: left;

}



#main .navlinks {

	padding: 0px;

	float: left;

}

 

#main .logotext {

font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;

padding-left: 40px;

color: #004c3b;

}



#main .seologotext {

font: bold 10px "Lucida Grande", Arial, Helvetica, sans-serif;

padding: 15px 0px 5px 15px;

color: #d7c8b3;

font-style:italic;

}







#contentContainer {

	text-align: left;

	padding: 15px 0 0 0; 

	float: right;

	margin: 0 auto;

width: 450px;

}



#contentContainer a {

	color: #00452a;

	text-decoration: none;

	border-bottom: 1px dotted #000000;

}



#contentContainer a:visited {

	color: #00452a;

	text-decoration: none;

	border-bottom: 1px dotted #000000;

}



#contentContainer a:hover {

	color: #FFFFFF;

	background: #000000;

}



	#contentContainer ul {

		padding: 0 0 0 25px;

		margin: 30px 0;

	}

	

		#contentContainer ul li {

			list-style-position: outside;

			list-style-image: url(/images/water_bullet.png);

			margin: 0 0 5px 40px;

			padding: 0 15px;

			font: 10pt "Lucida Grande", Arial, Helvetica, sans-serif;



		}





label {

	font: 9px Arial, Helvetica, sans-serif;

	color: #777777;

	text-transform: uppercase;

}

hr {

	margin: 35px 0;

}







/* --------------LEFTNAV------------- */

#leftnavmain ul{

margin: 20px;

}



#leftnavmain li{

list-style-type: none;

display: block;

padding-bottom: 2px;

padding-top: 2px;

color: #000;

font: 16px "Lucida Grande", Arial, Helvetica, sans-serif;

}



#leftnavmain li a {

color: #000;

text-decoration: none;

padding-top: 5px;

padding-bottom: 5px;

padding-left: 15px;

border: none;



}



#leftnavmain li a:hover{ /*hover state CSS*/

color: #fff;

background: url(/images/greenarrow.png) no-repeat;



}







#leftnavsub ul{

}



#leftnavsub li{

	list-style-type: none;

	display: block;

	color: #26487b;

	font: bold 9px "Lucida Grande", Arial, Helvetica, sans-serif;

	line-height: 15px;

	padding: 0 0 0 15px;

}



#leftnavsub li a{

color: #26487b;

text-decoration: none;

}



#leftnavsub li a:hover{ /*hover state CSS*/

color: #fff;

}





.leftnavtext{

	color: #26487b;

	font: 18px "Lucida Grande", Arial, Helvetica, sans-serif;

	margin: 15px 0 5px 15px;

	letter-spacing: 1px;

}





.logoLink a {

	border: none;

border-bottom: none;

}





#additionalservices{

color: #4b4b4b;

font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;

margin: 15px 0px 0px 25px;

}



#additionalservices a{

color: #4b4b4b;

text-decoration: none;

}





#additionalservices .topline{

font-weight: bold;

font-style:italic;

font-size: 10pt;

}



#homemusic{



}



#navmain {

	padding: 5px 10px;

	overflow: hidden;

	background: url(images/bg_mainnav.png) repeat-x top left;

}



	#navmain li {

		list-style: none;

		float: left;

		font: 0.81em Geneva, Arial, Helvetica, sans-serif;

		padding: 0 10px;

		border-left: 1px #ffffff solid;

		border-right: 1px #ffffff solid;

		margin: 0 0 0 -1px;

	}

	

		#navmain li a {

			color: #ffffff;

			text-decoration: none;

			border: none;

		}



		#navmain li a:hover {

			text-decoration: underline;

		}

		

#subnav {

	padding: 4px 3px;

	background: url(images/bg_subnav.png) repeat-x top left;

	overflow: hidden;

	border-top: 3px #517e63 solid;

}



	#subnav li {

		list-style: none;

		float: left;

		text-align: center;

		border: 1px #c2c2c2 solid;

		font: 0.71em Geneva, Arial, Helvetica, sans-serif;		

		background: #dfe1e5;

		margin: 2px;

	}

	

		#subnav li a {

			color: #000000;

			display: block;

			padding: 100px 0 5px 0;

			width: 252px;

			height: 18px;

			text-decoration: none;

			border: none;

		}



		#subnav li a:hover {

			text-decoration: underline;

		}

		

#subnav1 {

	background: url(images/bg_subnav1.png) no-repeat top left;

}



#subnav2 {

	background: url(images/bg_subnav2.png) no-repeat top left;

}



#subnav3 {

	background: url(images/bg_subnav3.png) no-repeat top left;

}



#subnav4 {

	background: url(images/bg_subnav4.png) no-repeat top left;

}



#subnav5 {

	background: url(images/bg_subnav5.png) no-repeat top left;

}



#subnav6 {

	background: url(images/bg_subnav6.png) no-repeat top left;

}



#subnav7 {

	background: url(images/bg_subnav7.png) no-repeat top left;

}



#subnav8 {

	background: url(images/bg_subnav8.png) no-repeat top left;

}



#subnav9 {

	background: url(images/bg_subnav9.png) no-repeat top left;

}









/* --------------FOOTER------------- */



#footer { 

	clear: both;

	width: 100%;

	bottom: 0;

	left: 0;

	margin: 0 auto; 

	position: relative;

	height: 100px;

} 



#footer {

	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;

	background: #00452a url(/images/bg_footerContainer.gif) repeat-x;

	text-align: center;

	color: #FFFFFF;

	border-top: 1px solid #FFFFFF;

	height: 100%;

	height: auto;

	min-height: 300px;



}







#footerC2A {

	padding: 10px 0 10px 0;

	font-size: 16px;

	font-weight: bold;

	clear: both;

}



#footerSecServ {

	padding: 2px 0;

	clear: both;

}



	#footerSecServ a {

		color: #899a73;

	}





#footerContent {

	margin: 0 auto;

	padding: 0 0 0 40px;

	text-align: left;

	width: 735px;

}



	#footerContent a {

		border-bottom: none;

		padding: 3px;

		margin: 0 0 0 -2px;

	}

	

		#footerContent a:hover {

		background-color:black;

	}





	#footerContent li {

		float: left;

		padding: 20px 0 0 0;

		list-style-type: none;

display: block;



		

	}

	

		#footerContent li h3 {

			width: 350px;

			font-size: 12pt;

			color: #899a73;

			margin: 0;

		}

	

		#footerContent li ul {

			display: block;

			float: left;

			width: 170px;

			line-height: 22px;

		}

		

			#footerContent li ul li {

				padding: 0;

			}

			

#footerMainNav {

	background: url(/images/bg_footMainNav.gif) no-repeat;

	overflow: hidden;

	margin: 0 0 20px 0;

	width: 365px;

}



	#footerMainNav a {

		color: #899a73;

		text-decoration: none;

	}

	

	#footerMainNav a:hover {

		color: #FFFFFF;

	}

	

	#footerMainNav ul {

		margin: -10px 0 0 0;

		float: left;

	}

	

		#footerMainNav ul li {

			padding: 0 0 0 25px;

			font-size: 14px;

			color: #899a73;

			line-height: 41px;

			float: none;

		}



#footerServicesNav {

	width: 365px;

}



.servicesNav {

	margin: 15px 0;

	width: 170px;

	clear: right;

}



	.servicesNav li {

		width: 170px;

		float: none;

		font-size: 9px;

		line-height: 18px;

	}



	.servicesNav a, #footerC2A a {

		color: #FFFFFF;

		text-decoration: none;



	}

	

	

	

	#footerC2A {

	padding: 20px 0 10px 0;

	font-size: 16px;

	font-weight: bold;

	clear: both;

}

/* --------------FOOTER SEO LINKS------------- */



#footerseo {

	padding: 2px 0;

	clear: both;

	font-size: 9px;



}



	#footerseo a {

		color: #899a73;

		text-decoration: none;



	}







.footerseotext {

	color: #4a784d;

	clear: both;

	padding: 10px;

	width: 690px;

	text-align: left;

	margin: 0 auto;

	font-size: 9px;

}



	.footerseotext a {

		text-decoration: none;

		color: #4a784d;

	}

	

	.footerseotext img {

		vertical-align: middle;

		border: 0px;

	}









#linkbacks {



}





#locationsContainer {

	background: #fff;

	padding: 10px 95px;

	margin: 15px 0;

	clear: both;

}



	#locationsmap { 

		margin: 0;

		height: 125px;

		background: #d7ccc1 url( images/locations.png) no-repeat;

	} 

	

	#locationsmap p { 

		margin: 0;

		padding: 40px 0px 0px 240px;

		color: #83899a;

		font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;

	} 



/* --------------COUPONS------------- */





.coupon {

	padding: 10px;

	text-align: left;

	border: 1px dashed #000000;

	overflow: hidden;

	background: #FFFFFF;

	height: 175px;

}



.couponContainer {

	float: left;

	width: 240px;

	margin: 50px 10px 0 0;

	overflow: hidden;

}



.couponLogo {



}



.couponLogo img {



}





.couponText {

	float: left;

}

	

	.couponheadline {

		font: 1.31em Arial, Helvetica, sans-serif;

		font-weight: bold;

		line-height: 1.11em;

	}

	

	.couponsubhead {

		font: 0.91em Arial, Helvetica, sans-serif;

		font-weight: bold;

		line-height: 1.01em;

		margin: 10px 0 0 0;

	}

	

	.couponfooter {

		font-weight: normal;

		font: 0.81em  Arial, Helvetica, sans-serif;

		font-style: italic;

		line-height: 1.01em;

		margin: 10px 0 0 0;

	}



/* --------------CONTACT FORM------------- */



#contactForm input {

	width: 150px;

	margin: 10px 10px 10px 25px;

	vertical-align: middle;

}



#contactForm input#submit, #contactForm input#reset {

	width: auto;

	margin: 20px 10px 20px 0;

}

	

textarea {

	vertical-align: middle;

	margin: 10px 10px 10px 25px;

	width: 300px;

}











/* ----- Customer Cart TABLES ---------- */

#awscustomertables table{margin: 1em; border-collapse: collapse;}

#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }

#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }