@charset "utf-8";
/* CSS Document */

@import "global.css";
@import "grabber.css";

/* page layout */

body { font-size: 62.5%; font-family:Arial, Helvetica, sans-serif;}

#header { background: url(images/body_bg.jpg) #fff repeat-y; width: 1010px; height: 28px; margin: auto; font-size: 1.4em; padding-left: 80px; padding-right: 80px; padding-top: 12px;}

#banner { background: url(images/banner_bg.jpg) repeat-x; min-width: 1172px; height: 416px; position: relative;}

#content { background: url(images/body_bg.jpg) #fff repeat-y; width: 1010px; margin: auto; padding-left: 80px; padding-right: 80px;}

#footer { background:url(images/footer_bg.jpg) repeat-x; height: 45px; width: 100%; margin-top: 20px;}

/* ------------------------------- */

/* header */

#header span { color:#8f8e8e;}
#header span span { color: #1284ac;}
span#search { padding-left: 40px; float: left;}
span#updated { padding-right: 40px; float: right;}

/* banner */

#banner #banner_content { width: 927px; height: 100%; margin: auto; position: relative;}
#banner .bottom { position: absolute; bottom: 0;}
#banner .top { position: absolute; top: 0;}
#banner_btn {}
#banner_sig { left: 350px;}
#banner_starburst { right: 367px;}
#banner_screenshot { right: -20px;}

#banner h2{ font-size: 2.9em; color: #FFFFFF; padding-top: .5em; font-weight: normal;}
#banner p { font-size: 1.6em; color: #3fa3e2; width: 380px;}
#banner ul { font-size: 1.6em; color:#FFFFFF; padding-top: .5em;}
#banner li { background: url(images/header_check.png) no-repeat 0 2px; padding-left: 1.3em; line-height: 1.3em;}

/* content */
#top_shadow{ background:url(images/subheader_bg.jpg) no-repeat; width: 1007px; height: 21px; margin-left: 2px;}
#left_content { width: 645px; position: relative; float: left;  margin-left: 14px;}
#left_content h2 { text-indent: -9999px; background: url(images/left_content_header.jpg) no-repeat; width: 629px; height: 35px;}
#right_content { width: 350px; position: relative; float:right;}

/* text links */

a { color: #5b98bc;}

/* media box */
#media_box{ background:url(images/icon_box_mid_bg.jpg) repeat-y; width: 629px;}
#media_box .top{ background:url(images/icon_box_top_bg.jpg) no-repeat; height: 12px; width: 100%;}
#media_box .bottom { background:url(images/icon_box_bg.jpg) no-repeat; height: 125px; width: 100%;}
#media_box .story { background: url(images/icon_box_image.jpg) no-repeat right 10px; margin: 15px 25px; min-height: 170px;}
#media_box p{ color: #D4D4D4; font-size:1.2em; width: 57%; margin-top: .5em; margin-bottom: .6em;}
#media_box a { color: #EBEBEB; font-size: 1.2em; font-weight: bold;}
#media_box a:hover { color: #FFFFFF;}



ul#icon_list { margin: 0 20px; font-size: 1.2em;}
#icon_list li { float: left; display:block; width: 84px; text-align: center; padding-top: .8em; cursor: pointer;}
#icon_list li a { color:#6aabd2; text-decoration: none; font-weight: normal;}
#icon_list li a:hover { color: #9fd0ef; }
#icon_list li img { padding-top: 25px;}
#icon_list li.selected { background: url(images/icon_selector.jpg) no-repeat 31px 30px;}

/* wide box */
.wide_box{ background: url(images/box_mid_wide.jpg) repeat-y; width: 629px; margin-top: 15px; position: relative;}
.wide_box .top{ background: url(images/box_top_wide.jpg) no-repeat; height: 12px; width: 100%;}
.wide_box .bottom{ background: url(images/box_bottom_wide.jpg) no-repeat; height:18px; width: 100%;}
.wide_box .story { margin: 15px 25px 25px 25px; background:#FFFFFF;}
.wide_box p{ color:#535353; font-size:1.5em; margin-top: .5em; line-height: 1.4em;}
.wide_box p#textlink { text-align: right; width: 95%;}
.wide_box ol { color:#535353; font-size:1.5em; margin-top: .5em; margin-left: 30px; width: 85%; list-style:decimal; margin-bottom: 1em;}
.wide_box li { margin-bottom: .4em;}
.wide_box dl { color:#535353; font-size:1.5em; margin-top: .5em; margin-left: 10px; width: 90%; margin-bottom: 1em;}
.wide_box dt { color: #5b98bc; font-style:italic; padding-bottom: .1em;}
.wide_box dd { margin-bottom: .6em; font-size: .9em; margin-left: 15px; line-height: 1.4em; display:block;}
.wide_box dd img { float: left; padding-right: 1em; padding-top: 10px;}

.wide_box #link_bottom { background: url(images/box_bottom_blue.jpg) no-repeat; height: 44px; width: 100%;}
ul#text_list { margin: 0 10px; font-size: 1.3em; }
#text_list li{ float: left; display: block; padding: 1em 0; cursor: pointer;}
#text_list li a { color:#ffffff; text-decoration: none; border-left: 1px #ffffff solid; padding: 0 .9em;}
#text_list li a:hover { text-decoration: underline;}
#text_list li a.first { border: none;}
#text_list li.selected { background: url(images/selector_white.jpg) no-repeat center top;}

/* white box */
.white_box{ background:url(images/box_mid_thin.jpg) repeat-y; width: 328px; position: relative; margin-bottom: 15px;}
.white_box .top{ background: url(images/box_top_thin.jpg) no-repeat; height: 12px; width: 100%;}
.white_box .bottom{ background: url(images/box_bottom_thin.jpg) no-repeat; height:16px; width: 100%;}
.white_box .story { margin: 15px 25px 25px 25px; background:#FFFFFF;}
.white_box p{ color:#8b8b8b; font-size:1.2em; margin-top: .1em;}


/* awards */
#awards { position: relative;}
#awards #logos { background:url(images/awards.jpg) no-repeat center top; width: 100%; height: 145px;}
#awards #award_btn{ height: 45px; }
#awards h3 { margin: 0 25px; padding: 0;}
#awards .story { margin-top: 5px;}
#awards p { margin-bottom:.5em;}

/* testimonials */

#testimonials .story {margin: 15px 16px 25px 16px;}
#testimonials blockquote { background: url(images/orange_box_mid.jpg) repeat-y; }
#testimonials blockquote .top { background:url(images/orange_box_top.jpg) no-repeat; width: 100%; height:12px;}
#testimonials blockquote .bottom { background:url(images/orange_box_bottom.jpg) no-repeat; width: 100%; height:23px;}
#testimonials blockquote p { margin: 0 1em; font-size:1.2em; color:#FFFFFF; font-weight: bold;}

#testimonials h3 { background:url(images/rhap_logo.jpg) no-repeat 0 0; padding-left: 150px; margin-left: 17px;}
#testimonials .sig { margin: 5px 15px; text-align:right;}
#testimonials .sig p { padding-top: 2px; color: #ff8400; font-size: 1.4em; font-weight: bold;}
#testimonials .sig p span { display: block; color: #5b5b5b; font-size: .9em;}
#testimonials .sig img{ float: right; padding-left: 1em;}

#experience { background:url(players_small.jpg) no-repeat 0 80px;}
#experience dl { margin-left: 150px; width: 400px;}
 
/* final cta */

#final_cta {}
#final_cta .story{ margin-bottom: 0;}
#final_cta .action { width: 316px; margin-left: 130px; margin-top: 10px;}
#final_cta blockquote { background: url(images/fortune_logo.jpg) #e9eaec no-repeat 0 0; width: 100%; height: 35px;}
#final_cta blockquote span { display: none;}


/* ------- headers --------- */

h1 {}
h2 {}
h3 { color: #0076bf; font-size:2.4em; font-weight: normal; font-style:italic; padding-bottom: 5px; }
h4 {}

strong { font-weight: bold;}