html {
	font-size: 80%;	
	}
body {
	text-align: center;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;	
	color: #000;
	margin:0;
	padding:0;
	}

a:link,
a:visited {	
	color: #333;	
	text-decoration: none;
	}
a:hover,
a:active {	
	text-decoration: underline;
	}
p {
	margin: .5em 0;
	line-height: 1.6em;	
	}
h1 {
	color: #CCCCCC
	font-size: 1.4em;	
	margin: .5em 0;
	}
h2 {
	color: #CCCCCC
	font-size: 1.27em;	
	margin: .5em 0;
	}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	color: #333;
	margin: .5em 0;
	}
h3 span{	
	color: #000;
	}
h4 {
	color: #000000
	margin: .5em 0;
	}
table {
	color: #FFFFFF;
	}
td, th {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333;
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;
	}
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside;
	}
pre {
	margin:0;
	padding:0;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;	
	}
form div {
	margin:10px 0;
	}
form div label {
	display: block;
	float: left;
	text-align: right;
	width: 200px;
	margin: 0 10px;
	}
form fieldset {
	margin: 0 0 10px;
	}
form fieldset div label {
	width: 185px;
	}
form div label span{
	color: #666;
	}
form .error {
	color: #f00;
	}

/* 	LAYOUT  */
#content {
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 835px;
	}
#left {
	position: absolute;
	top:0;
	left:0;
	width: 319px;
	}
#logo {
	position: absolute;
	top:0;
	left:0;
	z-index: 5;
	}
#left_content {
	position: absolute;
	top:106px;
	left:17px;
	background-color: #fff;
	padding: 102px 20px 20px 91px;
	}
#right {
	position: absolute;
	top:0;
	left:318px;
	background-color: #fff;
	width: 516px;
	}
#right_content {
	border-left: 1px solid #999;
	padding: 20px;
	}
#footer {	
	width: 476px;
	text-align: center;
	margin: 20px 0;
	padding: 0;
	border-top:1px solid #666;
	}


.blurb {
	position:relative;
	width: 100%;
	display: block;
	clear:both;
	}
.blurb h3 {
	background: #fff url('art/LoneStarEliteRoofing_triangle.gif') no-repeat left top;
	margin:.5em 0 0 0;
	padding:0 0 0 20px;
	line-height: 24px;
	}
.blurb p {
	margin: .5em 0 .5em 20px;
	}
.blurb .nav_button {
	float:right;
	overflow:hidden;
	}
.blurb .nav_button a {
	display: block;
	width: 165px;
	height:41px;
	line-height:41px;
	}
.nav_button a span {
  position: absolute;
  top: -999em;
	}
#nav_about,
#nav_materials,
#nav_photos {
	width:165px;
	height:41px;
	}
#nav_about a {
	width:165px;
	background: #fff url('art/LoneStarRoofingElite_about.jpg') no-repeat left top;
	}
#nav_materials a {
	width:165px;
	background: #fff url('art/LoneStarRoofingElite_materials.jpg') no-repeat left top;
	}
#nav_photos a {
	width:165px;
	background: #fff url('art/LoneStarRoofingElite_photos.jpg') no-repeat left top;
	}
#nav_about a:hover,
#nav_about a:active
 {
	background: #fff url('art/LoneStarRoofingElite_about.jpg') no-repeat right top;
	}
#nav_materials a:hover,
#nav_materials a:active
{	
	background: #fff url('art/LoneStarRoofingElite_materials.jpg') no-repeat right top;
	}
#nav_photos a:hover,
#nav_photos a:active
{	
	background: #fff url('art/LoneStarRoofingElite_photos.jpg') no-repeat right top;
	}

#menu {
	width: 516px;
	margin:0 0 6px 0;
	padding:0;
	text-align:center;
	clear: both;
	}
#menu li {
	display: inline;
	cursor:pointer;
	float:left;
	font-size:9px;
	font-weight:bold;
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding:4px 3px 0 0 ;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	}
#menu li a {
	padding:3px 4px;
	}
#menu li a:link {
	padding:3px;
	color: white;
	background-color: black;
	}
#menu li a:visited {
	color: white;
	background-color: black;
	}
#menu li a:hover {
	color: white;
	background-color: #666;
	text-decoration: none;
	}
#menu li a:active {
	color: red;
	background-color: black;
	text-decoration: none;
	}


#LeadPhone1,
#LeadPhone2 {
	width: 2em;
	}
#LeadPhone3 {
	width: 3em;
	}
#LeadZipcode {
	width: 8em;
	}00

#nav_about,
#nav_materials,
#nav_photos {
	width:165px;
	height:41px;
	}

.send_button {
	margin: 0 auto;
	width: 165px;
	height: 41px;
	line-height: 41px;
	background: #fff url(/art/LoneStarEliteRoofing_sendbutton.jpg) no-repeat left top;
	}
.send_button input {
	display: block;
	width: 165px;
	height: 41px;
	line-height: 41px;
	overflow:hidden;
	}
.send_button input:hover {
	background: #fff url(/art/LoneStarEliteRoofing_sendbutton.jpg) no-repeat right top;
	}
.send_button input:active {
	background: #F3F8CD url(/art/LoneStarEliteRoofing_sendbutton.jpg) no-repeat left bottom;
	}