@charset "utf-8";
/* 
	CSS Document for Cardinal Pool Service Pool 2012 Layout
	Development by: iRapture.com
	Last Modified: 2/24/2012
	Last Validated:  2/24/2012 Result: 4 errors 1 warning (all from google fonts css)
*/

/* Google Web Fonts */
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);

/* CSS Reset V2.1 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{padding:0px; margin:0px; font-size:1em;}
img{border:none;}
a{outline:none;}
table{border-collapse:collapse; border-spacing:0px;}

/* Generic Classes V1 */
.textCentered{text-align:center;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.textBold{font-weight:bold;}
.textItalic{font-style:italic;}
.singleColumn, .dualColumn, .triColumn, .quadColumn{width:100%; float:left;}
.dualColumn{width:50%;}
.triColumn{width:33%;}
.quadColumn{width:25%;}
.imageLeft{float:left; margin:5px 10px 5px 0px;}
.imageRight{float:right; margin:5px 0px 5px 10px;}

/* Blocks */
body{background:url(../images/css/cps_body_background_repeating.jpg) top center repeat; font-family:"Times New Roman", Times, serif;}
	div#page{width:750px; position:relative; margin:0px auto;}
		div#header, div#navigation, div#topDetail, div#content, div#footer{float:left; clear:both; width:100%; background:#c7e0f0; position:relative;}
		div#header{font-family:Arial, Helvetica, sans-serif; background:#c7e0f0 url(../images/css/cps_header_background.png) center -14px no-repeat; height:110px; padding-bottom:5px;}
			div.photo{background:url(../images/css/cps_photo_background.png) no-repeat; float:left; width:173px; height:127px; margin:5px 7px;}
		div#navigation{font-family:Arial, Helvetica, sans-serif; height:33px; padding:5px 0px;}
		div#topDetail{height:200px; padding:5px 0px;}
		div#content, div#footer{background:#c7e0f0 url(../images/css/cps_div_detail.png) center 10px no-repeat; padding:20px 0px 10px 0px;}
			.mainColumn{width:60%;}
			.secondaryColumn{width:40%;}
			.columnWrapper{background:url(../images/css/cps_rightColumn_background_repeating.png) 60% repeat-y; margin:10px 0px;}
		div#footer{padding-bottom:0px;}
/* Special Links */
a.logo{position:absolute; top:12px; left:50px;}

/* Navigation */
div#navigation ul{list-style:none; font-size:.8125em; font-weight:bold; float:left; clear:both; margin-left:15px;}
div#navigation li{float:left; margin:0px 10px;}
div#navigation a{float:left; clear:both; width:100px; height:33px; line-height:33px; text-align:center; background:url(../images/css/cps_button_navigation.png) top left no-repeat; color:#ffffff; text-decoration:none;}
div#navigation a:hover, div#navigation a.active{background-position:bottom left;}

/* Images */
a.logo img{float:left; clear:both;}
div.photo img{margin:11px 0px 0px 11px;}
div#topDetail img{position:absolute; top:5px; left:25px;}

/* Text */
div#header h3, div#header h2{position:absolute; top:34px; right:67px; font-size:.9375em; color:#336699;}
div#header h2{font-size:1.4375em; top:57px; right:47px;}
div#topDetail h1{font-family:'Shadows Into Light Two', cursive, Arial, Helvetica, sans-serif; position:absolute; top:25px; left:75px; text-align:center; z-index:100; font-size:3em; color:#ffffff;}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6{color:#003399; font-size:1.5em; font-weight:bold; padding:.2083em 1.125em;}
div#content h2, div#content h3, div#content h4, div#content h5, div#content h6{font-size:1.25em; padding:.25em 1.35em;}
div#content p, div#content ol, div#content ul{font-size:.9375em; padding:.33em 1.8em; color:#003399;}
div#content a{color:#009aff;}
div#content a:hover{text-decoration:none;}
div#content ol, div#content ul{padding:.33em 1.8em .33em 3.133em;}
div#content table{font-size:.9375em; margin:.33em 1.8em; border:#003399 2px solid;}
div#content tr, div#content td, div#content th{border:#003399 1px solid;}
div#content th{background:#003399; color:#ffffff; padding:.266em .533em;}
div#content td{padding:.133em .266em;}
div#footer p.copyright{float:left; clear:both; font-size:.625em; padding:.5em; width:740px; text-align:right;}