/*MAIN=============================================
===================================================*/

body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}

img {
	border:none;
}
#container { 
	width: 1090px; 
	background-image:url(../images/container_bg.jpg);
	background-repeat:no-repeat;
	margin: 0 auto; 
	border:none;
	text-align: left;
} 
#header { 
	background-image:url(../images/home-header.jpg);
	height:282px;
	float:left;
	width:1090px;

} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.flash {
float:right;
padding-right:50px;
}

.callout{
float:right;
width:400px;
padding-right:20px;
text-align:center;
font-size: 24px;
font-weight: bold;
color:#006600;
}

/* TOP NAVIGATION==============================================================================================================
=============================================================*/

/*ROOFING TOP************************************************/

#roofing_top {
width:100px;
float:left;
margin-left:275px;
display:inline;
padding:205px 0px 0px 0px;
}

#roofing_top ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#roofing_top li {
display:block;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#roofing_top a {
color:#FFFFFF;
text-decoration:none;
}

#roofing_top a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*SIDING TOP************************************************/

#siding_top {
width:100px;
float:left;
margin-left:75px;
padding:205px 0px 0px 0px;
}

#siding_top ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#siding_top li {
display:block;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#siding_top a {
color:#FFFFFF;
text-decoration:none;
}

#siding_top a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*WINDOWS TOP************************************************/

#windows_top {
width:100px;
float:left;
margin-left:50px;
padding:205px 0px 0px 0px;
}

#windows_top ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#windows_top li {
display:block;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#windows_top a {
color:#FFFFFF;
text-decoration:none;
}

#windows_top a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*RADIANT BARRIER TOP************************************************/

#barrier_top {
width:200px;
margin-left:70px;
float:left;
padding:205px 0px 0px 0px;
}

#barrier_top  ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#barrier_top  li {
display:block;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#barrier_top  a {
color:#FFFFFF;
text-decoration:none;
}

#barrier_top  a:hover {
color:#FFFFFF;
text-decoration:underline;
}




/* SIDE NAVIGATION=============================================================================================================
=============================================================*/

#sidenav {
padding-top:85px;
}

/*WHAT MAKES US DIFFERENT***************************/

#whyus {
height:25px;
width:225px;
padding-left:30px;
padding-top:15px;
background-image:url(../images/divider_whyus.jpg);
background-repeat:no-repeat;
background-position: 0px 30px;
}

#whyus ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#whyus li {
display:block;
color:#FFFFFF;
}

#whyus a {
color:#FFFFFF;
text-decoration:none;
}

#whyus a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*ROOFING***************************/

#roofing {
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;
background-image:url(../images/divider_roofing.jpg);
background-repeat:no-repeat;
background-position: 0px 15px;
}

#roofing ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#roofing li {
display:block;
color:#FFFFFF;
}

#roofing a {
color:#FFFFFF;
text-decoration:none;
}

#roofing a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*SIDING***************************/

#siding {
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;
background-image:url(../images/divider_siding.jpg);
background-repeat:no-repeat;
background-position: 0px 15px;
}

#siding ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#siding li {
display:block;
color:#FFFFFF;
}

#siding a {
color:#FFFFFF;
text-decoration:none;
}

#siding a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*WINDOWS***************************/

#windows {
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;
background-image:url(../images/divider_windows.jpg);
background-repeat:no-repeat;
background-position: 0px 15px;
}

#windows ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#windows li {
display:block;
color:#FFFFFF;
}

#windows a {
color:#FFFFFF;
text-decoration:none;
}

#windows a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*RADIANT BARRIER***************************/

#radiant_barrier {
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;
background-image:url(../images/divider_radiant_barrier.jpg);
background-repeat:no-repeat;
background-position: 0px 15px;
}

#radiant_barrier ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#radiant_barrier li {
display:block;
color:#FFFFFF;
}

#radiant_barrier a {
color:#FFFFFF;
text-decoration:none;
}

#radiant_barrier a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*FREE ESTIMATES***************************/

#free_estimates{
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;
background-image:url(../images/divider_free_estimates.jpg);
background-repeat:no-repeat;
background-position: 0px 15px;
}

#free_estimates ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#free_estimates li {
display:block;
color:#FFFFFF;
}

#free_estimates a {
color:#FFFFFF;
text-decoration:none;
}

#free_estimates a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*LOCATIONS/CONTACT***************************/

#locations_contact{
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;
background-image:url(../images/divider_locations_contact.jpg);
background-repeat:no-repeat;
background-position: 0px 15px;
}

#locations_contact ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#locations_contact li {
display:block;
color:#FFFFFF;
}

#locations_contact a {
color:#FFFFFF;
text-decoration:none;
}

#locations_contact a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*HOME***************************/

#home{
height:25px;
width:225px;
padding-left:30px;
padding-top:0px;

}

#home ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#home li {
display:block;
color:#FFFFFF;
}

#home a {
color:#FFFFFF;
text-decoration:none;
}

#home a:hover {
color:#FFFFFF;
text-decoration:underline;
}



/* LEFT SIDEBAR ==========================================================================
=============================================================*/
 #sidebar1 {
	float: left; 
	clear:left;
    width: 255px;
	background-image:url(../images/left_bg.jpg);
	height:413px;

}

/* MAIN CONTENT ===========================================================================
=============================================================*/
#mainContent { 
 padding:0px 0px 20px 0px;
 width:835px;
 float:right;
} 

#mainContent ul {
list-style:inside;
margin:0px;
padding:0px;
}

#mainContent li.header {
display:list-item;
list-style-image:url(../images/green_square.jpg);
font-size:14px;
font-weight:bold;
}

a.link {
color:#FF0000;
text-decoration:underline;
}

a.link:HOVER {
color:#003300;
text-decoration:underline;
}


/* FOOTER ========================================================================
=============================================================*/

 #footer { 
    background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	height:82px;
	color:#FFFFFF;
    padding: 5px 0px 0px 0px;
} 

#footer ul {
list-style:none;
margin:0px;
padding-left:20px;
}

#footer li {
display:inline;
padding:10px;
color:#FFFFFF;
font-size:12px;
}

#footer a:link {
color:#FFFFFF;
text-decoration:underline;
}

#footer a:visited {
color:#FFFFFF;
text-decoration:underline;
}

#footer a:HOVER {
color:#FFFFFF;
text-decoration:none;
}

#footer a:active {
color:#FFFFFF;
text-decoration:underline;
}


/* TEXT STYLES =====================================================================
================================================================*/

.style1 {font-size: 20px}

.style2 {
font-size:11px;
}

.style3 {
font-size:14px;
font-weight:bold;
}

/*ROOFING ========================================================================
=============================================================*/
#header_roofing { 
	background-image:url(../images/header_roofing.jpg);
	height:282px;

}

#mainContent_roofing { 
 padding:0px 0px 0px 0px;
 width:835px;
 float:right;
 background-image:url(../images/bg_roofing.jpg);
 background-repeat:no-repeat;
} 

/*SIDING ========================================================================
=============================================================*/
#header_siding { 
	background-image:url(../images/header_siding.jpg);
	height:282px;
    background-repeat:no-repeat;
}

#mainContent_siding { 
 padding:0px 0px 0px 0px;
 width:835px;
 float:right;
 background-image:url(../images/bg_siding.jpg);
 background-repeat:no-repeat;
}

/*WARRANTY ========================================================================
=============================================================*/
#header_sub { 
	background-image:url(../images/header_sub.jpg);
	height:282px;

}

/*WINDOWS/DOORS ========================================================================
=============================================================*/
#header_windows { 
	background-image:url(../images/header_windows.jpg);
	height:282px;

}

#mainContent_windows { 
 padding:0px 0px 0px 0px;
 width:835px;
 float:right;
 background-image:url(../images/bg_windows.jpg);
 background-repeat:no-repeat;
}

/*RADIANT BARRIER ========================================================================
=============================================================*/
#header_radiant { 
	background-image:url(../images/header_radiant.jpg);
	height:282px;

}

#mainContent_radiant { 
 padding:0px 0px 0px 0px;
 width:835px;
 float:right;
 background-image:url(../images/bg_radiant.jpg);
 background-repeat:no-repeat;
}