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


/* Main Style Definitions */

body  {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}

body, td, input, select, textarea {
	color:#454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

img, form {
	border:0 none;
}

a {
	color:#158742;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-size: 20px;
	font-weight:normal;
	color: #FFFFFF;
	margin:0;
	padding:0;
}

h2 {
	font-size:16px;
	color:#979797;
	font-weight:normal;
}

h3 {
	font-size: 14px;
	color: #333333;
	margin:0;
	padding:0;
}

/* Common */

.imgright {
	float:right;
	margin:0 0 25px 25px;
}

.imgleft {
	float:left;
	margin:0 25px 25px 0;
}


/* Repeated Page Elements */

#shell {
	display:block;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:970px;
}

	/* Header */
	
	#header {
		float:left;
		width:970px;
		height:120px;
	}
	
	#logo {
		float:left;
		width:180px;
		height:120px;
	}
	
	#tagline {
		float:left;
		font-size: 22px;
		color: #005f2d;
		margin: 45px 0 0 10px;
	}
	
	#bbb {
		float:right;
		width:348px;
		height:120px;
	}
	
	/* Nav */
	
	#navigation {
		float:left;
		width:970px;
		height:31px;
		background:url(images/nav-bg.gif);
	}
	
	#navigation ul {
		padding:0;
		margin:0;
	}
	
	#navigation li {
		font-family: 'Myriad','Myriad Pro', Verdana, Arial, Sans-Serif;
		font-size: 11px;
		float:left;
		height:31px; 
		list-style: none;
		border-right: 1px solid #ffffff;
	}
	
	#navigation li:hover {
		float:left; 
		background-color:#016536;
		height:31px;
		list-style: none;
		border-right: 1px solid #ffffff;
	}
	
	#navigation a {
	  color: #454545;
    display: block;
    margin: 0 auto;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
 
	#navigation a:hover {
		 /*float:left;*/
		color:#ffffff;
		 /*text-decoration: none;
		text-transform: uppercase;
		padding: 7px 20px 0 20px;
   */
	}
  
	/* Footer */
	
	#footer {
		float:left;
		width:970px;
		line-height:14px;
		font-size: 12px;
		color: #888888;
		border-top:5px solid #158742;
		margin-top:25px;
		margin-bottom:25px;
		padding-top:15px;
	}
	
	#footer a {
		color: #888888;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#393939;
		text-decoration:none;
	}
	
		#footer .left {
			width:650px;
			float:left;
		}
		
		#footer .right {
			float:right;
		}
		
			#footer .right img {
				margin-left:7px;
			}


/* Home Page */

#center {
	float:left;
	width:970px;
	height:261px;
	margin-top:15px;
}

#promo {
	float:left;
	width:719px;
	height:261px;
	background:url(images/gbs-roofing-homepromo.jpg);
	background-repeat:no-repeat;
}

	#promo h2 {
	float:right;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:450px;
	font-weight:normal;
	line-height:26px;
	font-size:22px;
	color:#444444;
	margin:42px 30px 7px 0;
	}
	
#freequote {
	float:right;
	width:236px;
	height:261px;
}

#hometext {
	float:left;
	width:930px;
	margin:25px 0;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:20px;
	border:1px solid #e5e5e5;
	background:url(images/bg-gradient.gif);
	background-repeat:repeat-x;
}

	#hometext .left {
	float:left;
	width:580px;
	}
	
	#hometext h1 {
		font-size:22px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		color:#333333;
		margin: 0 0 15px 0;
		padding-bottom:8px;
		border-bottom:1px solid #e5e5e5;
		line-height:26px;
	}
	
	#hometext p {
		font-size:15px;
		line-height:18px;
		font-weight:normal;
		margin:0;
	}
	
	#hometext a {
		text-decoration:underline;
	}
	
	#hometext .rightblock {
		float:right;
		width:280px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 15px 20px;
		background:#ffffff;
		font-size:13px;
		line-height:16px;
		border:1px solid #e5e5e5;
		color:#676767;
	}
	
	#hometext .rightblock .headline {
		font-family: Arial, Helvetica, sans-serif;
		font-size:9px;
		letter-spacing:1px;
		color:#666666;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:1px;
		margin: 0 0 7px 0;
		text-transform:uppercase;
	}
	
	#hometext .blog {
		float:right;
		width:290px;
		padding-left:65px;
		font-size:13px;
		line-height:16px;
		color:#676767;
		background:url(images/newblog.gif);
		background-repeat:no-repeat;
		background-position:top left;
		border-left:1px solid #e5e5e5;
	}
	
	#hometext .blog .headline {
		font-size:16px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#333333;
		margin-bottom:20px;
	}

#subpromobar {
	float:left;
	width:970px;
	height:176px;
}

	.subpromoitem {
		float:left;
		margin-right:19px;
		width:188px;
		height:136px;
		padding:20px;
		background-repeat:no-repeat;
	}
	
	.subpromoitem h2 {
		margin: 0 0 10px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#333333;
	}
	
	.subpromoitem p {
		width:120px;
		margin:0;
		line-height:14px;
		font-size: 12px;
		color: #666666;
	}


/* Sub Pages */

#content {
	float:left;
	width:970px;
}

#pageLeftColumn {
	float:left;
	width:684px;
	margin:30px 0;
}

	.titlebg {
		float:left;
		width:660px;
		margin-bottom:8px;
		padding:12px;
		background:#158742;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;	
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	#pageLeftColumn h1 {
		font-size: 20px;
		font-weight:normal;
		color: #FFFFFF;
	}
	
	#pageLeftColumn h2 {
		font-size:16px;
		color:#454545;
		font-weight:bold;
		margin-top:25px;
	}
	
	#breadcrumbs {
		float:left;
		width:673px;
		background:#E6E6E6;
		padding:3px 6px;
		margin-bottom:30px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
	}
	
	.divider {
		float:left;
		width:684px;
		height:1px;
		background:#e5e5e5;
		margin:10px 0 25px 0;
	}
	
	.hltbox {
		width:123px; 
		margin-right:25px;
		background:url(images/rightbar-bg.jpg);
		background-repeat:no-repeat;
		background-position:top; 
		text-align:center; 
		float:left;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;	
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #e5e5e5;
		padding:15px;
	}
	
		.hltbox p {
			margin: 0 0 10px 0;
			font-weight:bold;
		}
		
	.alsoavail {
	float:left;
	background:url(images/also-available.gif);
	background-repeat:no-repeat;
	font-size:13px;
	height:36px;
	width:524px;
	padding:17px 0 0 160px;
	margin: 25px 0;
	}

#pageRightColumn {
	float:right;
	width:236px;
	margin:30px 0;
}

	.rightbox {
		margin-bottom:30px;
		padding:23px;
		background:url(images/rightbar-bg.jpg);
		background-repeat:no-repeat;
		background-position:top;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;	
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #e5e5e5;
	}
	
		.rightbox .headline {
			color:#505050;
			font-size:18px;
			font-weight:normal;
			margin-bottom:15px;
		}
		
		.rightbox .highlight {
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;	
			-moz-border-radius: 3px;
			border-radius: 3px;
			background:#FFFFFF;
			border:1px solid #E6E6E6;
			margin:0;
			text-align:center;
			font-size:11px;
		}
		
		.rightbox ul {
			margin:0;
			padding-left:15px;
		}
		
		.rightbox li {
			margin-bottom:5px;
		}


/* Quote Form */

.quoteform {
	width:380px;
	margin:25px 0;
	padding:25px;
	border: 1px solid #e5e5e5;
}

	input.quotetext {
		width:210px;
		height:18px;
		float:right;
		font-size:12px;
		border-top: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		border-left: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		padding:3px;
	}


/* Blog Feed */


.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 100%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example3 a{ /*CSS specific to demo 3*/
	color: #158742;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size:18px;
	margin-bottom:12px;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

.menu-item1 {
  width:105px;
}

.menu-item2 {
  width: 145px;
}