/*	Square Circle Media						*/
/*	Author Chris Sees						 	*/
/*	email: chris@sqcircle.com					*/

html 
{
	height:100%; 
}



/* Background */
body
{
	background-color:#F4F4F4;
	margin: 0;
	padding: 0;
	FONT-FAMILY: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;
	COLOR:#666666;	
	height:100%;
	font-size:10px;

}


/* TEXT */
P
{ 
	COLOR: #666666; 	
	FONT-FAMILY: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;	
	line-height: 1.8;
	font-size:12px;
	margin:0 0 0.75em 0;
	padding:0px;
	
}
.companyInfo
{
	font-size:10px;
}

li, ul
{ 
	COLOR: #666666; 	
	FONT-FAMILY: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;	
	line-height:16px;
	font-size:10px;
	margin:0 0 0 10px;
	padding:0 0 0 5px;
}

.contactBox P, br
{
	color:#FFFFFF;
	font-size:9px;
}

/* End TEXT */

/* LINKS */
a
{
	COLOR:#A95044;
	text-decoration:none;
}
a:hover
{
	COLOR: #A95044;
	text-decoration:underline;
}

/* End LINKS */

/* HEADINGS */
h2 {
	font-size:16px;	
	padding:0 5px 0 5px;
	color:#279106;
	line-height: 1;	
	margin-bottom: 0.4em;
}
h3 
{
	font-size:16px;
	line-height: 1;	
	margin-bottom: 0.4em;
	padding:0 5px 0 5px;
	color:#184172;
	position:relative;
}
h4 
{
	font-size:10px;
	padding:0 5px 0 5px;
	color:#30A02B;
	line-height: 1;	
	margin-bottom: 0.4em;
}
.arrow
{	
	position:absolute;
	left:-5px;
	top:5px;
}

*html .arrow
{	
	position:absolute;
	left:-10px;
	top:5px;
}		
	
/* END HEADINGS */


/* SITE SPECIFIC LAYOUT */

#header
{
	float:left;
	width:600px;
	height:100px;
	position:relative;
}

.wrapper
{
	width:800px;	
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:100%;
	min-height: 100%;
	height: auto !important;
	border-left:1px solid #CCCBCB;
	border-right:1px solid #CCCBCB;
	background-color:#FFFFFF;
	padding-left:6px;
	padding-right:6px;
	background-image:url(../images/bg_leftnav.jpg);
	background-repeat:repeat-y;	

}

* html .wrapper
{
	height:100%;
}

#leftColumn
{
	float:left;
	width:200px;
	background-color:#A0CDE4;
	display:inline;
}

.mainContent
{
	float:left;
	width:600px;	
	position:relative;
	display:inline-block;
	padding-bottom:20px;
}

.mainContentDetail
{
	float:left;
	width:564px;
	position:relative;
	padding:26px 0px 0px 36px;
}

.homecopy
{
	width:564px;
	position:relative;
	margin-left:auto;
	margin-right:auto;

}
.homecopyHide
{
	width:564px;	
	margin-left:auto;
	margin-right:auto;

}

* html .mainContentDetail 
{
	float:left;
	width:564px;
	position:relative;
	padding:26px 0px 150px 33px;
	display:inline-block; 
}


#flashContent
{
	float:left;
	width:600px;
	position:relative;
	padding:0 0 50px 0;
}

#html #flashContent 
{
	float:left;
	width:600px;
	position:relative;
	padding:0 0 50px 0;
	display:inline-block; 
	height:4000px;

}

.homepageLeftColumn
{
	float:left;
	width:205px;
	background-color:#FFFFFF;
	padding:25px 0px 0px 45px;
}
.homepageRightColumn
{
	float:right;
	width:205px;
	background-color:#FFFFFF;
	padding:25px 45px 0px 0px;
}

.popularRanges
{
	float:left;
	width:164px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:30px;
	position:relative;	
}

.footer
{
	position:absolute;
	left:6px;
	bottom:0px;
	height:30px;
	width:800px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#E3F0F7;
	clear:both;
}

.footerBody
{
	color:#184172;	
	margin-top:9px;
	margin-left:215px;
	width:400px;
}


.footer a
{
	text-decoration:none;
	color:#184172;	
	margin-top:5px
}

.footer a:hover
{
	text-decoration:underline;
	color:#184172;
}


/* End SITE SPECIFIC LAYOUT */


/* NAV */
	
.leftNav
{
	width:145px;
	float:left;
	display:inline;
}
	
/* END NAV */	


/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* Floats */
.floatRight
{
	float:right;
	display:inline;
}

/* end Floats */