html, body
{
background: #f6e13f url(../images/bg-body.gif) top repeat-x; 
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

div#container
{
width: 728px;
margin: auto;
}

img#logo
{
float: left;
padding-top: 20px;
padding-left: 30px;
padding-bottom: 10px;
}

ul#global
{
float: right;
padding-top: 15px;
}

ul#global li
{
display: inline;
}

ul#global li a
{
color: #1263ad;
font-family: "Trebuchet MS", Arial, sans-serif;
padding-right: 10px;

}

div#header h2
{
clear: right;
float: right;
color: #d97700;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: italic; 
padding-top: 20px;
padding-right: 10px;
width: 400px;
text-align: right;
}



ul#menu 
{
clear: both;
background-image:url(../images/bg-menu.gif);
height:22px;
background-repeat: no-repeat;
text-align: center;
padding-top: 27px;
}

ul#menu li
{
display: inline;

}

ul#menu li a
{
text-decoration: none;
color: #1263ad;
font-weight: bold;
font-size: 13px;

}

li#how
{
padding-left: 20px;
padding-right: 40px;

}

li#faq
{
padding-right: 35px;
}

li#getstarted
{
padding-right: 40px;
}

li#projectphotos
{
padding-right: 30px;
}

li#testimonials
{
padding-left: 5px;
padding-right: 30px;
}

li#articles
{
padding-right: 30px;
}

li#blog
{
padding-right: 30px;
}

div#masthead
{
height: 240px;
background-image:url(../images/masthead.jpg);
padding-left: 50px;
}

div#masthead h1
{
color: #f28f17;
font-weight: bold;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 24px;
padding-top: 40px;
padding-bottom: 8px;
}

div#masthead h3
{
color: #1263ad;
font-weight: bold;
font-size: 14px;
padding-bottom: 20px;
}

div#masthead label
{
display: block;
font-weight: bold;
color: #3e3e3e;
padding-bottom: 8px;
padding-left: 30px;
}

div#masthead select
{
display: block;
margin-bottom: 5px;
border: 1px solid #7e9db9;
margin-left: 30px;
width: 200px;
}

div#masthead input
{
margin-top: 10px;
margin-left: 30px;
}

div#content
{
background-image:url(../images/bg-content.gif);
padding-top: 5px;
}

div#bluebox
{
background-color: #c8dcec;
width: 704px;
margin: auto;

}

div#bluebox-top
{
height: 13px;
background-image:url(../images/bg-bluebox-top.gif);
}

div#bluebox-bottom
{
clear: both;
height: 10px;
background-image:url(../images/bg-bluebox-bottom.gif);
}

div#steps
{
float: left;
width: 250px;
padding-left: 20px;
border-right: 1px solid #8bb2d6;
padding-right: 10px;
}

div#steps h3
{
font-weight: bold;
color: #f28f17;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 18px;
padding-bottom: 20px;
}

div#steps h4
{
font-weight: bold;
color: #1263ad;
padding-bottom: 3px;
}

div#steps p
{
font-family: "Trebuchet MS", Arial, sans-serif;
color: #2a2a2a;
line-height: 14px;
padding-bottom: 20px;
}

div#steps img
{
float: left;
padding-bottom: 10px;
padding-right: 10px;
}

div#steps a
{
color: #1263ad;
padding-left: 34px;
}

div#testimonials 
{
margin-left: 20px;
float: left;
width: 380px;
border-bottom: 1px solid #8bb2d6;
padding-bottom: 10px;
}


div#testimonials h3
{
font-weight: bold;
color: #1263ad;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 14px;
padding-bottom: 20px;
}

div#testimonials p
{
line-height: 16px;
color: #2a2a2a;
font-family: "Trebuchet MS", Arial, sans-serif;
}

div#testimonials a
{
padding-top: 10px;
color: #1263ad;
}

div#blogposts
{
margin-left: 20px;
float: left;
width: 380px;
padding-top: 10px;
}

div#blogposts h3
{
font-weight: bold;
color: #1263ad;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 14px;
padding-bottom: 10px;
}

div#blogposts p
{
padding-top: 5px;
padding-bottom: 5px;
}


div#blogposts a
{
color: #1263ad;
text-decoration: none;
}

div#blogposts a:hover
{
text-decoration: underline;
}

div#yellowbox{

background-color: #fcf3bf;
width: 704px;
margin: auto;
margin-top: 5px;}

div#yellowbox-top
{
height: 10px;
background-image:url(../images/bg-yellowbox-top.gif);
}

div#yellowbox-bottom
{
clear: both;
height: 26px;
background-image:url(../images/bg-footer2.gif);
}

div#projectphotos
{
width: 250px;
float: left;
padding-left: 20px;
border-right: 1px solid #c7c28c;
padding-right: 10px;
}

div#projectphotos h3
{
font-weight: bold;
color: #f28f17;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 18px;
padding-bottom: 20px;
}

div.beforeAndAfter img
{
padding-bottom: 20px;
}

div.beforeAndAfter span
{
font-family: "Trebuchet MS", Arial, sans-serif;
line-height: 18px;
padding-top: 10px;
}

div.beforeAndAfter a
{
color: #1263ad;
}

div#popular
{
float: left;
margin-left: 20px;
width: 380px; 
font-family: "Trebuchet MS", Arial, sans-serif;
}

div#popular h3
{
font-weight: bold;
color: #f28f17;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 14px;
padding-bottom: 20px;
}

div#popular a
{
text-decoration: none;
color: #1263ad;
}

div#popular a:hover
{
text-decoration: underline;
}

div#footer
{
text-align: center;
padding-top: 10px;
line-height: 20px;
color:#2d2d2d;
font-size: 11px;
padding-bottom: 20px;
}

div#footer a
{
color:#2d2d2d;
padding-right: 5px;
padding-left: 5px;
}