/*
-----------------------------------------------
Spindrift
Author:   Cameron Corda
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center; background: #F5FAFE url(/img/bg.jpg) repeat-x;}
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/

/* TYPOGRAPHY
----------------------------------------------- */
html { font-size: 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: verdana, arial, helvetica, sans-serif;	color: #000;} /* sets font to 10px */

#container { font-size: 1.2em; } /* 1.1em = 11px */

h1 {font-size: 2.0em; font-weight: normal; margin-top: .5em; margin-bottom: .5em; color: #001F5C; font-variant: small-caps;}
h2 {font-size: 1.7em;	margin-bottom: 1.2em; font-weight: normal;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; margin-top: .3em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}


/* LINKS
----------------------------------------------- */

a {text-decoration: none; font-weight: bold; color: #405A7D;}
a:link {}
a:visited {color: #6D8CB4;}
a:active {}
a:hover {text-decoration: underline; color: #cc0000;}


/* LAYOUT
----------------------------------------------- */
body {border-top: 6px solid #CEE7FF;}
#container {text-align: left; margin: 0 auto; padding: 0; width: 760px; background: #fff; border-left: 1px solid #CEE7FF; border-right: 1px solid #CEE7FF; padding-top: 1px; padding-bottom:1px;}
#footer {background: #103A60; margin: 0; padding: 0px 10px;}
#footerInner {text-align: left; margin: 0 auto; padding: 10px 0; width: 758px; border-left: 1px solid #CEE7FF; border-right: 1px solid #CEE7FF; color: #fff;}

#content {margin: 10px 6px 0 6px; background: url(/img/heading-blank.png) no-repeat;}
#contentInner {margin: 0 0 6px 0; background: url(/img/bg-content.jpg) repeat-x 0 51px; padding: 10px;}

/* HEADER
----------------------------------------------- */
#header {text-align: left; position: relative; width: 760px; margin: 0 auto 5px auto; padding: 0px 0;}

#logo {float: left;}

#quicksignup {float: right; position: relative; background: url(/img/banner-right.png) no-repeat top left; width: 508px; height: 110px;}
#quicksignup form {position: absolute; top: 10px; left: 220px;}
#quicksignup form label {display: block;}
#quicksignup form input#email {width: 206px;}
#quicksignup p {margin: 0 0 10px -1px; color: #001F5C; font-size: .9em; position: absolute; top: 75px;}
#quicksignup p span {text-transform: uppercase;}


#banner {clear: both;}

#nav {position: absolute; top: 0; left: 442px; width: 320px;}
#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {height: 100px; display: inline; margin: 0 5px 0 0; padding: 0; float: left;}
#nav ul li span {display: none;}

#nav ul li#navRestaurant a {background: url(/img/nav-restaurant.png) no-repeat; display: block; height: 100px; width: 101px; }
#nav ul li#navRestaurant a:hover {background-position: 0px -100px;}
#bodyRestaurant #nav ul li#navRestaurant a {background-position: 0px -200px;}
#bodyRestaurant #nav ul li#navRestaurant a:hover {background-position: 0px -200px; cursor: pointer;}

#nav ul li#navBar a {background: url(/img/nav-bar.png) no-repeat; display: block; height: 100px; width: 101px; }
#nav ul li#navBar a:hover {background-position: 0px -100px;}
#bodyBar #nav ul li#navBar a {background-position: 0px -200px;}
#bodyBar #nav ul li#navBar a:hover {background-position: 0px -200px; cursor: pointer;}

#nav ul li#navStore a {background: url(/img/nav-store.png) no-repeat; display: block; height: 100px; width: 101px; }
#nav ul li#navStore a:hover {background-position: 0px -100px;}
#bodyStore #nav ul li#navStore a {background-position: 0px -200px;}
#bodyStore #nav ul li#navStore a:hover {background-position: 0px -200px; cursor: pointer;}

#topNav ul li a {padding: 2px 4px; color: #fff; text-decoration: none; text-transform: uppercase; margin: 0 4px;}
#topNav ul li a:hover {background-color: #405A7D; color: #fff; text-decoration: none;}


/* CONTENT
----------------------------------------------- */
#content h1 {padding: 0px; margin: 0 0 20px 0;}
#content h3 {color: #001F5C; background: url(/img/bullet-wheel.png) no-repeat; padding: 2px 0 5px 30px}



/* SIDEBAR
----------------------------------------------- */
li {list-style-type: none; background: url(/img/bullet.gif) no-repeat 0 .4em; padding-left: 12px ;}

#content #side {width: 240px; float: right; margin-bottom: 200px; margin-left: 10px;}
#content #side .sideBlock {border: 1px solid #CEE7FF; background: #fff url(/img/side-bg.jpg) repeat-x bottom left;}
#content #side .sideBlock h3 {background: #446BA4 url(/img/side-heading-bg.jpg) repeat-x top left; color: #fff; margin: 0; padding: 5px; font-size: 1.2em;}
#content #side .sideBlock ul {margin-left: 10px; padding-left: 0;}
#content #side .sideBlock hr {color: #001F5C; background-color: #001F5C; height: 2px; margin: 10px 0;}
#content #side .sideBlockContent {padding: 2px 5px; font-size: .9em;}


/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}

select {font-size: 10px;}

label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}

input, textarea {border: 1px solid #001F5C; color: #000; padding: 2px; font-size: 11px; background: #fff; text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
.txt, .text {background: #fff}
.hasfocus {background: #DEEFFF; color: #001F5C;}

input.button {cursor: pointer; background: #446BA4 url(/img/side-heading-bg.jpg) repeat-x top left; color: #fff; padding: 1px 0; text-align: center;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;}