/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/
body.custom {
	background: #CCC499 url('images/02.jpg') ;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}
body.custom.about-us {
	background: #CCC499 url('images/04.jpg') ;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}
body.custom.pool-service {
	background: #CCC499 url('images/sand.jpg') ;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}
body.custom.testimonials {
	background: #CCC499 url('images/sand.jpg') ;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}
body.custom.get-a-quote {
	background: #CCC499 url('images/01.jpg') ;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}
body.custom.contact-us {
	background: #CCC499 url('images/starfish.jpg') ;
	background-size:cover;
	background-position: center;
	background-attachment:fixed;
}


/* =======================GLOBAL PAGE CUSTOMIZATIONS=============================*/

.custom {
	-webkit-font-smoothing: antialiased !important
}

.custom #header_area {
	width: 100%;
	height: 94px;
	background-color: #FFF;
	-moz-box-shadow:    0px 1px 2px #444;
	-webkit-box-shadow: 0px 1px 2px #444;
	box-shadow:         0px 1px 2px #444;
}

.shadow {
	-moz-box-shadow:    0px 1px 2px 2px #444;
	-webkit-box-shadow: 0px 1px 2px 2px #444;
	box-shadow:         0px 1px 2px 2px #444;
}

.custom #header_area .page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
}

.custom #header_area .page #logo {
	padding: 1em 0 0 0;
}

.custom #header_area .page .menu-main-container {
	float: right;
	display: block;
	padding: 2.5em 0 0 0;
	text-shadow: 0px 1px #ccc;
	text-shadow:1px 1px 5px #D6D6D6
}

.custom #header_area .page .menu-main-container li a {
	background-color: transparent;
	font-size: 17px;
	letter-spacing: normal;
}
.custom #header_area .page .menu-main-container li ul a{
	background: #fff ;
	width: 150px;
}

.custom #content_area {
	margin: 3em 0 0 0;
	opacity: .9; /* other browsers  and IE9+ */
	
}
.custom #content_area .page{
background: -moz-linear-gradient(top,  rgba(255,255,226,1) 0%, rgba(255,255,226,1) 53%, rgba(255,255,226,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,226,1)), color-stop(53%,rgba(255,255,226,1)), color-stop(100%,rgba(255,255,226,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,226,1) 0%,rgba(255,255,226,1) 53%,rgba(255,255,226,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,226,1) 0%,rgba(255,255,226,1) 53%,rgba(255,255,226,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,226,1) 0%,rgba(255,255,226,1) 53%,rgba(255,255,226,0) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,226,1) 0%,rgba(255,255,226,1) 53%,rgba(255,255,226,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe2', endColorstr='#00ffffe2',GradientType=0 ); /* IE6-9 */

}

.custom #content_area .page .headline_area{
	background-color: #01528A;
	padding: 1em 0 1em 2em;
}
.custom #content_area .page .format_text{
	padding: 0 1em;
	text-shadow: 1px 1px 1px #fff;
}
.custom #content_area .page .post_box{
	padding-top: 0;
	margin: 0;
}
.custom #content_area .page .sidebar{
	
}


/* =======================INDIVIDUAL PAGE CUSTOMIZATIONS=============================*/

.custom.home #header_area, .custom.home #content_area {
}


.custom.home #content_area .page {
	width: 330px;
	margin: 0 15%;
}
.custom.about-us #content_area .page {
	width: 400px;
	margin: 0 15%;
}
.custom.our-work #content_area .page #content_box {
	opacity: 1;
}
.custom.our-work #content_area {
	opacity: 1;
	margin: 0;
}
.custom.our-work #content_area #sidebars {
	display: none;
}
.custom.our-work #content_area .page {
	width: 100%;
}

.custom.our-work #content_area .page .headline_area {
	display: none;
}
.custom.our-work #content_area .page .format_text {
	padding: 0;
}

.custom.get-a-quote #content_area .page {
	width: 400px;
	margin: 0 15%;
}
.custom.contact-us #content_area .page {
	width: 350px;
	margin: 0 15%;
}


/* =======================FOOTER CUSTOMIZATIONS=============================*/


.custom #footer_area {	
	height: 20px;
	width: 100%;
}

.custom #footer_area .page {
	width:100%;
	margin:0;
	height: 100%;
	background-color: #fff;
	-moz-box-shadow:    0px -1px 1px #444;
	-webkit-box-shadow: 0px -1px 1px #444;
	box-shadow:         0px -1px 1px #444;
}

.custom #footer_area .page #footer {
	margin:0;
	padding:0;
	padding-right: 1.0em;
	padding-top: .3em;
}

.custom #footer a {
	border: none;
}

html, .custom {
	height: 100%;
}
.custom .wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
.custom #footer_area, .custom .push {
	height: 20px; /* .push must be the same height as .footer */
}
.custom #footer_area #credit {
	font-family: Arial, sans-serif;
	font-size: 9px;
}