*, html { margin: 0; padding: 0; }
body { background: #f2f2f2 url(../images/body_bg.jpg) top repeat-x;  color: #484848;
  font-family: Verdana; font-size: 70%; }

#wrapper_outer { background: url(../images/lightSource.png) center top no-repeat; }
#topbar { height: 5px; background: #3c3c3c; display: none; }
#wrapper { width: 870px; margin: 0 auto; }

#header { overflow: hidden; padding-bottom: 10px; }
#header h1 { background: url(../images/logo.png) left top no-repeat; height: 75px; width: 332px; margin-left: 30px; float: left; }
#header h1 a { height: 75px; width: 332px; display: block; }
#header h1 a span { display: none; }
#header h4 { text-transform: uppercase; font-size: 1.25em; margin: 30px 60px 0 0; text-align: right; }
#header p { text-transform: uppercase; font-size: 1.1em; margin: 2px 60px 0 0; text-align: right; }
#header p strong { color: #d4251e; }

ul#main_menu { list-style-type: none; overflow: hidden; margin: 0 0 0 350px; }
ul#main_menu li { float: left; }
ul#main_menu li a { display: block; height: 27px; }
ul#main_menu li a span { display: none; }

a.home { background: url(../images/home.png) left -1px  no-repeat; width: 83px; }
a.shop { background: url(../images/shop.png) left -1px no-repeat; width: 92px; }
a.portfolio { background: url(../images/portfolio.png) left -1px no-repeat; width: 98px; }
a.faq { background: url(../images/faqs.png) left -1px no-repeat; width: 65px; }
a.contact { background: url(../images/contact.png) left -1px no-repeat; width: 130px; }

a.home:hover { background: url(../images/home_a.png) left -1px no-repeat; }
a.shop:hover { background: url(../images/shop_a.png) left -1px no-repeat; }
a.portfolio:hover { background: url(../images/portfolio_a.png) left -1px no-repeat; }
a.faq:hover { background: url(../images/faq_a.png) left -1px no-repeat; }
a.contact:hover { background: url(../images/contact_a.png) left -1px no-repeat; }

#content { padding-top: 5px; overflow: hidden; }
.interior #content { padding: 10px 30px 20px 35px; background: url(../images/content_bg.png) center repeat-y; }
#content_top { background: url(../images/content_top.png) -1px top  no-repeat; height: 18px; }
#content_bottom { background: url(../images/content_bottom.png) -1px top  no-repeat; height: 18px; }
#homeleft, #homemid, #homeright { float: left; padding: 20px 25px 20px 25px; width: 219px; height: 160px; background: url(../images/container.png) center top no-repeat; margin: 10px; }
h3.boxTitle { border-bottom: 1px solid #AAA; color: #e9362f; font-variant: small-caps; font-size: 1.2em; }
#homeleft p, #homemid p, #homeright p { padding: 10px 0 0 0; line-height: 1.5em; }
#homeleft a, #homemid a, #homeright a { color: #e9362f; }

#content_body { width: 580px; float: left; }
#content_body p { padding: 15px 0 0 0; line-height: 1.5em; }
#content_body h2 { border-bottom: 1px solid #ccc; text-transform: uppercase; font-size: 1.6em; }
img#shop_img { margin-top: -5px; padding: 0 5px 5px 5px; }

#sidebar { width: 180px; float: right; color: #fff; }
h3#testi { background: url(../images/testimonials.png) center top no-repeat; text-indent: -9999px; padding-bottom: 10px; }
p.quote { padding: 10px 0px 10px 20px; line-height: 1.5em; background: url(../images/rdquo.gif) 90% 90% no-repeat; }
div.quote { background: url(../images/ldquo.gif) 3px 8px no-repeat; }
p.source { font-size: .8em; color: #666; padding-left: 20px; }
div.divider { background: url(../images/hline.png) 5px top no-repeat; height: 1px; width: 175px; margin-top: 35px; }

div.buttons { text-align: center; margin-top: 30px; line-height: 2em; }
div.buttons a { display: block; width: 182px; height: 43px; }
div.buttons a span { display: none; }
div.buttons a.start { background: url(../images/Start-a-Project.png) center top no-repeat; }
div.buttons a.view { background: url(../images/View-Portfolio.png) center top no-repeat; }
.contact div.buttons a.view { background: url(../images/View-Portfolio.png) center top no-repeat; margin: -15px 0 0 -8px; }

#footer { border-top: 1px solid #999; padding: 5px 20px 0 15px; font-size: .8em; color: #999; }
.interior #footer { border: none; padding-top: 0px; }
p.footlinks { float: left; }
p.footlinks a { padding: 0 5px 0 5px; color: #666; }
p.copyright { float: right; }

span.formField { float: left; width: 150px; text-align: right; padding-right: 10px; }
.contact input { margin-right: 10px; }
.wide { width: 345px; }
.name { width: 165px; }
.city { width: 162px; }
.state { width: 50px; }
.zip { width: 105px; }
p.submitBtn { text-align: right; width: 518px; float: left; }
.submit { width: 100px; }

.contact #sidebar { text-align: center; }
h3#contactinfo { background: url(../images/contactinfo.png) center top no-repeat; text-indent: -9999px; padding-bottom: 10px; }
h3#fileupload { background: url(../images/fileupload.png) center top no-repeat; text-indent: -9999px; padding-bottom: 10px; margin-top: 20px; }
.contact #sidebar p { padding: 10px; line-height: 1.5em; }
.contact #sidebar a { color: #fff; }
p.form input { font-size: 0.9em; }
p.form input.email { width: 100%;  }
p.form input.uploadbtn { width: 100px; }
p.form textarea { width: 100%; }
p.form { text-align: left; }

ul#portfolio_list { margin: 20px 0 0 40px; }
ul#portfolio_list li { line-height: 1.5em; }