/* Layout */
@import url("reset.css");
body {font-family: Arial, sans-serif; font-size: 82.5%; text-align: center; background: #fff; background: #000 url(../img/bg.jpg) no-repeat 50% 0;}
#page {text-align: left; width: 940px; margin: 0 auto; position: relative;}
#header {height: 198px; position: relative; background: url(../img/header.jpg) no-repeat top left;}
#header h1, #header p {text-indent: -9999px;}
#header a {display: block; position: absolute; height: 72px; width: 166px; top: 55px; left: 68px;}

#nav {height: 47px; width: 940px; position: absolute; top: 151px; left: 0;}
#nav li {position: absolute; height: 25px; top: 12px; text-indent: -9999px;}
#nav li a {display: block; width: 100%; height: 25px; text-align: center; padding: 8px 0 0 0;}
#nav #home {width: 56px; left: 54px;}
#nav #home a:hover, .home #home a {background: url(../img/nav_home.jpg) no-repeat top left;} 
#nav #why {width: 138px; left: 152px;}
#nav #why a:hover, .why #why a {background: url(../img/nav_why.jpg) no-repeat top left;} 
#nav #services {width: 73px; left: 328px;}
#nav #services a:hover, .services #services a {background: url(../img/nav_services.jpg) no-repeat top left;} 
#nav #about {width: 83px; left: 441px;}
#nav #about a:hover, .about #about a {background: url(../img/nav_about.jpg) no-repeat top left;} 
#nav #jobs {width: 47px; left: 565px;}
#nav #jobs a:hover, .jobs #jobs a {background: url(../img/nav_jobs.jpg) no-repeat top left;} 
#nav #quote {width: 142px; left: 650px;}
#nav #quote a:hover, .quote #quote a {background: url(../img/nav_quote.jpg) no-repeat top left;} 
#nav #news {width: 52px; left: 833px;}
#nav #news a:hover, .news #news a {background: url(../img/nav_news.jpg) no-repeat top left;} 

.home #banner {background: url(../img/banner_homepage.jpg) no-repeat top left; height: 290px;}

#intro {display: none;}
#slideshow {position: absolute; width: 470px; height: 290px; top: 198px; right: 0;}
#slideshow img {position: absolute; top: 0; right: 0; display: none;}

#clients {height: 168px; background: url(../img/clients.jpg) no-repeat top left; position: relative; margin: 0 0 40px 0;}
#clients a {display: block; position: absolute; height: 70px; top: 50px; text-indent: -9999px;}
#clients a:hover {background: url(../img/clients_hover.png) no-repeat 50% 0;}
#clients #chops {width: 122px; left: 70px;}
#clients #bistro {width: 158px; left: 218px;}
#clients #pazzo {width: 94px; left: 394px;}
#clients #weatherburn {width: 181px; left: 505px;}
#clients #pink {width: 178px; left: 705px;}

#footer {border-top: 1px solid #111; margin: 0 40px 40px 40px; height: 40px; background: url(../img/novelty.jpg) no-repeat 736px 8px; position: relative;}
#footer p {color: #fff; padding: 8px 20px; line-height: 150%; font-size: 11px;}
#footer p a {font-weight: bold;}
#footer p span {color: #555;}
#footer p em {font-weight: bold;}
#footer #novelty {display: block; width: 118px; height: 50px; position: absolute; top: 8px; right: 10px; text-indent: -9999px;}
#footer #novelty:hover {background: url(../img/clients_hover.png) no-repeat 50% -5px;}
#footer #valet_directory {display: block; width: 100px; height: 40px; position: absolute; top: 4px; right: 138px; text-indent: -9999px; background: url(../img/valet_directory_badge.png) no-repeat top left;}

#content {padding: 20px 60px 20px 60px;}
#content h2 {font-size: 2em; color: #fff; margin: 0 0 10px 0;}
#content h3 {font-size: 1.4em; color: #fff; margin: 0 0 10px 0;}
#content p {color: #fff; line-height: 150%; margin: 0 0 10px 0;}
#content p em {font-weight: bold;}
#content ul {list-style: square; margin: 0 0 10px 40px;}
#content ul li {color: #fff; line-height: 150%;}

.entry {padding: 10px 0 0 0; border-top: 1px solid #111; margin: 0 0 10px 0;}
.entry .date {font-style: italic;}

#wide {margin: 10px 40px 0 40px;}

a {color: #fff;}
a:hover {color: #555;}

#title_why {width: 265px; height: 31px; background: url(../img/title_why.jpg) no-repeat top left; text-indent: -9999px;}
#title_services {width: 356px; height: 31px; background: url(../img/title_services.jpg) no-repeat top left; text-indent: -9999px;}
#title_about {width: 147px; height: 24px; background: url(../img/title_about.jpg) no-repeat top left; text-indent: -9999px;}
#title_jobs {width: 72px; height: 24px; background: url(../img/title_jobs.jpg) no-repeat top left; text-indent: -9999px;}
#title_quote {width: 273px; height: 30px; background: url(../img/title_quote.jpg) no-repeat top left; text-indent: -9999px;}
#title_news {width: 83px; height: 23px; background: url(../img/title_news.jpg) no-repeat top left; text-indent: -9999px;}