@charset "utf-8";
/* CSS Document */


body{
margin:0;
padding:0;
line-height: 1.5em;
background-image:url(http://www.infinitypoolandspa.com/assets/images/bg.gif);
font-family: Verdana, Arial, sans-serif;
font-size:12px;
}

em { font-size:9px;}

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/ 
background-color: #ffffff;
}


#topsection{
/*height: 375px; Height of top section*/
padding-bottom:20px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

.imgpad{ padding-bottom:15px;}

#contentwrapper{
float: left;
width: 100%;
background-color: #ffffff;
}

#contentcolumn{
margin-right: 470px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column in pixel*/
margin-left: -475px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
background-color: #ffffff; height:inherit;

}

#rightcolumn{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -230px; /*Set margin to -RightColumnWidth*/
background-color: #ffffff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

a{color:#3399FF; text-decoration:none;}
a:hover{ background-color:#3399FF;color:#FFFFFF; text-decoration:none;}

.anav{text-decoration:none;}

.anav:hover {color:#FFFFFF; text-decoration:none;}


#navigation{
clear:both;
margin: 9px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0; 
width:912px; 
height:30px;
color:#FFFFFF;
padding-top:10px;
background-image:url('http://www.infinitypoolandspa.com/assets/images/navbar.png');
}

#navigation  a{
margin-left:20px;
color:#FFFFFF;
text-decoration:none;
background-color:transparent;
}

.flash{
margin-left: 9px; margin-top:15px;

}

/* Start of Head Column CSS */
#headcontainer {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#fff; /* column 2 background colour */
}
#headwrapper {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background:#fff; /* column 1 background colour */
}
#hcol1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
	padding-bottom:15px;
}
#hcol2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}
/* --> */


/* Start of Footer Column CSS */
#footcontainer4 {
	clear:left;
	float:left;
	width:950px;
	 background-color:#00adef;

}
#footcontainer3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	 background-color:#00adef; /* column 3 background colour */
}
#footcontainer2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	 background-color:#00adef; /* column 2 background colour */
}
#footcontainer1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	 background-color:#00adef; /* column 1 background colour */
}

#footcontainer1  a{ 
text-decoration:none;
}

#fcol1 {
	float:left;
	width:20%;
	position:relative;
	left:77%;
	overflow:hidden;
}
#fcol2 {
	float:left;
	width:20%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#fcol3 {
	float:left;
	width:20%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#fcol4 {
	float:left;
	width:25%;
	position:relative;
	left:89%;
	overflow:hidden;
}

#footer{
clear: left;
width: 100%; 
background-color:#00adef;
color: #FFF;
text-align: left;
padding: 4px 0;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
}
#footercontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#00adef;
}

#footer a{
color: #FFf;
}



/* Start of Column CSS */
#body2container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#ffffff; /* column 2 background colour */
}
#body2container1 {
	width:100%;
	position:relative;
	right:50%;
}
#b2col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#b2col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}
/* --> */



form {
	font:13px Verdana, Arial, sans-serif; margin-bottom:40px;
	padding:0px 20px;
	width:425px;
	}
form ol {
		list-style:none;
		margin:0;
		padding:0;
		}

		form li {
			padding:6px;
			background:#e1e1e1;
			margin-bottom:1px;
			}

			form li#send {
				background:none;
				margin-top:6px;
				}
form label {
			float:left;
			width:125px;
			text-align:right;
			margin-right:7px;
			color:#0066CC;
			line-height:23px;	 /* This will make the labels vertically centered with the inputs */
			}

		form input,
		form textarea {
			padding:4px;
			font:13px Verdana, Arial, sans-serif;
			border:1px solid #999999;
			width:200px;
			}
		form .nostyle {
			padding:0px;
			border:1px solid #999999;
			width:20px;
			}
			form input:focus,
			form textarea:focus {
				border:1px solid #666;
				background:#e3f1f1;
				}
form li#send button {
			border:none;
			padding:4px 8px 4px 28px;
			border-radius:15%; /* Don't expect this to work on IE6 or 7 */
			-moz-border-radius:15%;
			-webkit-border-radius:15%;
			color:#fff;
			margin-left:77px; /* Total width of the labels + their right margin */
			cursor:pointer;
			}

			form li#send button:hover {
				background-color:#006633;
				}






/* Box Code */ 
div#nifty{ margin: 0;background:#00CC33;}

b.rtop, b.rbottom{display:block;background: #00adef}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #00CC33}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


h1 {font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:20px; line-height:125%;}
h2 {font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size:16px;}
h3 {font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size:12px;}

.button {
    border: none;
	width:158px; height:42px;
    background: url('http://www.infinitypoolandspa.com/assets/images/up.png') no-repeat top left;
    padding: 2px 8px;
	margin-top:5px;
}


.loginboxdiv
{
 margin:0;
 height:21px;
 width:146px;
 background:url('http://www.infinitypoolandspa.com/assets/images/input.gif') no-repeat bottom;
}

.loginbox
{
 background:none;
 border:none;
 width:134px;
 height:15px;
 margin:0;
 padding: 2px 7px 0px 7px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}