/* screen.css */
/* 11/17/2009 created by nadia */
/* 04/28/2010 modified by nadia */

body {background: #fff; font-family: arial; font-size: 12px; color: #001ca8; margin: 0; padding: 0;}
a {color: #001ca8; text-decoration: none;}
a:hover {color: #dc0963;}
a:active {color: #36c;}

/* container */
.container {display: block; margin: 0 auto; overflow: hidden; width: 750px; min-height: 650px;}

/* home page */
.container#homepage {background: transparent url(../media/homepage/bg.png) top left no-repeat; height: 551px;}
.container#about, .container#locations, .container#contactus, .container#job {background:url(../media/general-bg.png) top left no-repeat;}
.container#catering {background: transparent url(../media/catering/bg.png) top left no-repeat; height: 855px;}
.container#icecream {background: transparent url(../media/icecream/bg.png) top left no-repeat; height: 800px;}
.container#cookies {background: transparent url(../media/cookies/bg.png) top left no-repeat; height: 800px;}
.container#togoitems {background: transparent url(../media/togoitems/bg.png) top left no-repeat; height: 680px;}
.container#order {background: transparent url(../media/order/bg.png) top left no-repeat; height: 700px;}

/* header */
.header {background: transparent url(../media/scoopology-logo.png) top left no-repeat; display: block; height: 160px; overflow: hidden; text-indent: -999em; _zoom: 1;}
.header a {display: block; height: 160px; width: 750px;}

/* nav && content */
.nav, .content {float: left; padding: 0 0 0 15px;}

/* navigation */
.nav {width: 160px;}
.nav ul, .nav li {list-style-type: none; margin: 0; padding: 0; text-indent: -999em;}
.nav li a {background: transparent url(../media/nav.png) no-repeat; display: block; height: 28px; outline: none; width: 160px;}
.nav li#about_nav a {background-position: 0 0;}
.nav li.selected#about_nav a,
.nav li#about_nav a:hover {background-position: 0 -224px;}
.nav li#catering_nav a {background-position: 0 -28px;}
.nav li.selected#catering_nav a,
.nav li#catering_nav a:hover {background-position: 0 -252px;}
.nav li#ice_cream_nav a {background-position: 0 -56px;}
.nav li.selected#ice_cream_nav a,
.nav li#ice_cream_nav a:hover {background-position: 0 -280px;}
.nav li#cookies_nav a {background-position: 0 -84px;}
.nav li.selected#cookies_nav a,
.nav li#cookies_nav a:hover {background-position: 0 -308px;}
.nav li#togo_items_nav a {background-position: 0 -112px;}
.nav li.selected#togo_items_nav a,
.nav li#togo_items_nav a:hover {background-position: 0 -336px;}
.nav li#locations_nav a {background-position: 0 -140px;}
.nav li.selected#locations_nav a,
.nav li#locations_nav a:hover {background-position: 0 -364px;}
.nav li#contanct_us_nav a {background-position: 0 -168px;}
.nav li.selected#contanct_us_nav a,
.nav li#contanct_us_nav a:hover {background-position: 0 -392px;}
.nav li#order_nav a {background-position: 0 -196px;}
.nav li.selected#order_nav a,
.nav li#order_nav a:hover {background-position: 0 -420px;}

.content {width: 560px;}
#homepage .content {padding: 0; width: 280px;}
#about .content {width: 280px;}
#catering .content p strong, #icecream .content p strong {color: #666;}
#catering .content {color: #000; padding: 128px 20px 0; width: 223px;}
#catering .content ul {padding-left: 15px;}
#icecream .content {color: #000; float: right; padding-top: 160px;}
#icecream .content.two {padding-top: 230px;}
#icecream .content p strong {display: block; width: 252px;}
#cookies .content {color: #000; padding-top: 185px; width: 262px;}
#cookies .content a {outline: none;}
#togoitems .content {color: #000; padding-top: 185px; padding-left: 70px; width: 260px;}
#locations .content {color: #000;}
#contactus .content {color: #000;}
#contactus .content strong {color: #666;}
#order .content a {outline: none;}
#order .content img {margin: 49px 0 0 290px;}
#job .content .title a {color: #362f2d; font-size: 42px; font-weight: bold; text-decoration: none;}

/* need job anchor on homepage */
.need_job {display: block; height: 150px; width: 150px;}

/* footer */
.footer {display: block; margin: 0 auto; overflow: hidden; padding: 0 15px; width: 720px/*750px*/;}
.footer p {font-size: 10px; text-align: center;}
.footer .copyright-notice {font-size: 9px; text-align: left;}