body{

background: #fff url(../images/nbackground.jpg) repeat-x left top;
height: 100%;
text-align: center;
font-family: "century gothic", tahoma, arial, verdana, sans;

}

input[type=text], textarea{
font-family:"century gothic", tahoma, arial, verdana, sans;
padding: 5px;
border:1px solid #00769b;
color: #666;
background: url(http://www.findmycourier.com/assets/images/bidrow_bg.png) repeat-x left bottom;
}

label{
width:150px;
float:left;
}

#topshadow {

position: absolute;
top: 0px;
left: 0;
background: url(../images/topshadow.png) repeat-x left bottom;
display: block;
width: 100%;
height: 110px;
z-index: -1;

}

#container {

width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;

}

#top {

display: block;
height: 110px;
width: 100%;
background: url(../images/header.png) no-repeat center bottom;

}

#logo {

display: block;
height: 177px;
width: 100%;
background: url(../images/web-design-logo.jpg);
text-align: center;
padding-top: 158px;
font-size: 1.25em;

}

#logo ul li {

display: inline;
margin: 0 10px;

}

#logo a, #logo a:visited {

color: #00769b;
text-decoration: none;

}

#logo a:hover {

color: #059ece;
text-decoration: none;

}

#sash {

position: absolute;
top: 110px;
left: 0;
display: block;
height: 335px;
width: 100%;
background-color: #fff;
z-index: -1;

}

#bottomshadow {

position: absolute;
top: 445px;
left: 0;
display: block;
height: 15px;
width: 100%;
background: url(../images/bottomshadow.png) repeat-x left top;

}

#webdesign {

display: block;
width: 100%;
height: 100px;
background: url(../images/webdesign.png) no-repeat center bottom;

}

#webdesignshadow {

display: block;
height: 75px;
width: 100%;
background: url(../images/webdesignshadow.jpg) no-repeat center top;

}

#lowertopshadow {

position: absolute;
top: 530px;
left: 0;
background: url(../images/topshadow.png) repeat-x left bottom;
display: block;
width: 100%;
height: 15px;
z-index: -1;

}

#specialOffer{

position:absolute;
top:0;
left:0;
background: #f2f7ff;
padding:10px 0;
margin:0;
color:#00769b;
display:none;
width:100%;
border-bottom:3px dashed #00769b;

}

.superhighlight{

font-weight:bold;
font-size:20px;
color:#00769b;

}

#specialOffer p{

color: #666;

}

#specialOffer a{

z-index:100;

}

#blogwrapper {

display: block;
height: 65px;
width: 100%;
font-size: 0.75em;
color: #fff;

}

#blogwrapper a {

color: #fff;
text-decoration: none;

}

#blog {

float: left;
background: url(../images/blog.png) no-repeat center top;
display: block;
height: 39px;
width: 305px;
padding-left: 65px;
padding-top: 26px;

}

#twitter {

float: right;
background: url(../images/twitter.png) no-repeat center top;
display: block;
height: 39px;
width: 305px;
padding-right: 65px;
padding-top: 26px;
text-align: right;

}

#maincontent {
margin: 30px 0 0 0;
color: #515151;
line-height: 1.5em;
padding: 0 0 20px 0;
}

#maincontent h1, #maincontent h2 {


font-size: 3em;
color: #00769b;

}

#maincontent h4{

color: #00769b;
font-size: 1em;

}

#maincontent a {

color: #00769b;
text-decoration: none;

}

#maincontent a:hover {

color: #059ece;
text-decoration: none;

}

#maincontent a:visited {

color: #00769b;
text-decoration: none;

}

#boxesCont{

margin:0 0 35px 0;

}

.boxes{

width:180px;
float:left;
margin-right:60px;
text-align:center;

}

#boxesCont .boxes h1{

font-size:20px;
border-bottom: 1px dotted #00769b;

}

#boxesCont .boxes p{

color:#000;
font-size:15px;

}

#blogbit {

float: left;
display: block;
width: 100%;
padding: 0 0 50px 0;

}

#blogmain {

float: left;
display: block;
width: 600px;
border-right: 1px solid #999;
padding-right: 50px;

}

#blogmain h3 {

font-size: 1.8em;
margin: 10px 0;

}

#blogmain .meta {

font-size: 90%;

}

#blogmain .feedback {

font-size: 90%;
margin-bottom: 30px;

}

#postcomment {

margin-top: 30px;

}

#commentlist {

display: block;

}

#commentlist li {

margin: 15px 0 0 0;
border: 1px solid #999;
background-color: #ededed;
padding: 10px;

}

#menu {

float: right;
display: block;
width: 200px;


}

#menu a {

font-size: 80%;

}

#recent-posts-3, #archives-3, #search-3, #meta-3 {margin-bottom: 25px;}


cite {

font-size: 80%;

}


.portfoliosections {

display: block;
width: 900px;
margin: 0 0 35px 0;
height: 400px;
border-top: 1px solid #00769b;
padding-top: 5px;

}

.portfoliosections h2{

font-size: 1em !important;

}

.picture {

float: left;
display: block;
width: 400px;

}

.text {

display: block;
width: 410px;
float: right;
color: #515151;
text-align: center;

}

#links {

clear: both;
display: block;
width: 100%;
border-top: 1px dotted #00769b;
text-align: center;
padding-top: 15px;

}


#links a {

font-size: 1em;
color: #00769b;
text-decoration: none;
margin: 0 15px 0 15px;

}

#links a:hover {

color: #059ece;
text-decoration: none;

}

#links a:visited {

color: #00769b;
text-decoration: none;

}

#copy {

font-size: 0.6em;
color: #515151;

}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

#footer {

margin: 35px 0 0 0;
display: block;
height: 150px;
width: 100%;
background: url(../images/lowerbackground.jpg) repeat-x left top;

}

#footertopshadow {

display: block;
width: 100%;
height: 150px;
background: url(../images/bottomshadow.png) repeat-x left top;

}

#footerbottomshadow {

display: block;
width: 100%;
height: 150px;
background: url(../images/topshadow.png) repeat-x left bottom;

}

#sewerleft {

float: left;
display: block;
height: 150px;
width: 70%;
background: url(../images/sewerleft.png) no-repeat left top;
}

#sewerright {

float: right;
display: block;
height: 150px;
width: 30%;
background: url(../images/sewerright.png) no-repeat right top;

}

#stain {

display: block;
height: 150px;
width: 100%;
background: url(../images/stain.gif) repeat-x left top;
z-index: -10;

}

.submitFormButton{
margin:15px 0 0 446px;
padding: 10px;
width:150px;
background: #fff url(http://www.findmycourier.com/assets/images/bidrow_bg.png) repeat-x left bottom;
border:1px solid #00769b;
color:#00769b;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.submitFormButton:hover{
background-color:#bdd7ff;
font-weight:bold;
cursor:pointer;
}

.smallText{

font-weight:bold;
font-size:11px;

}

.floatLeft{
width:auto;
float:left;
}

.subhead{
font-weight:bold;
color:#00769b;
font-size:15px;
margin:15px 0 0 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */