/* CSS Styles
   WeatherBest Shutters
 */
 
body {
margin: 0;
font-family: Arial, Tahoma, sans-serif;
background: #fff url(../imgs/body_bkgd.jpg) repeat-x left top;
text-align: center; /* IE */
}

#BodyWrapper {
width: 940px;
margin: 0 auto;
}

/* Basic Styles
------------------------------- */
h1, h2, h3, h4, h5, h6 {
color: #7d7d7d;
font-style: italic;
margin: 0 0 1em 0;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.9em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}

a:link, a:focus, a:visited {
color: #7d7d7d;
}

a:hover {
text-decoration: none;
}

#Col1 ul, #Col2 ul {
list-style-image: url(../imgs/bullet.gif);

}
#Col1 ul li, #Col2 ul li {
margin: .5em 0;
}

/* Header
------------------------------- */
#Header {
margin-top: .7em;
}
#Logo {
float: left;
}
#OrderNow {
float: right;
}
#MainNav {
clear: both;
margin-top: 1.8em;
}
#MainNav ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 .2em;;
}
#MainNav ul li {
float: left;
margin-right: 3em;
text-transform: uppercase;
}
#MainNav ul li.last {
margin-right: 0;
}
#MainNav ul li a:link, #MainNav ul li a:focus, #MainNav ul li a:visited {
color: #686868;
text-decoration: none;
font-size: .8em;
}
#MainNav ul li a:hover {
text-decoration: underline;
}
#MainNav ul li.active {
font-weight: bold;
}

/* Featured
------------------------------ */
#Featured {
height: 376px;
margin-top: 1.5em;
text-align: left;
}
#Featured h1 {
display: block;
background: transparent url(../imgs/fadeproof.png) no-repeat left top;
width: 382px;
height: 101px;
margin: 0;
text-indent: -31000px;
}
#LeftFeatured {
float: left;
width: 400px;
margin-top: 2em;
font-size: .9em;
color: #fff;
line-height: 1.5em;
}
#LeftFeatured p {
margin: 1.5em 0;
}
#RightFeatured {
margin-top: 1.5em;
float: right;
}
#RightFeatured #Rotator {
position: relative;
width: 446px;
height: 305px;
background: transparent url(../imgs/rotator_bkgd.png) no-repeat left top;
}
#Rotator .Controls {
position: absolute;
bottom: 0;
right: 10px;
z-index: 3000;
}
.Controls .Previous, .Controls .Next {
display: inline-block;
width: 22px;
height: 15px;
background: transparent url(../imgs/previous.png) no-repeat left top;
}
.Controls .Next {
background: transparent url(../imgs/next.png) no-repeat left top;
}
#Rotator ul {
position: relative;
margin: 0;
list-style-type: none;
padding: 0;
}
#Rotator ul li {
padding: 27px 9px 0 23px;
display: none;
}

/* Content
---------------------------- */
#ContentWrapper {
clear: both;
margin-top: 2em;
}
#Col1, #Col2 {
text-align: left;
color: #656565;
font-size: .8em;
}
#Col1 {
float: left;
width: 400px;
margin-right: 70px;
line-height: 1.5em;
}
#Col1 div.CallOut {
border: solid 2px #aaaaaa;
background: #eee;
padding: 7px;
margin-bottom: 2em;
}
#Col1 div.CallOut h2, #Col1 div.CallOut h3 {
font-style: normal;
}
#Col2 {
float: left;
width: 470px;
line-height: 1.5em;
}

/* Footer
---------------------------- */
#Footer {
height: 100px;
border-top: solid 1px #c1c1c1;
background-color: #ececec;
margin-top: 1.5em;
}
#FooterContent {
width: 940px;
margin: 0 auto;
text-align: left;
}
#FooterLeft {
float: left;
font-size: .8em;
color: #656565;
font-size: .8em;
}
/* Fixes */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}