/*  
Theme Name: Smith Pools
Description: Smith Pools
Version: 1.0

*/

/*
*	DEFAULTS
*/

* { margin: 0; padding: 0; }
body { padding-bottom: 30px; background: #0969a6 url("graphics/bg.gif") repeat-x; color: #333333; font: 100%/1.125em Arial, sans-serif; }
input, button, textarea { font: 1em Arial, sans-serif;}
input, button { vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
a { color: #053d66; font-weight: bold; text-decoration: none; }
a img { border: 0; }
table { border-collapse: collapse; }
hr { display: none; }

/*
*	PAGE
*/

#page { font-size: .75em; width: 760px; margin: 0 auto; padding-bottom: 1px; background: #ffffff url("graphics/page-top.jpg") no-repeat; }

/*
*	LOGO
*/

#logo { padding: 22px 0 40px 10px; display: block; }

/*
*	MENU
*/

#menu { padding: 0 127px 0 9px; margin-bottom: 30px; }
#menu:after { content: "."; visibility: hidden; clear: both; height: 0; display: block; }

#menu li:hover { width: auto; }

#menu li { position: relative; float: left; }
#menu li a { line-height: 1em; font-size: 1em; float: left; padding: 26px 21px; background: #00bff3; }
#menu li a:hover { color: #ffffff; }
	
#menu li ul { position: absolute; margin: 65px 0 0 -1000em; }
#menu li:hover ul, #menu li.hover ul { z-index: 100; margin-left: 0px; left: 15px; }
#menu li ul li { display: inline; float: none; }
#menu li ul li a { width: 140px; padding: 10px; float: none; display: block; border-bottom: 1px solid #ffffff; }

#menu li:hover ul li ul, #menu li.hover ul li ul { margin: 0 0 0 -1000em; border: 1px solid #ffffff; border-bottom: none; }
#menu li:hover ul li:hover ul,
#menu li.hover ul li.hover ul { z-index: 300; margin: -34px 0 0 160px; left: 0; }
#menu li ul li ul li a { background: #00b5e6; font-size: .9em; padding: 10px; }

/*
*	CONTENT
*/

#content { clear: both; padding: 0 26px 30px 26px;float:left; width:498px;}
#content h1 { color: #666666; font-size: 2em; margin-bottom: 1em; }
#content h1 span { color: #0969a6; display: block; font-size: 1.2em; margin-top: 8px; }
#content p { margin-bottom: 1em; }
#content p img { padding: 10px 10px 10px 10px; }
#content textarea { overflow:auto;}
#content table td{ vertical-align:top; text-align:left;}
#content table td img{ padding:0; margin-right:20px; margin-bottom:10px;}
#content h2{ font-size:15px; margin-bottom:8px; color:#0969A6;}
#content ol { margin: 0px 0px 0px 15px;  padding: 0px 0px 13px 0px; margin-bottom:15px; list-style-type:decimal; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Recently Added css */
#sidebar{float:left; width:180px; padding:0 25px 30px 5px;}
.contactForm{ margin-bottom:20px;}
.contactForm input{ font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; padding:2px; margin-bottom:5px;}
.contactForm input.wpcf7-validates-as-required, .contactForm textarea.wpcf7-validates-as-required{ width:152px;}

.contactForm span.wpcf7-not-valid-tip-no-ajax{ background: url("graphics/balloon-error.jpg") no-repeat; width:145px; height:27px; display:block; font-size:11px; line-height:29px; text-align:center; color:#000000; margin-bottom:5px;}
.contactForm div.wpcf7-validation-errors, .contactForm div.wpcf7-mail-sent-ng{ border:0;background:#FFEFC3 url("graphics/error-icon.jpg") no-repeat 7px 11px; width:108px; padding:10px 10px 10px 35px ; display:block;}

.address h3{ font-size:12px;color:#000;display:block; margin-bottom:2px;}
.address p{ margin-bottom:1.5em;}
.clearfix{clear:both; height:0; font-size:0; line-height:0;}

.csscurve{ clear:both; margin-bottom:2px; display:block;}
.cctop_lt, .cctop_rt, .ccbottom_lt, .ccbottom_rt{ width:13px; float:left;}
.cctop_lt{background: url("graphics/csscurveblue.jpg") no-repeat 0 0; height:43px;}
.cctop_rt{background: url("graphics/csscurveblue.jpg") no-repeat 0 -44px; height:43px;}
.cctop_mid{background: url("graphics/csscurveblue.jpg") repeat-x 0 -88px; height:43px; width:150px; float:left; color:#000; line-height:27px;}
.cc_repeat{ float:left; clear:both;background: #A1EBFF; width:167px; padding-left:9px}
.ccbottom_lt{background: url("graphics/csscurveblue.jpg") no-repeat 0 -132px; height:27px;}
.ccbottom_rt{background: url("graphics/csscurveblue.jpg") no-repeat 0 -160px;height:27px;}
.ccbottom_mid{background: url("graphics/csscurveblue.jpg") repeat-x 0 -188px; height:27px; width:150px; float:left;}
#page{position:relative;}
#phone-numbers{position:absolute; top:0; right:0; width:220px; padding:5px; color:#FFFFFF; font-weight:bold; font-size:16px; font-style:italic; font-family:"century Gothic"; letter-spacing:0.02em;}
#phone-numbers span{ font-style:; font-size:14px;}
	/*  links */
	
#content ul.links { overflow: hidden; margin: 4em 0; }
*  html #content ul.links { height: 1%; }
#content ul.links li { float: left; width: 230px; height: 160px; background: #00bff3; margin: 0 3px; display: inline; }
#content ul.links li a { font-size: 1.5em; float: left; line-height: 40px; width: 205px; margin: 115px 5px 0 5px; padding-left: 15px; background: url("graphics/links-opacity.png"); }

#content ul.links li{ margin-bottom:20px;}
#content ul.links li.pools { background: url("graphics/link-pools.jpg") no-repeat; margin-right:25px; }
#content ul.links li.spas { background: url("graphics/link-spas.jpg") no-repeat; }
#content ul.links li.services { background: url("graphics/link-services.jpg") no-repeat; }
#content ul.links li.products { background: url("graphics/link-products.jpg") no-repeat; margin-right:25px; }

/*
*	FOOTER 
*/

#footer { clear:both; padding: 20px 25px; margin: 0 3px; background: #00bff3; color: #ffffff; font-size: .9em; }
* html #footer { height: 10px; }
#footer a { color: #ffffff; font-weight: normal; }

#footer ul { overflow: hidden; }
#footer ul li.copyright { float: left; width: 49%; }
#footer ul li.by { float: right; width: 49%; text-align: right; }

ul.imageLinks li
{
	float:left;
	padding: 7px;
	list-style:none;
}
ul.imageLinks img
{
	border:0px;
}