/* -------------------------------------------------------------- 
  
   Screen Styles
   Date: 
  
-------------------------------------------------------------- */

@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/

/*--=General Styles--*/
body { background: #000 url(../images/background.jpg) no-repeat center top; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, sans-serif; color: #fff;}
.min-width { min-width: 930px; background: #000 url(../images/background.jpg) no-repeat center top; height: 900px; }

/*--=Image Replacement=--*/
.ir { display: block; text-indent: -5000px;}

/*--=Holder - should be the total width--*/
.holder { width: 930px; margin: 0 auto 0; position: relative;  }

button { cursor: pointer; border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
.float_l { float: left;}
.float_r { float: right;}

.hide { display: none; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center;}
.txt_align_r { text-align: right;}

.clear_both { clear: both; }
.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

.bold { font-weight: 700; }

a:focus, a:hover { color: #000; }
a { color: #306; text-decoration: underline; overflow: hidden; }

h1 { position: absolute; width: 400px; left: 27px; top: 72px; font-size: 1.3em; }
h1 a { color:#fff; text-decoration: none; }
h1 a:hover { color: #fff; }

#business_card { width: 214px; height: 141px; background: url(../images/business_card.png) no-repeat; position: absolute; right: -55px; top: -15px; z-index: 10; }
#business_card a { display: block; height: 98px; width: 190px; margin: 20px 0 0 10px; text-indent: -5000px; }
.squeeze-ball { position: absolute; display: block; right: -180px; top: 320px; width: 200px; height: 200px; z-index: 20; text-indent: -5000px; background: url(../images/spacer.gif); }
.magazine { position: absolute; display: block; left: -120px; top: 0; width: 134px; height: 175px; z-index: 50; text-indent: -5000px;  background: url(../images/spacer.gif);}

#left_column { width: 402px; position: absolute; left: 19px; top: 97px; background: url(../images/h2-background.gif) no-repeat; height: 100px; }
#left_column h2 { height: 19px; text-transform: uppercase; font-weight: 700; padding: 1px 0 0 9px; font-size: 1.2em; }

#right_column { width: 401px; position: absolute; right: 23px; top: 97px; min-height: 750px; }

.stories_holder { height: 332px; overflow: auto; border-bottom: 1px solid #6f6f6f;}
.story { background: url(../images/story-bg.jpg) no-repeat; height: 110px; border-bottom: 1px solid #6f6f6f; }
.story.on { background: url(../images/story-bg-on.jpg) no-repeat; }
.story img { float: left; padding: 7px 0 0 8px; }
.teaser { display: block; float: left; width: 180px; padding: 8px 8px 7px; }
.teaser h3, .left_story h3, .right_story h3 { font-size: 12px; font-weight: 700; height: 30px; line-height: 1.1; margin: 0; }
.teaser h3 { height: auto; margin: 0 0 3px; }
.teaser p { font-size: 10px; line-height: 1.2; }
.teaser p a, .teaser h3 a { color: #fff; text-decoration: none; }
.teaser p a:hover, .teaser h3 a:hover { color: #fff; text-decoration: none; }
.teaser p a { background: url(../images/read-more.gif) no-repeat right bottom; display: block; width: 185px; }
.other-stories { height: 148px; margin: 8px 0 0; }
.left_story, .right_story { border: 1px solid #0f0e0e; float: left; width: 193px; height: 145px; background: url(../images/feature_grad.gif) no-repeat center center; }
.left_story.f_on, .right_story.f_on { background: url(../images/feature_on.jpg) no-repeat; }
.left_story { margin-right: 12px; }
.left_story h3, .right_story h3 { padding: 7px 9px 4px; }
.left_story img, .right_story img { padding: 0 9px 7px; }
.left_story h3 a, .right_story h3 a { color: #fff; text-decoration: none; background: url(../images/read-more.gif) no-repeat right bottom; display: block; }

#slider { margin: 5px 0 0 7px; position: relative; }
#slider ul, #slider li, #slider img { width: 387px; height: 191px; }
#prevBtn { position: absolute; width: 30px; height: 30px; left: 0; top: 85px; }
#prevBtn a { display: block; width: 30px; height: 30px; text-indent: -5000px; background: url(../images/prev_image.gif) no-repeat; overflow: hidden; }
#nextBtn { position: absolute; width: 30px; height: 30px; right: 0; top: 85px; }
#nextBtn a { display: block; width: 30px; height: 30px; text-indent: -5000px; background: url(../images/next_image.gif) no-repeat; overflow: hidden; }

.text_holder { width: 393px; height: 285px; overflow: auto; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #898989; padding-right: 8px;  }
.text_border { width: 401px; border-bottom: 1px solid #bcbcbc; border-top: 1px solid #8d8d8d; margin: 10px 0 0; position: absolute; top: 199px; right: 0; }
.text_holder { color: #000; }
.text_holder h3 { font-weight: 700; font-size: 1.3em; margin: 10px 0; }
.text_holder .date_venue p { font-size: 1.2em; line-height: 1.3; margin: 0;}
.date_venue { margin: 0 0 5px; }
.text_holder p { font-size: 1.1em; margin: 0 0 1em; }
.text_holder li { list-style: disc; margin: 0 0 5px 25px; font-size: 1.1em; }
.text_holder a { font-weight: 700; color: #000; }
.text_holder a:hover { text-decoration: none; }
.text_holder blockquote { color: #000; font-size: 1.1em; font-style: italic; margin: 0 0 4px; }

.members { background: url(../images/members-link.png) no-repeat; width: 222px; height: 149px; position:absolute; text-indent: -5000px; left: 25px; top: 650px;}
.video-link { background: url(../images/video-link.png) no-repeat; width: 222px; height: 149px; position:absolute; text-indent: -5000px; left: 469px; top: 650px;}
.the-manager { background: url(../images/the-manager.png) no-repeat; width: 222px; height: 149px; position:absolute; text-indent: -5000px; left: 691px; top: 650px;}
.lead-sponsor { background: url(../images/lead-sponsor.png) no-repeat; width: 222px; height: 149px; position:absolute; left: 247px; top: 650px;}
.lead-sponsor a { display: block; width: 160px; height: 127px; text-indent: -5000px; }
.partners-logos { background: url(../images/partners-logos.gif) no-repeat; width: 310px; height: 108px; position: absolute; left: 270px; top: 648px; }
.partners-logos a { display: block; width: 130px; height: 108px; text-indent: -5000px; float: left; }
.contact-text { left: 25px; top: 800px; color: #fff; position: absolute; }
.contact-text a { color: #fff; }

#media_panel { height: 202px; width: 401px; background: url(../images/media-panel.jpg) no-repeat; position: absolute; top: 0; right: 0; }

div.overlay { padding:40px;	width:328px; height: 200px; display:none; background: #fff;	}
div.overlay div.close {	background:url(../images/close.png) no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; }
div.overlay a {	display:block; }