﻿/* 
     meetMVP.com
     Media Logic // mlinc.com
     IS Department // MJS
     Copyright 2009
*/

@import url("reset.css");

body {background:#FFF;}
#wrap {width:890px; margin:0 auto; font:13px Arial, Helvetica, sans-serif; /*color:#717f81;*/ color:#5F6A6C; position:relative}

:focus{outline:0;}
.clear{line-height:0px; font-size:0; height:0px; clear:both;}

p {padding-bottom:10px;}

a {color:#717f81; text-decoration:none; cursor:pointer;}
a:hover {color:#454D4E;}

.hidden {display:none;}

sup {font-size:9px;}


/* Header 
-----------------------------------------------------*/
#header {background: #FFF url(../images/bg-header.jpg) bottom center no-repeat; height:150px; position:relative;}
#header.secondary {background: #FFF url(../images/bg-header-secondary.jpg) bottom center no-repeat;}

#header h1 {padding:30px 0 0 10px;}
#header h1 a {background: url(../images/logo.png) top left no-repeat; width:165px; height:86px; text-indent:-9999em; display:block}


/* Nav Home Page 
-----------------------------------------------------*/
#nav {position:absolute; right:0; top:60px; z-index:500;}
#navSecondary {position:absolute; right:0; bottom:-31px; z-index:500;}
#nav li, #navSecondary li {float:left; padding:0; text-indent:0; margin-right:1px;} #nav li.last, #navSecondary li.last {margin-right:0;}
#nav li a, #navSecondary li a{ height:121px; width:123px; float:left; background:url(../images/mainNav.jpg) top left no-repeat; cursor:pointer; text-indent:-9999em}

#nav li a.members {background-position: 0 0}
#nav li a.employers {background-position: -125px 0}
#nav li a.gold {background-position: -250px 0}

#nav li a.members:hover {background-position: 0 -121px}
#nav li a.employers:hover {background-position: -125px -121px}
#nav li a.gold:hover {background-position: -250px -121px}


/* Nav Secondary Page 
-----------------------------------------------------*/
#navSecondary li a.members {background-position: 0 -242px}
#navSecondary li a.employers {background-position: -125px -242px}
#navSecondary li a.gold {background-position: -250px -242px}

#navSecondary li a.members:hover {background-position: 0 -121px}
#navSecondary li a.employers:hover {background-position: -125px -121px}
#navSecondary li a.gold:hover {background-position: -250px -121px}

#navSecondary li#current a.members {background-position: 0 0}
#navSecondary li#current a.employers {background-position: -125px 0}
#navSecondary li#current a.gold {background-position: -250px 0}


/* Home Feature
-----------------------------------------------------*/
#featureContainer {position:relative; background-color:#fff; height:270px; padding-top:60px;}
#video {position:absolute; background-color:#fff; top:0; left:-30px; height:330px; width:600px;}

h2 {color:#bed628; width:96px; height:88px; text-indent:-9999em; float:left;}
h2#a {margin-left:64px; background:url(../images/h2a.gif) no-repeat; _margin-left:30px;}
h2#q {margin-top:-5px; background:url(../images/h2q.gif) no-repeat; _margin:0; }


#top5 {margin:0 0 0 380px; padding:0 0 30px 0; position:relative; _height:271px; _padding:0;}

#question {margin:0 0 0 110px; height:102px; width:380px;}
#question p {font-size:18px; padding-top:20px;}
#questionOverlay {margin:0 0 0 110px; height:102px; width:380px; position:absolute; top:0px; left:0px; display:none; z-index:100; background-color:#fff}

#answer {margin:0 0 60px 175px; height:78px; _margin-bottom:0;}
#answer p {font-size:13px; _height:120px;}
#answerOverlay {margin:0 0 60px 175px; height:120px; width:340px; position:absolute; top:102px; left:0px; display:none; z-index:100; background-color:#fff;}

#cycle {font-size:11px; color:#717f81; position:absolute; bottom:10px; right:10px;}
#cycle em {color:#BE143C; font-size:20px; font-weight:bold; font-style:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px; }
#prev, #next {margin: 0 4px;}
#prev img, #next img {padding-bottom:1px;}

/*#cycle em {color:#bed628; font-size:18px; font-weight:bold; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#cycle a {color:#bed628;}*/



/* Home Container 
-----------------------------------------------------*/
#homeContainer {background:url(../images/bg-home.jpg) top center no-repeat; overflow:auto; _height:140px; min-height:140px; }
#homeContainer div {float:left; font-size:12px; line-height:16px; position:relative;}
#homeContainer div img {position:absolute;}

#left {width:140px; padding:30px 45px 30px 100px;}
#left img {top:0; left:4px; z-index:99999}

#center {width:213px; padding:30px 150px 30px 28px;}
#center img {top:5px; right:18px;}

#right {width:138px; padding:30px 0 30px 70px;}
#right img {top:23px; left:10px;}
h5 {color:#BE143C;}

#factSheet {text-align:right;}
#factSheet a {background:#FFF url(../images/icon-pdf.gif) top right no-repeat; display:block; padding:10px 35px 10px 0; _padding:0 0 10px 0;}
#factSheet a:hover {color:#454D4E; background:#FFF url(../images/icon-pdf.gif) top right no-repeat;}
#factSheet a img {display:none; _display:inline;}
/* Content
-----------------------------------------------------*/
#content {margin-top:60px;}


/* Left Category Nav
-----------------------------------------------------*/
#category {width:145px; float:left;}
#category ul {padding:0 0 20px 0;}
#category ul li {padding-bottom:6px; background: url(../images/category-divide.gif) bottom center no-repeat;}
#category ul li a {padding:15px 0 15px 10px; display:block; background:#FFF;}
#category ul li a.first {padding:5px 0 15px 10px;}
#category ul li.last {background:none;}

#category p {padding:0 0 10px 10px; font-size:14px;}

#category ul li.current a {color:#be143c;}
#category img {margin-left:3px;}


/* Main Content
-----------------------------------------------------*/
#main {margin-left:190px; width:490px; border-right:6px solid #BAC1C2; padding-right:25px; min-height:600px; line-height:18px;}
p.question {color:#000;}
p.answer {padding-bottom:30px;}

#main ul.answer {padding:5px 15px 30px 16px;}
#main ul.answer li {padding-bottom:5px; list-style:disc; color:#C2C8C9;}
#main ul.answer li span {color:#717f81; font-size:13px;}


h3 {font-size:20px; color:#be143c; font-weight:normal; padding-bottom:20px; text-align:left}
h4 {font-size:11px; color:#be143c; font-weight:normal; padding-bottom:8px; text-align:left}

#goldnumber {font-size:10px; text-align:right; color:#999;}
#categoryNav {border-top:1px solid #f1f1f1; padding-top:10px;}
#categoryNav li {padding-bottom:5px;}
#categoryNav li a {text-decoration:underline;}

.error {color:#BE143C;}

/* Sidebar
-----------------------------------------------------*/
#sidebar {width:152px; float:right; margin-right:27px; _margin-right:0;}
#sidebar h5, #sidebar p {padding-left:14px; font-size:12px;}
#sidebar img.phone  {margin:30px 0 5px 0;}
#sidebar img.quote {margin:0 0 15px 0}


/* Form Content
------------------------------------------------------------------*/
form {margin-top:20px;}
fieldset {padding:0 0 20px 0; font-size:12px; width:480px;}
label {color:#717f81; font-weight:bold; display:block; position:relative;}
label span {color:#A7B0B1; font-weight:normal; position:absolute; right:25px; }
fieldset p {float:left; padding-right:20px;}
input.textfield {width:210px; padding:5px 3px; border:1px solid #BAC1C2}
textarea {width:450px; height:200px; border:1px solid #BAC1C2; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px;}


/* Footer 
-----------------------------------------------------*/
#footer {font-size:11px; padding:40px 0 30px 0}
#footer ul, #footer li {float:left;} 
#footer a {padding: 0 8px 0 8px }
#footer p {text-align:right;}
