@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Arvo:400,700);

@import url(http://fonts.googleapis.com/css?family=PT+Sans);

body {
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/blu-roof-bg.jpg);
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 0px;
margin-top: 0px;
font-size: 1em;
}


a {
outline: none;
}


h1 {
font-family: "Arvo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 1.35em;
color: #000;
text-transform: uppercase;
margin-top: 5px;
letter-spacing: 0.05em;
}


#centercontainer {
background-color: #FFFFFF;
border-top-color: #1F5AAA;
border-top-style: solid;
border-top-width: 20px;
margin-left: auto;
margin-right: auto;
width: 960px;
}


#header {
height: 105px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-top: 10px;
text-align: left;
width: 960px;
background-image: url(images/hdr-bg-layer.png);
background-repeat: no-repeat;
}


#nav {
width: 960px;
margin-right: auto;
margin-left: auto;
float: left;
clear: right;
height: 25px;
overflow: hidden;
background-attachment: scroll;
background-image: url(images/nav-bg-01.jpg);
background-repeat: no-repeat;
}


#nav ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 235px;
}


#nav li {
float: left;
list-style-type: none;
padding-right: 48px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
color: #0F3062;
text-transform: uppercase;
font-family: "Arvo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight: 400;
}


#nav a {
text-decoration: none;
color: #fff;
/* [disabled]font-weight: bold; */
letter-spacing: 0.035em;
}


#nav a:hover {
text-decoration: none;
color: #8ABAFF;
}


#bodycontainer {
width: 960px;
margin-right: auto;
margin-left: auto;
clear: left;
padding-top: 10px;
height: 970px;
overflow: hidden;
background-image: url(images/center-roofing-bg-01.png);
background-attachment: scroll;
background-repeat: no-repeat;
text-align: left;
}


#leftcol {
width: 267px;
float: left;
}


#rightcol {
width: 693px;
margin-right: 0px;
margin-left: 267px;
font-size: 0.9em;
color: #1F5AA9;
font-family: "Arvo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height: 1.5em;
}


#rightcol p {
font-family: "Arvo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 1.05em;
color: #4F4F4F;
margin-top: 0px;
line-height: 1.4em;
margin-right:30px;
}

/* sales page css */
#rightcol a {
	text-decoration: none;
	color: #0f3062;
}


#rightcol a:hover {
	text-decoration: none;
	color: #3D6391;
}
/*end  sales page css */

#footer {
width: 960px;
margin-right: auto;
margin-left: auto;
background-color: #193366;
color: #cccccd;
font-size: 12px;
padding-top: 15px;
padding-bottom: 35px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
letter-spacing: 0.062em;
}


#list    {
font-family: 'PT Sans', sans-serif;
;
font-size: 1em;
color: #1F5AA9;
margin-top: 0px;
line-height: 1.5em;
}


#steelcobug {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #0F3062;
margin-top: 5px;
line-height: 16px;
font-weight: bold;
text-align: right;
}


#steelcobug a {
text-decoration: none;
color: #0f3062;
font-weight: bold;
}


#steelcobug a:hover {
text-decoration: none;
color: #3D6391;
}


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


#footer  a:hover {
text-decoration: none;
color: #5e93c5;
}


.currentpage   {
color: #4188FF;
/* [disabled]font-weight: bold; */
}


#rightcol .newprodbox {
  width: 320px;
  margin-right: 10px;
  float: left;
}

.clearboth {
  clear: both;
  height: 10px;
}

#rightcol ul {
color: #1F5AA9;
font-size: 1em;
line-height: 1.5em;
font-family: 'PT Sans', sans-serif;
;
}