html {height: 100%;}
body {font: 62.5%/1.3em "Lucida Grande", Verdana, sans-serif; color: #fff; margin: 0; padding:0; background:url("img/background.gif") no-repeat right top #2f2c27;}
body p {margin-bottom: 1.0em;}
body * {margin: 0; padding: 0;}
#container, #footer {margin-left:150px; width:700px;}
a:link {color: #7ec7fb; text-decoration: none; padding:0; margin:0;}
a:visited {color: #7ec7fb; text-decoration: none;}
a:hover {text-decoration: underline; color:#fff;}
.clear {clear: both; height: 0; padding: 0; margin: 0;}
p, #contentContainer ul{font-size:1.2em; line-height:1.5em; }
h1, h2, h3, h4, h5, h6, p, ul, td{letter-spacing:-0.05em; background-color:inherit;}
h2 {font-size:2.4em; line-height:1.4em; font-weight:bold; color:#fff;}
h3 {font-size:2.0em; line-height:1.8em;}
h4 {font-size:1.6em; line-height:1.8em; color:#FFF; padding-bottom:10px;}
h5 {font-size:1.4em; line-height:1.6em; color:#c3bba8; padding-bottom:10px;}
img {border: none;}
.img_border {border: 2px solid #FFF; padding: 0px;}
.cart {float:right; padding: 8px 50px;}
.cart p {padding:1px 0;}
/*----------------------
MASTHEAD
-----------------------*/
#masthead, #branding {width:700px;}
#masthead {margin-top:10px; height:110px;}
#branding {padding-top:10px;}
#branding h1#logo {display:block; height:73px; width:459px; margin-left:10px;}
#branding #logo span {display:none;}
#branding h1#logo {background: url("img/logo.png") no-repeat top left; float:left;}
/*----------------------
MENU
-----------------------*/
#navigation {width:696px; margin:0 auto;}
#navigation {margin:0 auto; text-align:center; padding-top:14px; background:url("img/navigationBar.gif") no-repeat top left; height:46px;}
#navigation ul {display:inline;}
#navigation li {list-style:none; display:inline; float:none;}
#navigationContainer ul {font-size:1.0em; margin:0; padding:8px 0 0 0; list-style:none; width:721px; height:42px; float:left;}
#navigationContainer ul li {float:left;}
#navigation ul a {text-decoration:none; font-size:1.3em; color:#fff; font-weight:bold; padding: 0 14px;}
#navigation ul a:hover {color: #7ec7fb;}
#navigation #currentpage a {color: #7ec7fb;}
/*----------------------
SUBMENU
-----------------------*/
#subnavigation {margin: 0; float: left; width:680px; height:26px; margin:9px 0; padding:2px 4px 19px 4px;}
#subnavigation ul {margin: 0; padding: 0; font-size:1.0em;}
#subnavigation ul li {margin: 0 4px 0 0; padding: 0; display: block; float:left; text-align: center; line-height: 1.5em; text-transform: uppercase;}
#subnavigation ul li a {color : #FFFFFF; text-decoration : none; font-weight: normal; border-style:none;}
#subnavigation ul li a:link {background-color: #605245; display: block; padding: 6px 16px 6px 16px; color:#fff; font-weight:bold;}
#subnavigation ul li a:visited {background-color: #605245; display: block; padding: 6px 16px 6px 16px; }
#subnavigation ul li a:hover {color: #7ec7fb; background-color: #11100f; display: block; padding: 6px 16px 6px 16px;}
#subnavigation ul li.active a {color: #7ec7fb; background: #11100f; display: block; padding: 6px 16px 6px 16px;}
/*----------------------
CONTENT
-----------------------*/
#contentLeft {float:left; width:500px;}
#contentRight {margin-left:515px;}
#contentRight ul {list-style:none;}
/*----------------------
LINKS
-----------------------*/
#navlink {margin: 10px 0px 10px 12px; font-size: 11px;}
#navlink a {text-decoration: none; display: block; width: 154px; padding: 7px 0px 6px 35px; background: url("img/navlinkline.gif") no-repeat;}
#navlink a:hover {background: url(img/navlinkover.gif) no-repeat;}
.navlinkmainon {background: url(img/navlinkover.gif) no-repeat;}
/*----------------------
BOXES
-----------------------*/
.box {margin-bottom:20px;}
.box h2 {padding-top:20px;}
.box .last {padding-bottom:20px; margin-top:10px;}
.box .flash {padding:4px;}
.box h2, .box p, .box h4, .box ul {padding-left:20px; padding-right:20px;}
.box h3 {height:76px; width:36px; left:-36px; position:absolute;}
.date {font-size:0.9em; color:#b3aa98;}
/*----------------------
NORMAL
-----------------------*/
#normal #contentContainer {width:700px;}
#normal .box {width:494px; background: url("img/box-middle.gif") repeat-y top left;}
#normal .box h2 {background:url("img/box-top.gif") no-repeat top left;}
#normal .box .last {background:url("img/box-bottom.gif") no-repeat bottom left;}
/*----------------------
WIDE
-----------------------*/
#wide .box {background: url("img/widebox-middle.gif") repeat-y top left;}
#wide .box h2 {background:url("img/widebox-top.gif") no-repeat top left;}
#wide .box .last {background:url("img/widebox-bottom.gif") no-repeat bottom left;}
#wide .box .flash {background:url("img/widebox-bottom.gif") no-repeat bottom left;}
#wide #contentContainer #links ul {list-style:none; margin-left:10px; margin-bottom:10px;}
#wide #contentContainer #links li {background:url("img/bullet.gif") left no-repeat; padding-left:20px;}
/*----------------------
CONTACT
-----------------------*/
fieldset {padding:0; border:none;}
legend {display:none;}
label {float:left; width:9em; color: #c3bba8;}
input {margin: 1px 0;}
input.submit {margin-left:10em;}
input.med, textarea.med {font-family: "Lucida Grande", Arial, sans-serif; padding:2px; font-size:1.4em; border:1px solid #666;}
input:focus, textarea:focus {background-color:#FFFFCC;}
.required {color:#7ec7fb; font-weight:bold;}
/*----------------------
FOOTER
-----------------------*/
#footer {clear:both; padding-bottom:50px; font-size:0.9em; font-weight:normal; color: #c3bba8;}
#footer a {color: #fff; text-decoration:none;}
#footer a:hover {color: #fff; text-decoration:none; border-bottom:1px dotted #fff;}
#validation {float:left; padding-left:5px;}