@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { font: normal 14px Verdana,Arial,Geneva,sans-serif; line-height: 20px; background: #fff url("../images/bkg_nav.jpg") repeat-y; }
p { padding: 0 0 10px 0; }

h1.logo { background: transparent url("../images/patterned_concrete_logo.jpg") no-repeat; width: 150px; height: 103px; }
h1.logo a { display: block; width: 150px; height: 103px; }
h1.logo span { margin-left: -9999em; }

h2.art { background: transparent url("../images/art_of_concrete_living.jpg") no-repeat; width: 548px; height: 103px; }
h2.art a { display: block; width: 548px; height: 103px; }
h2.art span { margin-left: -9999em; }

h3 { margin: 0 0 5px 0; color: #006; font-size: 1.2em; line-height: 1.6em; }

a { color: #007; text-decoration: none; }
a:hover { color: #00b; text-decoration: underline; }

hr { height: 1px; background-color: #999; margin: 5px 0; color: #ccc; border: 0; }

#header { width: 100%; background: #fff url("../images/bkg_header.jpg") repeat-x; height: 103px; }
#header div.logoContainer { width: 150px; height: 103px; float: left; }
#header div.artContainer { width: 548px; height: 103px; float: left; }

#nav { float: left; width: 150px; }
#nav p.top { background: transparent url("../images/bkg_nav_top.jpg") no-repeat; width: 150px; height: 22px; padding: 0; }
#nav p.top span { margin-left: -9999em; }

#nav p.bottom { background: transparent url("../images/bkg_nav_bottom.jpg") no-repeat; width: 150px; height: 62px; padding: 0; }
#nav p.bottom span { margin-left: -9999em; }

#nav ul li.home { width: 150px; height: 28px; background: transparent url("../images/nav/home.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.home:hover { background: transparent url("../images/nav/home_o.jpg") no-repeat; }
#nav ul li.home a { display: block; width: 150px; height: 28px; }
#nav ul li.home span { margin-left: -9999em; }

#nav ul li.services { width: 150px; height: 28px; background: transparent url("../images/nav/services.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.services:hover { background: transparent url("../images/nav/services_o.jpg") no-repeat; }
#nav ul li.services a { display: block; width: 150px; height: 28px; }
#nav ul li.services span { margin-left: -9999em; }

#nav ul li.patterned { width: 150px; height: 28px; background: transparent url("../images/nav/patterned_concrete.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.patterned:hover { background: transparent url("../images/nav/patterned_concrete_o.jpg") no-repeat; }
#nav ul li.patterned a { display: block; width: 150px; height: 28px; }
#nav ul li.patterned span { margin-left: -9999em; }

#nav ul li.overlay { width: 150px; height: 28px; background: transparent url("../images/nav/overlay_concrete.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.overlay:hover { background: transparent url("../images/nav/overlay_concrete_o.jpg") no-repeat; }
#nav ul li.overlay a { display: block; width: 150px; height: 28px; }
#nav ul li.overlay span { margin-left: -9999em; }

#nav ul li.stained { width: 150px; height: 28px; background: transparent url("../images/nav/stained_concrete.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.stained:hover { background: transparent url("../images/nav/stained_concrete_o.jpg") no-repeat; }
#nav ul li.stained a { display: block; width: 150px; height: 28px; }
#nav ul li.stained span { margin-left: -9999em; }

#nav ul li.company { width: 150px; height: 28px; background: transparent url("../images/nav/our_company.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.company:hover { background: transparent url("../images/nav/our_company_o.jpg") no-repeat; }
#nav ul li.company a { display: block; width: 150px; height: 28px; }
#nav ul li.company span { margin-left: -9999em; }

#nav ul li.contact { width: 150px; height: 28px; background: transparent url("../images/nav/contact_us.jpg") no-repeat; width: 150px; height: 28px; }
#nav ul li.contact:hover { background: transparent url("../images/nav/contact_us_o.jpg") no-repeat; }
#nav ul li.contact a { display: block; width: 150px; height: 28px; }
#nav ul li.contact span { margin-left: -9999em; }

#content { float: left; width: 750px; }

#content div.left { margin: 0 50px; float: left; width: 300px; padding: 25px 0; }
#content div.full { margin: 0 0 0 50px; float: left; width: 650px; padding: 25px 0; }
#content div.images { float: right; width: 300px; text-align: center; padding: 25px 0; }

div.horizontalNav { clear: both; text-align: center; margin: 25px 0; }
div.horizontalNav ul { display: inline; }
div.horizontalNav li { display: inline; padding: 0 5px; border-right: solid 1px #999; font-size: .85em; }
div.horizontalNav li.last { border: 0; }

#gallery { margin: 10px 50px; }
#gallery span.label { font-size: 11px; line-height: 14px; }
#gallery a:hover { text-decoration: none; }