/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #3F2F22;
color: #121212;
font-family: Arial, Helvetica, sans-serif;
}

#wrap
{
position: relative;
width: 1020px;	
background: #F8F5EF;
}

	#top
	{
	position: relative;
	height: 33px;
	background: url(img/topbg.gif) top left;
	}
	
	#sky
	{
	position: relative;
	z-index: 1000;
	height: 53px;
	background: url(img/clouds.gif) top right no-repeat;
	}
	
		#sky span
		{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 53px;
		width: 40px;
		background: url(img/skippy.gif) top left;
		}
	
	#logo
	{
	position: absolute;
	top: -16px;
	left: 40px;
	height: 141px;
	width: 142px;
	background: url(img/logo.gif) top left no-repeat;
	}
	
	#nav
	{
	position: relative;
	height: 39px;
	background: #00456B;
	padding-left: 212px;	
	}
	
		#nav li
		{
		position: relative;
		float: left;
		z-index: 1000;
		}
		
		#nav li a
		{
		position: relative;
		float: left;
		padding: 11px 19px 0 19px;
		height: 28px;
		color: #fff;
		font-size: 1.1em;
		}

		#nav li a
		{
		position: relative;
		float: left;
		padding: 11px 19px 0 19px;
		height: 28px;
		color: #fff;
		font-size: 1.1em;
		}

		#nav li a.on
		{
		position: relative;
		float: left;
		padding: 11px 19px 0 19px;
		height: 28px;
		color: #fff;
		font-size: 1.1em;
		background: #146D09;
		}
	
		#nav li a:hover
		{
		background: #146D09;
		}
		
			#nav li ul
			{
			position: absolute;
			display: none;
			top: 39px;
			left: 0px;
			width: 161px;
			border: 1px solid #babeb1;
			border-top: 0px;
			border-bottom: 0px;
			text-align: left;
			}
			
			#nav li:hover ul, #nav li.sfhover ul
			{
			display: block;
			}
			
			#nav li ul li
			{
			position: relative;
			font-size: .85em;
			background: #f1f3ee;
			float: none;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d3d6cd;
			}
			
			#nav li ul li a
			{
			position: relative;
			display: block;
			float: none;
			color: #384751;
			padding: 5px 5px 8px 10px;
			height: auto;
			line-height: 1.3em;
			width: 146px;
			}
			
			#nav li ul li a:hover
			{
			background: #ddeaf3;
			}
	
	
	
	#pagewrap
	{
	position: relative;
	padding: 43px 40px 45px 40px;
	width: 940px;
	margin: auto;
	background: #F8F5EF url(img/shim.gif) top left repeat-x;
	}
	
		#colOne
		{
		position: relative;
		float: left;
		width: 640px;
		font-size: 1.2em;
		text-align: left;
		}
		
			#colOne a
			{
			color: #003471;
			text-decoration: underline;
			}
			
			#colOne a:hover
			{
			text-decoration: none;
			}
			
			#colOne a.readmore
			{
			padding-left: 25px;
			background: url(img/arrow.gif) left center no-repeat;
			}
		
			#landing
			{
			position: relative;
			height: 204px;
			padding: 15px 250px 0 18px;	
			margin-bottom: 18px;
			background: url(img/fpbox.gif) top left no-repeat;
			}		
			
				#drip
				{
				position: absolute;
				top: -41px;
				right: 64px;
				height: 41px;
				width: 16px;
				background: url(img/drip.gif) top left no-repeat;
				}	
				
				
				
				#landing p
				{
				position: relative;
				line-height: 1.4em;
				padding-bottom: 1em;
				}
				
				#colOne .subtitle
				{
				position: relative;
				color: #004369;
				font-size: 1.3em;
				padding-bottom: 7px;
				font-weight: bold;
				}
			
			
			#colOne h1
			{
			position: relative;
			font-size: 1.95em;
			color: #004369;
			}
				
				#colOne h1.altcolornone
				{
				color: #004369;
				}
				
				#colOne h1.altcolor1
				{
				color: #B3291E;	
				}
				
				#colOne h1.altcolor2
				{
				color: #3366CC;
				}
				
				#colOne h1.altcolor3
				{
				color: #006633;
				}
			
			#colOne h2
			{
			position: relative;
			font-size: 1.4em;
			font-weight:bold;
			color: #007236;
			padding-bottom: 10px;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			}
			
			/* white boxes */
			.cbox
			{
			position: relative;
			margin-bottom: 18px;
			padding-bottom: 15px;
			background: #fff url(img/boxbottom.gif) bottom left no-repeat;
			}
				.cbox.alt
				{
				background: #E3EDE3 url(img/altboxbottom.gif) bottom left no-repeat;
				}
			
				.cboxActual
				{
				position: relative;
				padding: 15px 19px 0 19px;
				background: url(img/boxtop.gif) top left no-repeat;
				}
				
					.cboxActual.alt
					{
					background: url(img/altboxtop.gif) top left no-repeat;
					}
				
					.cboxActual .featureimg
					{
					position: relative;
					float: left;
					}
				
					.cboxActual-feature
					{
					position: relative;
					margin-left: 185px;
					}
				
				.cols
				{
				position: relative;
				color: #444334;	
				}
					
					.cols li
					{
					position: relative;
					float: left;
					width: 272px;
					padding: 0 25px 0 0;
					}
				
				.cboxActual p
				{
				position: relative;
				line-height: 1.4em;
				padding-bottom: 1em;
				}
				
				.thepush
				{
				position: relative;
				font-size: .9em;
				}
				
					.thepush li
					{
					position: relative;
					float: left;
					width: 187px;
					padding: 10px 0 10px 114px;
					height: 108px;
					margin-bottom: 20px;
					}
					
					#tp1
					{
					background: url(img/pu1.gif) top left no-repeat;
					}
					
					#tp2
					{
					background: url(img/pu2.gif) top left no-repeat;
					}
					
					#tp3
					{
					background: url(img/pu3.gif) top left no-repeat;
					}
					
					#tp4
					{
					background: url(img/pu4.gif) top left no-repeat;
					}
		
		
		
		#colTwo
		{
		position: relative;
		float: left;
		padding-left: 20px;
		width: 280px;
		}
		
			#estimatebox
			{
			position: relative;
			height: 418px;
			margin-bottom: 18px;	
			color: #fff;	
			background: #004369 url(img/qbox.gif) bottom left no-repeat;
			}
			
				#estimatebox h2
				{
				position: relative;
				margin-bottom: 8px;
				height: 39px;
				text-indent: -9999em;
				color: #fff;
				background: url(img/estimate.gif) top left ;
				}
				
				.lwrap
				{
				position: relative;
				padding: 0 15px 11px 15px;	
				font-size: 1em;
				text-align: right;
				}
				
					.lwrap label
					{
					position: relative;
					float: left;
					padding-top: 2px;
					width: 114px;
					font-weight: bold;
					text-align: left;
					}
					
					.txt1
					{
					position: relative;
					float: left;
					width: 130px;
					padding: 2px;
					font-size: .85em;
					background: #fff;
					border: 1px solid #7dc2df;
					border-top: 1px solid #cecece;
					}
					
					.select
					{
					position: relative;
					width: 136px;
					border: 1px solid #7dc2df;
					font-size: .9em;
					float: left;
					}
					
					.txt2
					{
					position: relative;
					width: 25px;
					float: left;
					margin-right: 7px;
					padding: 2px;
					font-size: .85em;
					background: #fff;
					border: 1px solid #7dc2df;
					border-top: 1px solid #cecece;
					}
					
					.txtmsg
					{
					position: relative;
					padding: 5px;
					background: url(img/msgbox.gif) top left no-repeat;
					width: 237px;
					height: 42px;
					border: 0px;
					margin: 2px 2px 5px 0;
					}
					
				#submit
				{
				position: relative;
				height: 34px;
				width: 159px;
				color: #013451;
				background: url(img/submitrequest.gif) top left no-repeat;
				border: 0px;
				font-weight: bold;
				}

			
			#roofingservices
			{
			position: relative;
			height: 42px;
			text-indent: -9999em;
			background: url(img/roofingservices.gif) top left no-repeat;
			}
			
			#askray
			{
			position: relative;
			height: 42px;
			text-indent: -9999em;
			background: url(img/askray.gif) top left no-repeat;
			}
			
			.sbbox
			{
			position: relative;
			margin-bottom: 18px;
			background: #fff url(img/smallboxbottom.gif) bottom left no-repeat;
			padding: 0 0 9px 0;	
			text-align: left;
			}
			
				.sbboxActual
				{
				position: relative;
				color: #004369;
				padding: 18px 18px 0 18px;
				background: url(img/smallboxtop.gif) top left no-repeat;
				}
				
				.sbbox p
				{
				position: relative;
				line-height: 1.3em;
				padding-bottom: .75em;
				}
				
				#askraybox.sbboxActual
				{
				background: url(img/smallboxtop2.gif) top left no-repeat;
				}
				
				.servicelist
				{
				position: relative;
				}
				
					.servicelist li
					{
					position: relative;
					float: left;
					width: 102px;
					padding: 4px 0 4px 15px;
					background: url(img/drop.gif) left center no-repeat;
					}
				
				.iaskedray
				{
				position: relative;
				float: left;
				}
				
				.whatiaskedray
				{
				position: relative;
				margin-left: 96px;
				}
				
				.goask
				{
				position: relative;
				float: right;
				margin-right: 11px;
				height: 24px;
				width: 117px;
				background: url(img/ask-ray.gif) top right no-repeat;
				}
				
	
	
	#footer
	{
	position: relative;
	padding: 18px 40px 135px 40px;	
	background: #fff url(img/foot.gif) bottom left no-repeat;
	}
		
		#footleft
		{
		position: relative;
		float: left;
		text-align: left;
		}
		
			#footnav
			{
			position: relative;
			color: #003471;	
			word-spacing: 3px;
			}
				
				#footnav a
				{
				color: #003471;
				text-decoration: underline;
				}
				
				#footnav a:hover
				{
				text-decoration: none;
				color: #006633;
				}
			
			#footleft h2
			{
			position: relative;
			padding-top: 15px;
			font-size: 1.5em;
			font-weight: bold;
			color: #006633;
			}
			
			.quoted
			{
			position: relative;
			padding-top: 3px;
			font-size: 1.2em;
			font-weight: bold;
			color: #006633;
			}
			
	#footright
	{
	position: relative;
	float: right;
	width: 280px;
	text-align: left;
	}
	
		#footright h2
		{
		position: relative;
		padding-top: 15px;
		font-size: 1.25em;
		font-weight: bold;
		color: #006633;
		}
		
		#footright p
		{
		position: relative;
		line-height: 1.4em;
		font-size: 1.1em;
		color: #006633;
		}
	
	
	#copy
	{
	position: absolute;
	bottom: 14px;
	left: 40px;
	color: #434585;
	}
	
	#wemadethis
	{
	position: absolute;
	bottom: 14px;
	right: 40px;
	color: #434585;
	width: 280px;
	text-align: left;
	}
	
		#wemadethis a
		{
		color: #434585;
		text-decoration: underline;
		}

		
		#wemadethis a:hover
		{
		text-decoration: none;
		}


/* Form CSS Styles --------------------------------------------------------------------------*/

#form {
font: 14px Arial, sans-serif;
}

#form fieldset {
border:0;
}

#form label {
float: left;
width: 120px;
font-weight: bold;
}

#form input, #form textarea {
width: 180px;
margin-bottom: 10px;
}

#form textarea {
width: 250px;
height: 150px;
}

#form p {
	font: 14px Arial, sans-serif;
	color: #c1000c;
	font-weight:bold;
}

#form .boxes {
width: 1em;
}

#submitbutton {
margin-left: 120px;
margin-top: 5px;
width: 90px;
}