/* CSS Document - walkers roofing   blue #0262B2   light blue #E8ECF7*/

/*control wrappers*/
#fullwrapper {
	width: 940px;
	height:auto;
	margin: 0px auto;
	border-left: 15px solid #fff;/*1px dashed #000*/
	border-right: 0px dashed #ccc;
	/*background:url("/titleimages/title_1.jpg") no-repeat 220px 105px #fff;
	display:table;*/
	background: url("/commonimages/header_bg.gif") no-repeat  230px 30px transparent;
	padding-right:5px;
	}
/*end control wrappers*/

/*html . no class or id . generic structure and text display*/	
body  {
	font-size: 62.5%;
	background: url("/commonimages/bluebar.gif") repeat-x  0 30px #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px; /*for Opera6*/
	text-align: center;
	}
	
table {
	font-size: 100%;
	margin: 0px;
	border-collapse: collapse;
	border: 0px none;
	border-spacing: 0px;
	}
tr,td,div {
	text-align:left;
	vertical-align: top;
	padding: 0px;
	border:0px none;
	font-size: 100%;
	}
h1 {
	font-size: 2em;
	color:#0262b2;
	margin:15px 0px 10px 0px;
	}
h2 {
	font-size: 1.5em;
	/*color:#0262b2;*/
	margin:10px 0px 10px 0px;
	}
h3 {
	font-size:1.3em;
	}
h4 {
	font-size:1.2em;
	}
h5 {
	font-size:1.1em;
	}
h6 {
	font-size:1.4em;
	}
p {
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
	}
ul {
	margin:0 0 15px 20px;
	padding:0;
	border:0;
	list-style:disc;
	font-size: 1em;
	}
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}
a {
	color: #333;
	text-decoration: underline;
	outline:none;
	}
a:hover {
	color: #666;
	text-decoration: none;
	}
/*end html*/

/*---------------------------
header and top nav
----------------------------*/
#header {
	width: 940px;
	height: 170px;
	/*background: url("/commonimages/header_bg.gif") no-repeat  230px 20px transparent;*/
	margin: 0px;
	padding-top:10px;
	border:0px dashed red;
	/*display:table;*/
	z-index:5;
	}
img#weblogo {
	margin:0px 0px 0px 0px;
	float:left;
	/*display:inline-table;*/
	}
#headerright {
	float:right;
	/*display:inline-table;*/
	text-align:right;
	width:500px;
	}

#topnav {
	width:480px;
	/*display:inline-table;*/
	height:15px;
	margin:0px;
	text-align:right;
	border:0px none;
	font-size:10px;
	}
#topnav ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}
#topnav ul li {
	display:inline;
	}
#topnav a {
	text-decoration:none;
	color: #000;/*#0262b2*/
	background: transparent;  /*url("../commonimages/button_background.gif") no-repeat 0 0*/
	width:70px;
	height:auto;
	line-height:16px;
	text-align:center;
	font-size:10px;
	border-right:1px solid #ccc;
	display:block;
	float:left;
	}
#topnav a:hover {
	text-decoration:none;
	color: #fff;/*#0262b2*/
	background: #0262b2;
	}

#webandcontact {
	width:500px;
	color: #fff; /* #0262b2 */
	font-weight:bold;
	text-align:right;
	clear:both;
	padding-top:12px;
	font-size:10px;
	}
#webaddress {
	font-size:1.2em;
	display:block;
	margin-bottom:3px;
	color: #98CDEA;
	}
#webaddress a {
	color: #98CDEA;
	text-decoration:none;
	}
#phone {
	font-size:1.3em;
	margin:0px 0px 0px 0px;
	display:block;
	}
	
#servicestext {
	width:500px;
	/*display:table;*/
	clear:both;
	margin-top:15px;
	text-align:right;
	}
#servicestext h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bolder;
	color: #000;
	font-style:italic;
	font-size:13px;
	text-transform:uppercase;
	margin:0;
	text-align:right;
	}
#servicestext a {
	text-decoration:none;
	}
/*---------end header-----------*/

/*left nav*/
.leftnav {
	width:200px;
	height:auto;
	margin-bottom:7px;
	}
.leftnav ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	border-top:1px dashed #ccc;
	font-size:1.2em;
	}
.leftnav ul li {
	margin:0px;
	padding:0px;
	display:block;
	border-bottom: 1px dashed #ccc;
	line-height: 20px;
	}
.leftnav a {
	width:100%;
	display:block;
	color:#666;
	text-decoration:none;
	padding-left:5px;
	}
.leftnav a:hover {
	color: #fff;
	background: #0262b2;
	}
/*end left nav*/


/*title images*/
.titleimage {
	width: 580px;
	height:100px;
	margin: 0px;
	display:block;
	}
#titleimage1 {
	background: url("/titleimages/wr_title_2.jpg") no-repeat 0px 0px;
	}

/*end title images*/


/*--------------------------------------------------
left column
---------------------------------------------------*/
.LeftCol {
	float:left;
	width:200px;
	margin-right:20px;
	margin-top:20px;
	background:#fff;
	height:auto;
	display:inline;
	border:0px solid red;
	}
body#contactpage .leftform {display:none;}/* dont display mini quote form on contact page*/
.leftform{
	padding:10px;
	border:1px solid #ccc;
	background-color:#E8ECF7;
	margin:10px 0px;
	}
.leftform .formbutton{
	border:0px;
	height:auto;
	width:80px;
	cursor:pointer;
	margin-top:8px;
	}
.leftform input, .leftform textarea{
	width:165px;
	}
.leftform .formResults{border:0px none;padding:0px;margin-bottom:4px;}
.leftform .formResults h4, .leftform .formResults h5{
	font-weight:normal;
	font-size:10px;
	margin:0px;
	}
	
/*--------------------------------------------------
middle column
---------------------------------------------------*/
	
.MiddleCol {
	float:left;
	width:555px;
	margin-right:0px;
	background:#fff;
	height:auto;
	/*display:inline;inline-block*/
	border:0px solid green;
	}
.MiddleCol ul {
	margin:0 0 15px 20px;
	padding:0;
	border:0;
	list-style:disc;
	font-size: 1.2em;
	}
.MiddleCol img {
	width:180px;
	}	
.MiddleCol a{text-decoration:none;color:#0262B2;}
.MiddleCol a:hover{	text-decoration:underline;color:#0262B2; }
/*--------------------------------------------------
right column
---------------------------------------------------*/

.RightCol {
	float:right;
	width:140px;
	background:#fff;
	height:1%;
	/*display:inline-block;
	border:0px dashed green;*/
	border-left:1px solid #ccc;/*#0099FF, #66CCFF  #0262B2  */
	margin-top:10px;
	}
.RightCol ul {
	list-style:none;
	margin:0px 0 0 0;
	padding:5px 10px;
	border-left:0px solid #ccc;
	font-size:1em;
	}
.RightCol ul li {
	list-style:none;
	margin:0;
	padding:5px ;
	text-align:center;
	border-bottom:1px dashed #ccc;
	color:#0262B2;
	}
.RightCol ul li a {
	text-decoration:none;
	color:#0262B2;
	}
.RightCol ul li a:hover {
	text-decoration:underline;
	color:#0262B2;
	}
/*--------------------------------------------------
common
---------------------------------------------------*/
.picholder {
	margin-top:30px;
	}
.picholder img {
	margin:0 5px 0 0px;
	display:inline;
	float:left;
	}
	

.hidden{
	visibility:hidden;
	display:none;/*??*/
}
div.floatcontrol {
	clear:both;
	line-height:0px;
	font-size:0px;
	float:none;
	overflow:hidden;
	height:0;
	}
/*end common*/

/*footer*/
#footer {
	background:#fff;
	height:30px;
	width:940px;
	clear:both;
	float:none;
	margin:30px 0 10px 0;
	border-top:15px solid #0262B2;
	display:block;
	font-size:0.9em;
	}
#FootAddress {
	text-align:left;
	margin-top:10px;
	float:left;
	}
#FootAddress a, #FootAddress a:hover {
	text-decoration:none;
	color:#000;
	}
	
#copyright {
	text-align:right;
	margin-top:10px;
	float:right;
	}
/*end footer*/
/*contact form*/
.contactform table{
	width:auto;
	border:0px solid #ccc;
	}
.contactform input{
	width:250px;
	margin-right:10px;
	margin-bottom:10px;
	}
.contactform textarea{
	width:510px;
	margin-right:10px;
	margin-bottom:10px;
	}
.contactform .formbutton{
	border:1px solid #0262B2;
	padding:5px;
	width:120px;
	cursor:pointer;
	}
.reset{
	background:#fff;
	}
.submit{
	background:#0262B2;color:#fff;
	}
.contactform .formResults {
	border:1px solid #ccc;margin-bottom:10px;
	}
.contactform .formResults h4{
 	margin:4px 5px;
	}
.contactform .formResults h5{
 	margin:4px 10px;
	}
.contactform #formsent {
	border:1px solid green;
	}
#formsent h5 {
	color:green;
	}
.contactform #formerrors {
	border:1px solid red;
	}
#formerrors h5 {
	color:red;
	}
/***************************
printing style
****************************/
@media print {
body {
	background-color: white; 
	color:black; 
	font-family: serif;
	font-size: 11px;
	}
}
/*end printing style*/