/*
Theme Name: Sacromento Pool Services
Theme URI: http://www.webseopros.com/
Author: Web Seo Pros
Author URI: http://www.webseopros.com/
*/

body {
	margin: 0px;
}
.main { width:1000px;  
	background-color:#3691d2; overflow:hidden;}
h1, h2, h3, h4, h5, h6, html, #wrapper, .header, #top-header, .container, #menu-bk, #banner, .contents, section, #center, .footer, #footer-contents, .main, .inner-contents {
	margin: 0 auto;
	padding: 0;
}
article, footer, header, nav, section, img, center {
	display: block;
	background: transparent;
	border: none;
}
a, address, article, aside, b, blockquote, center, figure, font, footer, form, hr, html, li, nav, ol, span, sub, u, ul {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
/* HTML ELEMENTS */


.wrapper {
	width: 100%;
	height: auto;
	overflow: hidden; background:url(images/bg.png)#3691d2 center top no-repeat;
}
.header {
	width: 100%;
	height: auto;
	overflow: hidden; background-color:#fff;
}
.container {
	width: 1000px;
	height: auto;
	overflow: hidden;
}
.contents {
	width: 100%;
	height: auto;
	margin-top:56px;
}
.top-header {
	width: 100%;
	height: auto;
}
.top-right {
	padding-top:15px;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.logo {
	padding: 15px 0 10px;
}
nav {
	width: 100%;
}
.nav-bar {
	width: 100%;
	height: 59px;
	background: url(images/menu-bar.png) center repeat-x;
	position:absolute; z-index:3;
}
#main-nav {
	display: block;
}
#main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-nav ul li {
	float: left;
	padding:0 1px 0 0;
	background: url(images/devider.png) right no-repeat;
}
#main-nav ul li.last-child {
	background: none;
}
#main-nav ul li a {
	color: #ffffff;
	font: 700 16px 'Open Sans', sans-serif;
	text-decoration: none;
	display: block;
	padding:17px 40px;
}
#main-nav ul li a:hover {
	color: #FFF;
	background: url(images/menu-hov.png) center repeat-x;
}

#main-nav ul li.current_page_item a { 	color: #FFF;
	background: url(images/menu-hov.png) center repeat-x !important; }


#main-nav ul li a.active {
	color: #FFF;
	background: url(images/menu-hov.png) center repeat-x;
}
#main-nav li {
	font: 400 13px 'Open Sans', sans-serif;
	font-weight: normal;
	float: left;
	text-decoration: none;
	height: auto;
	padding: 0px 0px 0px 0px;
	z-index: 2 !important;
}
#main-nav li ul {
	font: 400 13px 'Open Sans', sans-serif;
	color: #FFF;
	text-decoration: none;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	z-index: 4 !important;
	margin-top: 0px;
	padding-top: 0px;
}
#main-nav li li {
	width: 160px;
	height: auto;
	display: block;
	cursor: pointer;
	border: none;
	padding: 0px 0px 0px 0px;
	background-color:#8f0222;
	z-index: 4;
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
	background-image:none;
}
#main-nav li ul a {
	font: 400 13px 'Open Sans', sans-serif;
	color: #FFF;
	text-decoration: none;
	width: auto;
	display: block;
	cursor: pointer;
	text-align: left;
	padding: 5px 0px 5px 12px;
	margin: 0 auto;
	z-index: 9999;
}
#main-nav li ul a:hover {
	color: #fff;
	text-decoration: none;
	left: auto;
	background-image: none;
	text-shadow: none !important;
	text-shadow: none !important;
	-webkit-border-radius: 0px;
	background: none;
	opacity: 1;
	z-index: 9999;
	background-color:#044e8d;
}
#main-nav li ul ul {
	margin-top: -29px !important;
	margin-left: 160px;
	padding-left: 1px;
	z-index: 9999;
}
#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li.sfhover ul ul, #main-nav li.sfhover ul ul ul {
	left: -999em;
	color: #FFF;
	text-decoration: none;
	z-index: 9999;
}
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul, #main-nav li li li.sfhover ul {
	left: auto;
	color: #FFF;
	text-decoration: none;
	z-index: 9999;
}
#main-nav li:hover, #main-nav li.sfhover {
	color: #FFF;
	text-decoration: none;
	z-index: 9999;
}

.clear-1 {
	clear: both;
}
.clear-2 {
	clear: both;
	height: 23px;
}
.clear-3 {
	clear: both;
	height: 37px;
}
.clear-4 {
	clear: both;
	padding:7px;
}


.call-text {
	color: #044e8d;
	padding-top: 23px;
	text-align: right;
	font: 700 20px 'Open Sans', serif;
}
.call-text span {
	color: #b52833;
	font: 700 18px 'Open Sans', serif;
}
ul.socials { float:right; list-style:none; margin-top:10px; padding:0;}
 
 ul.socials li { float:left; padding-left:9px;
	color: #044e8d;
	font: 700 18px 'Open Sans', serif;}
ul.socials li a { bottom: 0px; height: 27px; position: relative; z-index: 0;  transition: all .2s ease-in-out;   -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
ul.socials li a:hover { bottom: 5px; position: relative;
   }
   
.inner-contents {
	width: 960px;
	height: auto;
}
.top-form { background-color:#015aa5;}
.form-top-bk { background:url(images/form-top-bg.png) center top repeat-x; padding:20px;}
h1  {
	color: #fff;
	font: 400 30px 'Open Sans', serif; text-transform:uppercase; text-align:center}
h1 span {
	color: #fff;
	font: 700 30px 'Open Sans', serif;}
	.contact-form { width:702px; height:auto; margin:0 auto; padding:15px 0 0; overflow:hidden;}
	.form-left { float:left;width:270px; height:auto; margin-right:20px;}
	.form-center { float:left;width:270px; height:auto; margin-right:19px;}
	.form-right { float:left;width:123px; height:auto;}
	.contact-form input[type="text"], .contact-form textarea { width:250px; height:34px; margin-bottom:10px; border-radius:1px; border:none; box-shadow:inset 2px 2px 2px #aaa; padding:3px 10px; font:14px Arial, Helvetica, sans-serif;}
.contact-form textarea { height:122px; padding:10px;}
.contact-form input[type="submit"] { background:#000; border:0; color:#fff; padding:2px 5px; float:right; transition:all ease .5s;}
.contact-form input[type="submit"]:hover { background:#fff; color:#000;}
input.captcha-field {width:103px !important; height:34px; margin-bottom:10px; border-radius:1px; border:none; box-shadow:inset 2px 2px 2px #aaa; padding:3px 10px; font:14px Arial, Helvetica, sans-serif;}
.box_1 {
	margin-right:45px;
	width:290px;
	float:left;
}
.box_1 img { width:100%;}
.box_1 img {
	margin: 0 auto;
	border-top:#034ea2 3px solid;
}
.box_1 h3 {
	color: #fff;
	font: 400 23px 'Open Sans', serif;
	margin: 10px 0;
}
.box_1 h3 span {
	color: #fff;
	font: 700 23px 'Open Sans', serif;
}
.box_1 p {
	color:#fff;
	font: 400 14px 'Open Sans', serif;
}
.no-margin {
	margin-right: 0 !important;
}
.more { width:103px;}
a.read-more  {
	color:#fff;
	font: 400 14px 'Open Sans', serif; text-decoration:none; text-align:left;}
a.read-more:hover {
	color:#bf3939;
	font: 400 14px 'Open Sans', serif; text-decoration:none;}
a.read-more i.right-arrow { background:url(images/right-arrow.png)0 0 ; width:17px; height:7px; display:block; float:right; margin:7px 0 0;}
a.read-more:hover i.right-arrow { background:url(images/right-arrow.png)0 7px ; width:17px; height:7px; display:block;}

h2 {
	color: #fff;
	font: 400 25px 'Open Sans', serif;
	margin: 10px 0 20px;
	border-bottom:#fff 4px solid;
}
h2 span {
	color: #fff;
	font: 700 25px 'Open Sans', serif;
}

.body-text {
	color:#fff;
	font: 400 14px 'Open Sans', serif;
}

.body-text a{
	color:#fff !important;
	text-decoration:underline;
}

.video-img { float:right; margin-left:20px;}
.footer-container { width:960px; margin:0 auto; overflow:hidden;}
.footer { background:url(images/footer-bg.png) center top repeat-x; color:#fff;  font:400 13px 'Open Sans', sans-serif; padding:12px 0 15px;}
.footer a { color:#fff; text-decoration:none;  font:400 13px 'Open Sans', sans-serif;}
.footer a:hover {text-decoration:underline;}
.footer p { margin:7px 0 0;}
.footer-left { width:50%; float:left; text-align:left;}
.footer-right { width:50%; float:right; text-align:right;}