body {font-size: 76%; font-family:Helvetica, Arial, sans-serif; padding: 0; margin: 0; text-align: center; background-image: url(images/background.jpg); background-repeat: repeat-x; background-color: #4baede; background-position:center top}

#wrap {width: 997px; text-align: left; margin-left: auto; margin-right: auto; padding: 0 0 30px 0}

.subscribe a{border: 2px solid #3d80bb; background-color: #4caedd; color: white; display: block; padding: 5px; font-weight: bold; text-decoration: none; font-size: 1.1em}
/* typography */
#midColumnPad h1 {padding: 16px 0 0 0; margin: 0; color: #4c4c4c; font-size: 1.5em; font-weight: bold}
#midColumnPad p {}
/* header classes */
#skywaterHeader { height: 158px}
#logo a{background-image: url(images/logo.gif); width: 281px; height: 158px; background-repeat: no-repeat; display: block; float: left}
#logo span {display: none}
.call {background-image:url(images/icon-call.gif); width: 197px; height: 40px; display: block; float: right; margin:  87px 0 0 0}
.call span {display: none; }

/* structure */
#leftSide {width: 749px; float:left}
#leftColumn {width: 242px; float: left; background-image: url(images/back-leftColumn.gif); background-repeat: no-repeat; height: 722px;  color: #4c4c4c}
#leftColumn ul {list-style: none; ;padding: 0 22px 0 22px; margin: 0}
#leftColumn ul p {font-size: .9em}

#midColumn {width: 502px; float: left; margin: 0 0 0 5px; background-image: url(images/back-midcol.gif); background-repeat: no-repeat; background-position: top left; }
#midColumnPad {padding: 0px 15px 0px 15px; color: #4c4c4c; height: 715px; }

#midColumnEnd {background-image: url(images/back-midcolEnd.gif); background-repeat: no-repeat; background-position: top left;  height: 7px}

.go {background-image: url(images/back-footerNav.gif); background-repeat: no-repeat; background-position: top left; height: 39px; margin: 8px 0 0 0}
.go ul {padding: 0; margin: 0; list-style: none}
.go ul li {float: left}
.go ul li a {color: white; text-decoration: none; font-weight: bold; display: block; margin: 12px 8px 0 22px; font-size: 1.1em}
.go ul li a:hover {color: #4c4c4c}

#rightColumn {width: 242px; float: left; margin: 0 0 0 5px}
#rightColumn a span{display: none}
#footer {height: 60px;  background-color:#0C0; clear: both; }

#topNav {width: 997px; height: 39px; background-image: url(images/back-topnav.gif); background-repeat: no-repeat; margin: 0 0 6px 0}
#topNav ul {list-style: none; padding: 0; margin: 0}
#topNav ul li {display: inline; float: left}
li.page_item a{text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1.2em; display: block; padding: 11px 15px 9px 15px; margin: 0 5px 0 5px; color: #FFF}
li.current_page_item a {color: #4c4c4c}
#topNav ul li a:hover {color: #4c4c4c}
.current_page_item li a{color: #666}
.subFooter {text-align: right; color: white; padding: 8px 0 0 0}

/* contact form */
.contact td {padding: 0 0 10px 0}
.orange {color: #F60}

/* calls to action */
.cta-Woman {background-image:url(images/cta-woman.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Woman2 {background-image:url(images/cta-woman2.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Contact {background-image:url(images/cta-contact.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-YourBrand {background-image:url(images/cta-yourbrand.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Water{background-image:url(images/cta-water.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Water2 {background-image:url(images/cta-water2.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Question {background-image:url(images/cta-question.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Bottles {background-image:url(images/cta-Bottles.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}
.cta-Woman {background-image:url(images/cta-woman.jpg); background-repeat: no-repeat; width: 242px; height: 805px; display: block}


/* CSS HACKS */
.clr {clear:both}
clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* ICONTACT FORM */
.iContact {border: 1px solid #4caedf; margin: 5px; background-color:#FFF; padding: 5px}
.link,
#SignUp .signupframe {
	color: #226699;
	font-family: Arial, Helvetica, sans-serif;
	}
	.link {
		text-decoration: none;
		}
	#SignUp .signupframe {
	border: 0;
		background: #ffffff;}

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";