body { background-repeat: repeat-x; }
.sitewidth { margin: 0 auto; width: 910px; }
#topbar { width: 100%; background-repeat: repeat-x; background-position: 0px top; background-color: #141313; background-image: url(../img/nav-bg.gif); }
ul#nav { padding: 0px; height: 79px; }
ul#nav li { float: left; margin-right: 15px; margin-left: 0px; list-style-type: none; }
ul#nav li:hover .box, ul#nav li.current .box {
   background: #3d75b0 url(../img/nav-grad.gif) repeat-x top left;
}
ul#nav li:hover .bottom div, ul#nav li.current .bottom div {
   background: url(../img/nav-bl.gif) no-repeat bottom left;
}
ul#nav li:hover .bottom, ul#nav li.current .bottom {
   background: transparent url(../img/nav-br.gif) no-repeat bottom right;
}
ul#nav .top div, ul#nav .top,
ul#nav .bottom div, ul#nav .bottom {
   height: 10px;
   font-size: 1px;
}
ul#nav .content { height: 54px; margin: 0 10px; }
ul#nav a { margin-right: 10px; margin-left: 10px; font-family: "Lucida Sans Unicode", "Lucida Grande", "MGOpen Moderna", Verdana, Arial, sans-serif; 
	line-height: 80px; 
	text-decoration: none; 
	font-size: 16px; 
	font-variant: normal; 
	color: white; 
}

#head img.logo { margin: 20px; }
#head #free-estimate { text-align: right; margin-top: 50px; margin-right: 5px; font-size: 150%; float: right; }
.event .box {
   text-align: center;
   margin-right: 20px;
   float: left;
   background: #184789;
   width: 40px;
}
.event .top div {
   background: url(../img/event-tl.png) no-repeat top left;
}
.event .top {
   background: url(../img/event-tr.png) no-repeat top right;
}
.event .bottom div {
   background: url(../img/event-bl.png) no-repeat bottom left;
}
.event .bottom {
   background: url(../img/event-br.png) no-repeat bottom right;
}

.event .top div, .event .top, 
.event .bottom div, .event .bottom {
   width: 100%;
   height: 6px;
   font-size: 1px;
}
.event .content { margin-left: 5px; margin-bottom: 0; margin-right: 5px; margin-top: 0; }
#headline { width: 910px; }
#headline p { padding: 0px; }
#headline .left { float: left; width: 454px; height: 315px; background-image: url(../img/bg-headline.jpg); background-position: left center; background-repeat: no-repeat; }
#headline .left img.tagline { margin-left: 85px; margin-top: 90px; }
#headline .left img.free-estimate { margin-right: 40px; margin-top: 40px; float: right; }
#headline .right  { height: 315px; }
.fltlft { float: left; }
.fltrt { float: right; }
.clrflt { clear: both; }
.orange, .orange a { color: #bf431c; }
#body { font-size: 16px; font-family: Arial, Helvetica, Verdana, sans-serif; }
#body a { font-weight: bold; text-decoration: underline; color: #184789; }
#body a:hover { text-decoration: none; }
#body .leftcol { width: 410px; float: left; margin-left: 20px; margin-top: 50px; }
#body .rightcol { margin-top: 50px; width: 410px; margin-left: 500px; }
.leftcol img.ecommerce { padding-bottom: 25px; padding-right: 30px; padding-left: 15px; float: left; }
.leftcol p.theres-more { margin-top: 28px; }
.rightcol img.latest { padding-bottom: 75px; }
.event p, #body .event h4 a { font-size: smaller; color: black; }
.event { margin-bottom: 15px; }
.event span.day { font-size: 20px; font-weight: bold; color: #6eabe0; }
.event span.month { font-size: 14px; color: white; }
#footer { margin-top: 25px; clear: both; }
#footer #latest { padding-bottom: 20px; background-color: #e5e4c5; }
#latest .client { padding-left: 21px; padding-bottom: 0; padding-right: 21px; padding-top: 0; width: 185px; float: left; }
#latest p.orange { font-size: 16px; font-weight: bold; }
#latest img.check-it-out { padding: 20px; }
.client span a { text-decoration: underline; color: #215a90; }
.client span a:hover { text-decoration: none; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
#goodbye { font-size: 12px; padding: 20px; font-weight: bold; color: white; background-color: #131211; text-align: center; }
#goodbye a { color: white; text-decoration: none; }
#goodbye a:hover { text-decoration: underline; }