/* stylesheet for Basil Package Design */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address, section, aside{ display: block; }

body{ background: #010522 url(../images/background.jpg) top center repeat-x; font: 12px "Lucida Grande", verdana, sans-serif; }

#container{ width: 1000px; padding: 0 50px; margin: 0 auto; }

nav{ float: right; width: 500px; }
nav ul li{ list-style-type: none; display: block; float: left; }
nav ul li a{ display: block; float: left; padding: 8px 20px; font: bold 14px Arial, hevetica, sans-serif; text-transform: uppercase; }
nav ul li a:link,
nav ul li a:visited { color: #fff; text-decoration: none; }
nav ul li a:hover,
nav ul li a:active { background: #fff; color: #305b92; }
nav ul li.active { background: #fff; }
nav ul li.active a { color: #305b92; }

a:link{ color: #000; }
a:visited{ color: #000; }
a:hover{ text-decoration: none; }

header{ background: url(../images/header.png) top center no-repeat; height: 250px; }
header h1{ width: 270px; height: 215px; text-indent: -9999px; float: left; }
header h1 a{ display: block; width: 270px; height: 215px; }

#countdown{ display: block; float: left; width: 310px; height: 80px; padding: 15px 0; margin: 25px 0 0 0; background: #fff; border: 10px solid #305b92; }
.countdown_section{ float: left; width: 75px; text-align: center; text-transform: uppercase; color: #999; font-size: 10px; }
.countdown_amount{ font-size: 30px; color: #cc0000; font-weight: bold; }
.countdown_descr{ clear: both; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; padding-top: 10px; }

#slideshow{ float: right; width: 340px; height: 235px; }

#page_body{ background: url(../images/page_body.png) top center repeat; padding-bottom: 30px; }
#page_body ul { margin-left: 20px; }
#page_body ol { margin-left: 20px; }

.figure-center{ display: block; margin: 5px auto; }
.figure-right{ float: right; margin: 5px 0 5px 5px; }
.figure-left{ float: left; margin: 5px 5px 5px 0; }

section{ float: left; width: 540px; padding: 0 30px; }

h2 { font: bold 24px Arial, helvetica, sans-serif; margin-bottom: 10px; }
h3 { font: bold 20px Arial, helvetica, sans-serif; margin-bottom: 10px; }
section p,
section ul,
section ol,
section dl{ margin-bottom: 10px; }

aside{ float: right; width: 270px; padding: 30px 30px 0 0; }
#twitter_div{ padding: 0 0 30px; display: block; }
#twitter_update_list li{ list-style-type: none; display: block; font-size: 10px; margin: 0 0 5px; padding: 0; }

#facebook{ margin: 15px 0;  }

footer{ background: url(../images/footer.png) top center no-repeat; color: #fff; padding-top: 30px; }

.clear{ clear: both; }

.block { margin-bottom: 10px; }

#gallery { background: #000000; }

.vcard dd { margin-left: 20px; }

img.right { float: right; margin-left: 5px; }
img.left { float: left; margin-right: 5px; }
img.border { border: 1px solid #999999; padding: 5px; background: #fff; }