/* ===============================================
PROJECT TITLE

--------------------------------------------------
AUTHOR(S): 
	wes@topspotims.com
	jwynn@topspotims.com (Jeremy)


==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #fff;

=================================================*/

body{
	margin: 0;
	padding: 0;
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 62.5%;
}

.clearBoth {
	clear: both;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.hide {
	display: none;
}

h1 {
	font-size: 1.8em;
	color: #7ba1a7;
}

h2 {
	color: #7BA1A7;
}

:focus {  /*Prevents FF2 from temporarily breaking the page layout when tabbing*/
	outline: 0;
}

input, textarea { /*Eliminate Safari and Opera's blue outline*/
	outline-style:none;
}

#submit.buttonHover {
	background-color: #f3c265;
}

#reset.buttonHover {
	background-color: #f3c265;
}

p.error {
	margin-left: 20px;
	color: red;
}
p#alert a.closeAlert {
	margin-right: 7px;
}

/* WRAPPER   ---------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	border-bottom: 30px solid #fff;
	width: 901px;
	overflow: hidden;
}

/* HEADER   ---------------------------------------*/
#banner {
	border-top: 15px solid #fff;
}
#left-banner{
	background: transparent url(../gwo-images/holder-2.jpg) no-repeat top left;
	width:357px;
	height:228px;
	float:left;
}
	#left-banner p{
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14pt;
		font-style:italic;
	}

#left-banner-test{
	background: transparent url(../gwo-images/holder-blank.jpg) no-repeat top left;
	width:332px;
	height:208px;
	float:left;
	padding:20px 0px 0px 25px;
	
}
	#left-banner-test p{
		color:#ffffff;
		font-family:"Times New Roman";
		font-size:14pt;
		letter-spacing:0.12em;
		margin:0px;
	}
#right-banner{
	/*background: transparent url(../gwo-images/right-banner.jpg) no-repeat top left;*/
	width:543px;
	height:228px;
	float:right;
}

	#logo {
		background:transparent url(../gwo-images/logo-2.jpg) no-repeat top left;
		display: block;
		float: left;
		width: 205px;
		height: 96px;
		text-indent: -999em;
		overflow: hidden;
		margin-left:8px;
	}
	
	#numberAsk {
		margin:0 10px 0 0;
		padding:0;
		float:right;
	}
	#numberAsk li{
		list-style-type:none;
		font-size:20px;
		color:#7f5f2a;
	}
	#numberAsk li span{
		font-size:16px;
	}
	#numberAsk li a{
		list-style-type:none;
		font-size:18px;
		color:#bea100;
		text-decoration:none;
	}
	#numberAsk li a:hover{
		text-decoration: underline;
	}
	#numberAsk .last{
		text-align:right;
		background:url(../gwo-images/rfq-icon.png) no-repeat 20px 3px;
	}
	
	#phoneNumber span {
		display: block;
		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
		font-weight: bold;
		font-style: italic;
	}

/* PRIMARY NAV   ---------------------------------------*/
#topHeader{
	width:902px;
	height:100px;
	border-bottom:solid 1px #d5893d;
	margin-top:10px;
}
ul#primaryNav {
	margin: 0;
	padding: 0;
	background-color: #fff;
	list-style: none;
	height: 30px;
	float:right;
	margin-top:21px;
	border-top:solid 1px #cccccc;
}

	#primaryNav li {
		float: left;
		margin: 0;
		position: relative;
	}
	
		#primaryNav a {
			
			display: block;
			padding:7px 15px 6px 0px;
			font-size: 1.5em;
			color: #666;
			text-decoration: none;
		}
		
		#primaryNav a:visited {
			color: #666;
		}
		
		#primaryNav a:hover {
			color: #d5893d;
		}
		
		#primaryNav a:active {
			color: #d5893d;
			
		}
#primaryNav li ul {
	margin: 0;
	padding: 7px 0;
	list-style: none;
	position: absolute;
	left: -9999px;
	top: 30px;
	z-index: 500;
	background-color: #BEA100;
}

#primaryNav ul li {
	float: none;
}

#primaryNav ul a {
	color: #fff;
	background-image: none;
	display: block;
	font-size: 1.2em;
	padding: .2em 1em;
	width: 160px;
}

#primaryNav ul a:visited {
	color: #fff;
}

#primaryNav ul a:hover {
	background-image: none;
	text-decoration: underline;
	color: #fff;
}

#primaryNav li:hover ul, #primaryNav li.sfhover ul {
	left: auto;
}
/* CONTENT   ---------------------------------------*/

#homeContent{
	padding:1px 0px 1px 10px;
	border-bottom:solid 1px #cccccc;
	margin-bottom:5px;
}
#columnLeft .header{
	color:#7BA1A7;
	font-style:normal;
	text-decoration:none;
}
#columnRight .header{
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
}
#columnLeft {
	float: left;
	width: 346px;
	border-right: 1px solid #cccccc;
	position: relative;
	padding: 0 0px 10px 0;
}

	#columnLeft p {
		width: 335px;
		margin-bottom:20px;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #666666;
	}
	#columnLeft img{
		margin-left:12px;
	}
	
	#columnLeft a {
		color: #D5893D;
		font-style:italic;
	}
	#columnLeft .more {
		background: transparent url(../images/arrow-orange.gif) no-repeat right center;
		color: #D5893D;
		font-style:italic;
		padding-right:30px;
	}
	#columnLeft #certified{
		margin:0;
		padding:0;
		list-style-type:none;
		margin-top:30px;
	}
		#columnLeft #certified li{
			float:left;
			margin-bottom:10px;
		}

#columnRight{
	float:left;
}
#columnRight a{
	color:#D5893D;
	font-style:italic;
}
#columnRight .resident{
	background: transparent url(../images/arrow-green.gif) no-repeat right center;
	color:#8D9971;
	font-style:italic;
	padding-right:30px;
}
#columnRight .commercial{
	background: transparent url(../images/arrow-orange.gif) no-repeat right center;
	color:#D5893D;
	font-style:italic;
	padding-right:30px;
}
	#columnRight ul{
		margin:0;
		padding:0;
		overflow:hidden;
	}
	#columnRight ul .magazine{
		margin:20px 0;
	}
		#columnRight ul .magazine img{
			float:left;
		}
		#columnRight ul .magazine h2{
			padding:0 0 8px 0;
			margin:0 0 0 108px;
		}
		#columnRight ul .magazine h2 a{
			text-decoration:none;
			color:#7BA1A7;
			font-style:normal;
		}
		#columnRight ul .magazine p{
			margin:0 0 0 108px;
			clear:right;
			width:158px;
		}
		#columnRight ul .magazine p .cover{
			background: transparent url(../images/arrow-blue.gif) no-repeat right center;
			color:#7BA1A7;
			font-style:italic;
			padding-right:30px;
		}
		#columnRight ul li{
			list-style-type:none;
			float:left;
			margin-right:1px;
		}
		#columnRight ul .green h2{
			/*background-color:#8d9971;
			padding:8px;*/
			color:#8d9971;
			margin-top:1px;
			margin-left:0px;
		}
		#columnRight ul .orange h2{
			/*background-color:#D5893D;
			padding:8px;*/
			color:#d5893d;
			margin-top:1px;
		}
		#columnRight ul .green h2 a{
			/*background-color:#8d9971;
			padding:8px;*/
			color:#8d9971;
			
		}
		#columnRight ul .orange h2 a{
			/*background-color:#D5893D;
			padding:8px;*/
			color:#d5893d;
			
		}
		/*#columnRight ul .green{
			background-color:#8d9971;
			list-style-type:none;
			float:left;
		}
		
		#columnRight ul .green img{
			border:solid 1px #ffffff;
			padding:0;
		}
		#columnRight ul .green p{
			color:#ffffff;
		}
		
		
		#columnRight ul .orange{
			background-color:#D5893D;
			list-style-type:none;
			float:left;
		}
		
		#columnRight ul .orange img{
			border:solid 1px #ffffff;
			padding:0;
		}
		#columnRight ul .orange p{
			color:#ffffff;
		}*/
		
		
		#columnRight ul li h2{
			margin-bottom:5px;
			/*border-bottom:solid 1px #cccccc;*/
			padding:14px 50px 1px 9px;
			
		}
		
		#columnRight ul li img{
			border:solid 1px #cccccc;
			padding:5px;
			margin-left:9px;
		}
		#columnRight ul li p{
			margin-left:12px;
			margin-top:5px;
			font-size:12px;
			color:#666666;
			width:250px;
		}
		#columnRight ul li p a{
			margin-top:10px;
		}
	

/* FOOTER   ---------------------------------------*/
#footer2 {
	clear: both;
	overflow: auto;
	background-color:#f3c265;
	padding:8px 5px;
}

	#footer2 p {
	}
	#footerLinks{
		margin:0;
		padding:0;
		float:left;
	}
		#footerLinks .first{
			font-size:12px;
			color:#ffffff;
			margin-right:28px;
		}
		#footerLinks li{
			float:left;
			list-style-type:none;
			margin:0 5px;
		}
		
	
		#footer2 a {
			text-decoration:none;
			color:#ffffff;
			font-size:12px;
			
		}
		
		#footer2 a:hover {
			text-decoration: underline;
		}
		
/* BOTTOM LINKS   ---------------------------------------*/
#bottomLinks{
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
}
#bottomLinks li{
	float:left;
	margin-right:0px;
	display:block;
	font-size:9pt;
	color: #A0A0A4;
}
#bottomLinks li a{
	color:#2A1FFF;
	text-decoration:none;
	font-size:9pt;
	margin-left:5px;
}
#bottomLinks li img{
	border:none;
}
#bottomLinks li a:hover{
	text-decoration:underline;
}
	#bottomLinks .icons{
		margin-right:15px;
	}