/* RESETS and default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, images,
small, strike, strong, tt, var,
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-color: transparent;
}

/* clears */
.clear {
   height: 0;
   line-height: 0.01em;
   font-size: 0.01em;
}
.clear.both {
   clear: both;
}
.clear.left {
   clear: left;
}
.clear.right {
   clear: right;
}

/* caps */
.cap {
   line-height: 0.01em;
   font-size: 0.01em;   
}

/* general structure */
body {
   color: #222;
   background: #fff url(../images/bg_gradient.gif) repeat-x left top;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 62.5%;
}

#wrapper {
   position: relative;
   width: 941px;
   margin: 33px auto 20px auto;
}
   
   #main {
      position: relative;
      padding-top: 87px;
      background: #fff url(../images/main_topcap.gif) no-repeat left top;
   }
   
      #logo {
         position: absolute;
         top: 29px;
         left: 53px;
         width: 466px;
         height: 38px;
      }
   
      .banner {
         position: relative;
         width: 923px;
			margin: 0 9px;
			height:178px 
      }
   
      #well {
         width: 923px;
         margin: 0 9px;
         background: transparent url(../images/well_bg.gif) repeat-y left top;
      }
   
   #footer {
      margin-top: 20px;
   }

/* logos */
#logo h2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 259px;
   height: 38px;
   background: transparent url(../images/bcbsnc_logo.gif) no-repeat left top;
}
#logo h2 a {
   display: block;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
#logo h2 a span {
   display: block;
   margin-top: 200px;
}

#logo h3 {
   position: absolute;
   top: 4px;
   left: 290px;
   width: 174px;
   height: 31px;
   border: 1px solid #7f7f7f;
   border-width: 0 0 0 1px;
   background: transparent url(../images/bcbsnc_tagline.gif) no-repeat 33px 8px;
   overflow: hidden;
}
#logo h3 span {
   display: block;
   margin-top: 200px;
}

/* global nav */
ul#nav {
   position: absolute;
   top: -25px;
   left: 578px;
   list-style: none outside none;
}
ul#nav li {
   position: absolute;
   top: 0;
   height: 29px;
}
ul#nav li#nav_home {
   left: 0;
   width: 104px;
}
ul#nav li#nav_home a {
   background: transparent url(../images/nav_home.png) no-repeat left 0;
}

ul#nav li#nav_report {
   left: 104px;
   width: 104px;
}
ul#nav li#nav_videos {
   left: 208px;
   width: 109px;
}
ul#nav li#nav_report a {
   background: transparent url(../images/nav_report.png) no-repeat left 0;
}
ul#nav li#nav_videos a {
   background: transparent url(../images/nav_videos.png) no-repeat left 0;
}
ul#nav li a {
   display: block;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

ul#nav li a:hover,
ul#nav li a.active {
   background-position: left -29px !important;
}
ul#nav li a span {
   display: block;
   margin-top: 100px;
}

/* content well */
.content {
   line-height: 1.6em;
}
.content h1 {
   color: #029ad4;
   font-size: 2.0em;
   margin-bottom: 0.8em;
}
.content h2 {
   color: #029ad4;
   font-size: 1.6em;
   margin-bottom: 0.8em;
}
.content h3 {
   color: #029ad4;
   font-size: 1.4em;
   margin-bottom: 0.4em;
}
.content p {
   font-size: 1.2em;
   margin-bottom: 1.0em;
}
.content a {
   color: #029ad4;
}
.content a.pdf {
   display: block;
   line-height: 33px;
   vertical-align: middle;
   padding-left: 38px;
   background: transparent url(../images/pdf.png) no-repeat left center;
}

/* home styles */
.banner.videos {
   background: transparent url(../images/video_hero_topcap.png) no-repeat left top;
   height:178px;
}

.banner.report {
   background: transparent url(../images/report_hero_topcap.png) no-repeat left top;
   height:178px;
}

.banner.home {
   height: 258px;
   background: transparent url(../images/home_hero_topcap.png) no-repeat left top;
}
.banner h1 {
   overflow: hidden;
}
.banner h1 span {
   display: block;
   margin-top: -300px;
}

#well .content.home {
   float: left;
   margin: 0;
   padding: 22px 0 0 33px;
   width: 500px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 1.8em;
   background: transparent url(../images/home_well_bg.png) no-repeat left top;
}

#well .callout {
   float: left;
   margin: 22px 0 0 40px;
   width: 320px;
   min-height: 168px;
   background: transparent url(../images/callout_bg.gif) repeat-x left top;
}
#well .callout .cap.top {
   height: 3px;
   background: transparent url(../images/callout_topcap.gif) no-repeat left top;
}
#well .callout .content {
   padding: 12px 15px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#well .callout .content img {
   float: left;
   margin: 0 8px 8px 0;
   padding: 1px;
   border: 1px solid #a7bec6;
}
#well .cap.bottom {
   height: 4px;
   margin: 20px 0 0 0;
   background: transparent url(../images/well_bottomcap.gif) no-repeat left top;
}

/* interior styles */
#well .content.interior {
   float: left;
   margin: 0;
   padding: 22px 0 0 33px;
   width: 500px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 1.8em;
}

/* alternate banner images for interior pages */
#well .content.interior.videos {
	background: transparent url(../images/video_well_bg.png) no-repeat left top;
}
#well .content.interior.report {
	background: transparent url(../images/report_well_bg.png) no-repeat left top;
}
/* footer */
#footer p {
   text-align: center;
   font-size: 1.1em;
   margin-bottom: 0.6em;
}
#footer a {
   color: #029ad4;
}

/* videos */
.embedvideo {
   margin: 0 0 20px 0;
}
.embedvideo h4 {
   margin-top: 10px;
   font-size: 1.2em;
}
ul.videos {
   float: left;
   list-style: none outside none;
}
ul.videos li {
   float: left;
   margin-bottom: 10px;
}
ul.videos li .thumb {
   float: left;
   width: 94px;
   margin-top: 4px;
}
ul.videos li .thumb a {
   border: none;
}
ul.videos li .thumb a img {
   display: block;
   border: none;
   outline: none;
}
ul.videos li .description {
   float: left;
   width: 356px;
   margin-left: 10px;
}
ul.videos li .description h4 {
   font-size: 1.2em;
}