@charset "utf-8";
/*=====================================================================
 *
 * Filename: stylesheet.css
 * Website: www.holscope.com
 * Author: Nicholas Krambousanos
 * Author Contact: nkrambo@gmail.com
 * Date Created: 15/4/2010
 * Media: Screen
 *
 *=====================================================================*/

/* Reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Default */
html {font-size:100.01%;}
body {font-size:75%;color:#222;font-family:"Georgia",Times New Roman, Times, serif;background:url(../images/page_bg.jpg) no-repeat 50% 0; background-color:#000000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:24px;color:#ffffff;font-weight:bold;line-height:2em;}
h2 {font-family: "AvantGarde", Charcoal, sans-serif;font-size:18px;color:#ffffff; font-weight:bold;line-height:2em;}
h3 {line-height:1em;margin-bottom:5px; font-family:"Arial", Helvetica, sans-serif; font-size:17px; font-weight: bold; color:#000000;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:.5em; font-family:"Arial", Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#333139;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size:13px;color:#ffffff;font-family:"Georgia",Times New Roman, Times, serif;;line-height:1.2em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#2786c2;text-decoration:none;}
a {color:#ffffff;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/*Classes */
.cuff_links {width:960px; margin:0 auto;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.clear_right {clear:right;}
.displace {position: absolute;left: -5000px;}

#container {width:100%;}

/*Header*/
#header {height:100px;}
#logo {position:absolute;margin:25px 0 0 0;}

/*Social Icons*/
#social_icons ul {position:absolute;list-style:none; margin:0; padding:0; width:130px; height:20px; margin:45px 0 0 835px;}
#social_icons ul li{float:left; margin:0 0 0 5px;}
#twitter {background:url(../images/twitter.png) no-repeat;}
#youtube {background:url(../images/youtube.png) no-repeat;}
#facebook {background:url(../images/facebook.png) no-repeat;}
#vimeo {background:url(../images/vimeo.png) no-repeat;}
#blogger {background:url(../images/blogger.png) no-repeat;}
a.social_roll {display:block;width:20px;height:20px;text-decoration:none;}
#twitter:hover {background-position:-20px 0;}
#facebook:hover {background-position:-20px 0;}
#vimeo:hover {background-position:-20px 0;}
#youtube:hover {background-position:-20px 0;}
#blogger:hover {background-position:-20px 0;}

/*Body*/

/*News Section*/
#news_section {height:205px;background:url(../images/news-section-bg.jpg) no-repeat;margin:0 0 10px 0;position:relative;}
#news_content {width:390px;margin:30px 0 0 20px;position:absolute;}
#news_content p {margin:0 0 20px 0;}
#news_content p a.large-link {font-size:18px;font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
#news_content p a.large-link:hover {text-decoration:underline;}

#main_content {background:#0d0d0d;height:328px;padding:15px 0 0 0;border-top:7px solid #3b3b3b;}
#video {height:313px;width:560px;margin:0 0 0 15px;}
#text_area {height:313px;width:345px;margin:0 0 0 575px;padding:0 0 0 20px;}

/*Underbelly Buttons*/
#underbelly {margin:10px 0 0 0; height:125px; }
#underbelly ul {list-style:none;margin:0; padding:0px; position:absolute;}
#underbelly ul li {width:310px; height:120px; background:#0d0d0d; float:left;border-top:5px solid #3b3b3b;}
#underbelly ul li.middle {margin:0 15px;}
#pdf {background:url(../images/pdf.png) no-repeat;}
#vimeo_channel{background:url(../images/vimeo_channel.png) no-repeat;}
#behind_photos{background:url(../images/behind_photos.png) no-repeat;}
a.rollover {display:block;width:310px;height:120px;text-decoration:none;}
#pdf:hover {background-position:-310px 0;}
#vimeo_channel:hover {background-position:-310px 0;}
#behind_photos:hover {background-position:-310px 0;}

/*Footer*/
#footer {height:35px;}
#copyright {padding:10px 10px 0 0;}
#copyright p{color:#ffffff;font-size:11px;}