body { margin: 0; padding: 0; background: #fff; font-family: Helvetica; }

a, a:active, a:visited { border: 0 }

ul, li { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
li a { color: #000; font-weight: 700; text-decoration: none }
li a:active, .active-link { color: #C9DA2A !important }

a.button { display: block; height: 60px }
.button span { display: none }

/* Main Layout
---------------------------- */
#container { width: 970px; height: 680px; margin: 0 auto; position: relative; }
#wrap { height: 590px; position: relative; }
#footer { padding: 40px 0 0 0; }
#home-pic, #home { display: none; }

#footer-links, #footer-links li { margin: 0; padding: 0; display: block; float: left; height: 12px; }
#footer-links a.button, #footer-links li.plus { height: 12px; background: url(assets/footer-links.png) no-repeat; }
#footer-links a#promos-link { width: 64px; }
#footer-links a#promos-link:hover { background-position: 0 -16px; }
#footer-links li.plus { width: 36px; background-position: -66px 0; }
#footer-links a#info-link { width: 40px; background-position: -104px 0; }
#footer-links a#info-link:hover { background-position: -104px -16px; }
#footer-links a#contact-link { width: 72px; background-position: -184px 0; }
#footer-links a#contact-link:hover { background-position: -184px -16px; }
#footer-links a#client-link { width: 110px; background-position: -296px 0; }
#footer-links a#client-link:hover { background-position: -296px -16px; }
#footer-links a#awards-link { width: 150px; background-position: -448px 0; }
#footer-links a#awards-link:hover { background-position: -448px -16px; }

/* Home page
---------------------------- */
#home-title { width: 639px; height: 333px; margin-bottom: 10px; }
.home-links, .home-links li { margin: 0; padding: 0; display: block; float: left; height: 48px; }
.home-links a.button, .home-links li.b-amp, .home-links li.b-comma { height: 48px; background: url(assets/home-links-2.png) no-repeat; }
.home-links li a#b-lifestyle-link { width: 340px; background-position: left top; }
.home-links li a#b-lifestyle-link:hover { background-position: 0 -110px }
.home-links li.b-comma { width: 15px; background-position: -340px 0; }
.home-links li a#b-editorial-link { width: 350px; background-position: -355px 0; }
.home-links li a#b-editorial-link:hover { background-position: -355px -110px; }
.home-links li.b-amp { width: 48px; background-position: 0 -50px; }
.home-links li a#b-advertising-link { width: 435px; background-position: -48px -50px; }
.home-links li a#b-advertising-link:hover { background-position: -48px -160px; }

#info-title { width: 641px; height: 351px; }

/* Contact page
-----------------------------*/
/*#contact br { clear: both }*/
/*#contact h1 { background: url(assets/contact-title.png) no-repeat; float: left; margin: 15px 0 0 0; }*/
#contact span { display: none; }
/*#contact a.button { background: url(assets/contact-title.png) no-repeat; }*/

/*#contact h1#call-title { width: 696px; height: 140px; border: solid 1px red;} */
#contact #repBy { width: 696px; height: 145px; background: url(assets/contact-RepByRobScott.png) no-repeat;} 
/* #contact h1#phone-label { width: 365px; height: 42px; background-position: 0 -60px } */
#contact #email-title { width: 696px; height: 64px; background: url(assets/contact-EmailTitle.png) no-repeat;} 
#contact a#email-link { width: 505px; height: 46px; background: url(assets/contact-RobScottEmail.png) no-repeat;} 
#contact a#email-link2 {width: 696px; height: 46px; background: url(assets/contact-InfoEmail.png) no-repeat;} 
#contact a#email-link:hover { background: url(assets/contact-RobScottEmail-Over.png) no-repeat;} 
#contact a#email-link2:hover { background: url(assets/contact-InfoEmail-Over.png) no-repeat; } 
#contact #visit-title { width: 696px; height: 71px; background: url(assets/contact-VisitTitle.png) no-repeat;}
#contact a#visit-link { width: 280px; height: 69px; background: url(assets/contact-MyBlog.png) no-repeat;}  
#contact a#visit-link:hover { background: url(assets/contact-MyBlog-Over.png) no-repeat; }  

/* Menu
-----------------------------*/
#menu { width: 225px; height: 590px; float: right; padding: 0 0 0 10px; position: relative; }
#menu a#home-link { background: url(assets/menu-links.png) no-repeat; }
#menu a#home-link { width: 207px; height: 50px; margin-bottom: 10px }
#menu a#home-link:hover { background-position: 0 -60px; }
#menu #promos-span { display: block; width: 113px; height: 20px; background: url(assets/promos-header.png) no-repeat; }
#menu br { clear: both }

.menu-links, .menu-links li { margin: 0; padding: 0; display: block; float: left; height: 18px; }
.menu-links a.button, .menu-links li.amp, .menu-links li.comma { height: 18px; background: url(assets/menu-links-2.png) no-repeat; }
.menu-links li a#lifestyle-link { width: 109px; background-position: 0 0; }
.menu-links li a#lifestyle-link:hover { background-position: 0 -52px }
.menu-links li.comma { width: 5px; background-position: -109px 0; }
.menu-links li a#editorial-link { width: 110px; background-position: -114px 0; }
.menu-links li a#editorial-link:hover { background-position: -114px -52px; }
.menu-links li.amp { width: 15px; background-position: 0 -25px; }
.menu-links li a#advertising-link { width: 150px; background-position: -15px -25px; }
.menu-links li a#advertising-link:hover { background-position: -15px -77px; }


/* Slide show
--------------------------------*/
.image-container { width: 730px; padding: 0; margin: 0; float: left; }
.image-container img { border: 0; width: 729px; height: 590px; }

#menu .pager p { font-size: 11px; color: #666; margin-bottom: 5px }
#menu .pager .button { height: 21px; background: url(assets/pager-links.png) no-repeat; float: left; }
#menu .pager .spacer { float: left; width: 4px; }
#menu .pager .big { width: 12px; }
#menu .pager .spacer span { display: none }
#menu .pager div#slash { width: 11px; background-position: -40px 0; }
#menu .pager a#prev-link { width: 13px; background-position: 0 -2px; }
#menu .pager a#next-link { width: 13px; background-position: -21px -2px; }

#menu .pager #name-container { font-size: 0.8em; margin-bottom: 4px; }

/* Common Classes
--------------------------------*/
.highlight { color: #C9DA2A !important }
.plain { color: #000 }
.bottom { position: absolute; bottom: 0; }
.clear { clear: both }

/* Page overrides
----------------------------------*/
#lifestyle-page .menu-links li a#lifestyle-link { background-position: 0 -52px }
#editorial-page .menu-links li a#editorial-link { background-position: -114px -52px; }
#advertising-page .menu-links li a#advertising-link { background-position: -15px -77px; }

#people-page .menu-links li a#people-link { background-position: 0 -186px; }
#places-page .menu-links li a#places-link { background-position: -104px -186px; }
#things-page .menu-links li a#things-link { background-position: -21px -210px; }
#promos-page #footer-links a#promos-link { background-position: 0 -16px; }
#info-page #footer-links a#info-link { background-position: -104px -16px; }
#contact-page #footer-links a#contact-link { background-position: -184px -16px; }
#client-page #footer-links a#client-link { background-position: -296px -16px; }
#awards-page #footer-links a#awards-link { background-position: -448px -16px; }