﻿/* General Styles ------------------------------------------------------ */
* {margin:0; padding:0;}

body {background:#f2f4ef url(../images/background.gif) top center repeat-x; font:14px/18px Arial, Helvetica, Verdana, sans-serif; color:#7e7e7e;}
h1 {font-size:22px; color:#2db2e6; background:#fff; display:inline; padding:2px 7px 0 0;}
h2 {font-size:14px; color:#31578a; margin:0 0 16px 0; text-transform:uppercase;}
h3 {font-size:14px; color:#bd9a52; margin:0 0 15px 0;}
p {margin:0 0 25px 0; font-weight:normal; color:#7e7e7e;}
ul {margin:0 0 0 22px; list-style-type:none;}
ul li {margin:0 0 22px 0;}
#content ul {margin:0;}
#content ul li {padding:0 0 0 27px; background:url(../images/bullet2.gif) 5px 2px no-repeat;}
ol {font-weight:bold; color:#31578a; margin:0 0 0 32px;}
ol li h2 {margin-bottom:0px;}

a, a:link, a:visited {color:#2db2e6;}
a:hover {color:#133b62;}

/* Structural Styles ------------------------------------------------------ */
#wrapper {width:956px; margin:0 auto; padding:0 13px; background:url(../images/background_white.png) repeat-y;}

#header {height:144px; background:url(../images/header.gif) no-repeat;}

#logo {position:relative; top:7px; left:20px;}

#phone_number {font-weight:bold; width:200px; text-align:right; font-style:italic; color:#31578a; font-size:22px; position:relative; top:-16px; left:735px;}
#phone_number_home {color:#31578A; font-size:16px; font-style:italic; font-weight:bold; left:25px; position:relative; text-align:center; top:-8px; width:165px;}

#content, #page_4 #content #content {margin:0 70px 0 85px;}
#content img {margin:0 0 9px 0;}
#content_small {width:690px; float:left;}
#header1 {width:815px; margin:33px 0 49px 0; position:relative; left:-15px; padding:0 0 4px 0; background:url(../images/h1_dots.gif) 0 8px repeat-x;}

.left {width:600px; float:left;}
.right {width:185px; float:right;}

#content #subnav {width:130px; border-bottom:1px dotted #ccc; font-size:12px; float:left; list-style-type:none; list-style-image:none; text-transform:uppercase; margin:0 30px 0 0;}
#content #subnav li {margin:0; background:none; padding:0; _border:1px solid white;}
#content #subnav li a {display:block; border-top:1px dotted #ccc; padding:6px 7px; text-decoration:none;}
#page_8 #MediaCoverage, #page_9 #PressReleases {background:#f1f1f1;}
#content #subnav_content {float:left; width:640px;}
.newsdate {font-style:italic; color:#aaaaaa;}

a.callout {display:block; width:185px; height:31px; padding:6px 0 0 0; margin:0 0 5px 0; color:#fff; font-size:13px; text-transform:uppercase; text-align:center; background:url(../images/bg_callout_btn.gif) 0 0 no-repeat; text-decoration:none; font-weight:bold;}
a.callout:hover {background:url(../images/bg_callout_btn.gif) 0 -37px  no-repeat;}

a.callout_email {display:block; width:115px; height:49px; padding:9px 0 0 70px; margin:0 0 5px 0; color:#fff; font-size:13px; line-height:15px; text-transform:uppercase; background:url(../images/bg_callout_email.gif) 0 0 no-repeat; text-decoration:none; font-weight:bold;}
a.callout_email:hover {background:url(../images/bg_callout_email.gif) 0 -57px  no-repeat;}


/* False Login Box ------------------------------------------------------ */
.fls_login {float:left; width:185px; padding:10px 12px 10px 11px; background:#f2e9d7; position:relative; z-index:99; margin:20px 0 40px 290px; _margin:20px 0 40px 150px;}
.fls_login h2 {font-size:10px; text-transform:uppercase; color:#fff; background:#bd9a52; display:block; margin-bottom:6px; padding:0 0 1px 6px; width:180px}
.fls_login h3 {font-size:10px; font-weight:bold; text-transform:uppercase; color:#bd9a52; display:block; margin-bottom:2px;}
.fls_login input {float:left; width:133px; margin-bottom:7px; padding:2px 0; font-size:11px; font-family: Arial, sans-serif; background:#fff; }
.fls_login input.submit	{border:0; width:19px; height:17px; margin-left:9px; background:url(../images/submit.gif); cursor:pointer; float:left; margin-top:2px; padding:0;}
.fls_login a {font-size:11px; text-decoration: underline;line-height:14px;}
.fls_login a:hover {text-decoration: none;}
.fls_login p {color:#08c1ef; font-size:11px; line-height:20px; padding:10px 0 0 0;}

.fineprint {width:500px; text-align:center; float:left; clear:both; margin:0 0 0 142px; _margin:0 0 0 70px;}
.fineprint p {color:#335689; font-size:14px; font-weight:bold;}


/* Navigation Styles ------------------------------------------------------ */
#nav {height:37px; clear:both; float:right;}
#nav ul {width:670px; height:37px; position:relative; background:url(../images/nav.gif) 0 0 no-repeat;}
#nav li {position:absolute; background:url(../images/nav.gif) 0 0 no-repeat; display:block; list-style:none;}
#nav a {height:37px; display:block; text-indent:-9999px; text-decoration:none; outline:0;}

#nav #home {left:0; width:65px; background-position:0 0;}
#nav #whatsrhr {left:65px; width:172px; background-position:-65px 0;}
#nav #howwork {left:237px; width:150px; background-position:-237px 0;}
#nav #faq {left:387px; width:55px; background-position:-387px 0;}
#nav #news {left:442px; width:105px; background-position:-442px 0;}
#nav #emaillist {left:547px; width:123px; background-position:-547px 0;}

#nav #home a:hover {background:url(../images/nav.gif) 0 -37px no-repeat;}
#nav #whatsrhr a:hover {background:url(../images/nav.gif) -65px -37px no-repeat;}
#nav #howwork a:hover {background:url(../images/nav.gif) -237px -37px no-repeat;}
#nav #faq a:hover {background:url(../images/nav.gif) -387px -37px no-repeat;}
#nav #news a:hover {background:url(../images/nav.gif) -442px -37px no-repeat;}
#nav #emaillist a:hover {background:url(../images/nav.gif) -547px -37px no-repeat;}

#page_4 #home a {background:url(../images/nav.gif) 0 -37px no-repeat;}
#page_5 #whatsrhr a {background:url(../images/nav.gif) -65px -37px no-repeat;}
#page_6 #howwork a {background:url(../images/nav.gif) -237px -37px no-repeat;}
#page_10 #faq a {background:url(../images/nav.gif) -387px -37px no-repeat;}
#page_8 #news a, #page_9 #news a {background:url(../images/nav.gif) -442px -37px no-repeat;}
#page_7 #emaillist a {background:url(../images/nav.gif) -547px -37px no-repeat;}


/* Home Page Styles ------------------------------------------------------ */
#page_4 #header {display:none;}
#page_4 #content {margin:0;}
#page_4 #homepage {background:url(../images/home.jpg) no-repeat; height:491px; margin:0 0 23px 0; position:relative;}
#page_4 #content ul li {background:none; padding:0;}
#findouthow {position:relative; top:81px; left:706px;}

#timeMagazine {position:absolute; top:410px; right:5px;}

.home_description {width:340px; height:190px; padding:2px 20px 2px 12px; border-left:1px solid #cccccc; float:left;}
.home_small {width:195px; height:147px; padding:45px 0 2px 12px; border-left:1px solid #cccccc; float:left;}
.home_small h3 {font-size:22px; line-height:24px;}
.home_small select {padding:2px; font:12px/14px Arial, Helvetica, Verdana, sans-serif; color:#7e7e7e; border:1px solid #ade1f5; margin:1px 0 10px 0;}

.home_large {width:195px; height:147px; padding:45px 0 2px 12px; border-left:1px solid #cccccc; float:left;}
.home_large h3 {font-size:22px; line-height:24px; color:#133B62;}

.home_small a, .home_small a:link, .home_small a:visited, .home_large a, .home_large a:link, .home_large a:visited {text-transform:uppercase; text-decoration:none; color:#08c1ef; font-size:11px; line-height:13px; font-weight:bold;}
.home_small a:hover, .home_large a:hover {color:#133B62;}


/* Contact Page Styles ------------------------------------------------------ */
#contact_page {width:690px; background:#f5f5f5; padding:15px; margin:0 0 50px 0;}
#contactL, #contactR {width:323px; float:left;}
#contactL {margin:0 41px 0 0;}
#contact_page input, #contact_page textarea, #contact_page select {padding:4px; font:14px/18px Arial, Helvetica, Verdana, sans-serif; color:#7e7e7e; border:1px solid #ade1f5; width:306px; margin:1px 0 10px 0;}
#contact_page input:focus, #contact_page textarea:focus {border:1px solid #ce0000;}
#contact_page select {width:315px;}
#contact_page .field {width:310px;}
#contact_page p {font-size:10px; line-height:12px; font-style:italic; margin:0 0 10px 0;}
#contact_page .button {width:82px; height:21px; cursor:pointer; border:none; display:block; margin:0 auto; background:url(../images/btn_submit.gif) no-repeat; text-indent:-9999px;}
#contact_page .button:focus {border:none;}
#contact_page label.invalid {color:Red; text-transform:uppercase; font-size:10px; position:relative; top:-12px; margin:0 0 -6px 0; display:block;}
#contact_page .form_content_area {margin-bottom:10px; font-size:9px; font-style:italic;}

/* Footer Styles ------------------------------------------------------ */
#footer {background:#133b62; text-transform:uppercase; font-size:8px; color:#fff; text-align:center; padding:2px 0; clear:both; margin:25px 0 0 0;}
#footer sup {font-size:5px;}
#footer a, #footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {color:#ccc;}

/* CLEARFIX CONTROLS ------------------------------------------------------------------------------------- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; background:#000;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxClose {display:none !important;}
