@charset "UTF-8";
/* WAVES for Success */
/* Copyright (c) 2007 WAVES for Success */
/* Stylesheet by Kevin at Brough Communications */
/* For Screen */

/************** Colors Used **************
Light Blue: 1FA7DF
Medium Blue (Bg): 5B8CAB
Dark Blue: 13254A
Red: C4161C

Light Gray: B3B3B3
Medium Gray: 888
Dark Gray: 4D4D4D
*/

/************** Root Element **************/
html { margin:0; padding:0; }
body { margin:0; padding:0; font:small/1.4 Arial,Helvetica,sans-serif; color:#000; 
	background:#5B8CAB url("../img/decor/page_bg.png") repeat-x fixed; }

/************** Headings **************/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { color:#13254A; font-size:250%; }
h2 { color:#13254A; font-size:175%; }
h3 { color:#13254A; font-size:170%; text-transform:uppercase; }
h4 { font-size:115%; }
h5 { font-size:100%; }
h6 { font-size:100%; }

/************** Links **************/
a:link { color:#13254A; }
a:visited { color:#13254A; text-decoration:none; border-bottom:1px dashed; }
a:hover, a:focus, a:active { color:#C4161C; }
a img { border:0 none; }

.pdf, .dl, .feed, .send, .vcard, .contact { min-height:18px; padding:2px 0 2px 32px; 
    background-position:0 50%; background-repeat:no-repeat; }
.pdf { background-image:url("../img/icons/pdf.gif"); }
.dl { background-image:url("../img/icons/download.gif"); }
.feed { background-image:url("../img/icons/feed.gif"); }
.send { background-image:url("../img/icons/send.gif"); }
.vcard, .contact { background-image:url("../img/icons/contact.gif"); }
.vcard { margin:10px 0; background-position:0 0; }

/************** Standard Elements **************/
blockquote { margin:15px; padding:0; }
blockquote p { margin:0 0 5px 0; padding:0; }
blockquote cite { color:#888; font-style:normal; }
acronym { cursor:help; }
textarea { font:small/1.4 Arial,Helvetica,sans-serif; }
table { empty-cells:show; }
form { margin-bottom:20px; }

/************** Page Layout **************/
#container { position:relative; width:760px; margin:0 auto; padding:119px 0 0 0; border:2px solid #888; 
	border-top-width:0; color:#000; background:#fff url("../img/decor/header.png") repeat-x; }
#header { position:relative; margin:0; padding:25px 0 0 0; min-height:125px; 
	background:#fff url("../img/decor/content_bg.png") repeat-x; }
#footer { width:900px; margin:0 auto; padding:10px 0; color:#B3B3B3; text-align:center; }

/************** Header **************/
h1 { position:absolute; top:-70px; left:-45px; width:630px; height:198px; 
	background:url("../img/decor/waves_logo_lg.png") no-repeat; text-indent:-9999px; }
h2 { display:none; }
#header blockquote { width:155px; float:right; text-align:right; color:#4D4D4D; }
#header #store-utility { width:400px; margin:10px 0; float:right; text-align:right; color:#4D4D4D; }
#header #store-utility ul { display:inline; margin:0; padding:0; list-style:none; }
#header #store-utility li { display:inline; margin:0; padding:0 5px; }
#nav { list-style:none; position:absolute; top:1px; right:0; margin:0 0 0 200px; padding:0; 
    font-size:110%; }
#nav li { float:left; margin:0 5px 0 0; padding:0 0 0 5px; 
    background:url("../img/decor/nav_left.gif") 0 0 no-repeat; }
#nav a { float:none; display:block; width:.1em; margin:0; padding:2px 5px 5px 0; border:0 none; 
    color:#13254A; background:url("../img/decor/nav_right.gif") 100% 0 no-repeat; text-decoration:none; 
    white-space:nowrap; }
#nav a:hover { color:#4D4D4D; }
#nav li > a { width:auto; }
#nav li ul { display:none; }
#nav li:hover ul { display:block; position:absolute; top:1.7em; left:0; list-style:none; 
    margin:0 10px 0 30px; padding:0; }
#nav li ul li { display:block; width:100%; float:none; margin:0 0 2px 0; padding:0; color:#fff; 
    background:#4D4D4D; }
#nav li ul a { width:100%; padding:2px 5px; color:#fff; background:#4D4D4D; font-weight:bold; 
	font-size:80%; text-transform:uppercase; text-decoration:none; letter-spacing:0.15em; }

/************** Content **************/
#content { position:relative; float:left; clear:both; width:542px; margin:0 0 15px 15px; 
    padding:5px 0 0 0; color:#4D4D4D; background:url("../img/decor/line_border.gif") 0 0 no-repeat; }
#primary-content { padding:0; width:340px; float:right; }
#content p .first-line { font-size:110%; font-weight:bold; }
#primary-content p.important { font-size:125%; font-weight:bold; font-style:italic; text-align:center; }
ol#acronym { width:163px; min-height:118px; margin:0; padding:5px 10px; list-style:none; font-size:110%; 
	background:url("../img/decor/acronym.png") 0 0 no-repeat; text-indent:-9999px; }
ol#acronym li:first-letter { color:#13254A; font-size:110%; font-weight:bold; }
#content #promo { width:180px; margin:0; padding:10px 0 0 0; float:left; text-align:center; }
#content p#promo { border-top:1px solid #B3B3B3; }
#content #promo h4 { margin:0; padding:0; font-size:140%; }
#content #promo p { margin:0; padding:10px 0 0 0; }
#content #promo p + p { margin:10px 0 0; }
#content #promo img { position:relative; border:0 none; }
#content #promo a { border:0 none; }
#content #promo .button { padding:2px 5px; border:5px outset #fbad12; -moz-border-radius:10px; 
    -webkit-border-radius:10px; border-radius:10px; color:#C4161C; background:#fbad12; font-size:125%; }
#content h3 { position:absolute; top:-1.5em; padding:5px 0; clear:both; }
#content h4 { margin:5px 0; }
#content h4 strong { text-transform:uppercase; }
strong.recruit { color:#C4161C; }
strong.educate { color:#1FA7DF; }
strong.motivate { color:#13254A; }
strong.retain { color:#C4161C; }
#content p { margin:5px 0; padding:0; }
#content p.img { margin:0 0 0 5px; float:right; }
#content p.img-alt { margin:0 5px 0 0; float:left; }
ul.endorsers { list-style:none; margin:0; padding:0; text-align:center; }
ul.endorsers li { margin:10px 5px; float:left; width:170px; }
ul.endorsers li.clear { clear:left; }

#resources { position:static; float:right; width:170px; margin:0 15px 15px 0; 
    border-left:1px solid #B3B3B3; }
#resources h3 { height:55px; color:#fff; 
    background:#B3B3B3 url("../img/decor/resource_header.gif") no-repeat; text-indent:-9999px; }
#resources ul { margin:0; padding:0 10px; list-style:none; font-size:90%; }
#resources li { display:inline; }
#resources li a { display:block; margin:0; padding:15px 0 15px 50px; border-bottom:1px solid #B3B3B3; 
    color:#4D4D4D; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; 
    letter-spacing:0.1em; }
#resources ul ul { padding:5px 0; font-size:90%; }
#resources ul ul li a { padding:5px 0 5px 50px; border-bottom:0 none; color:#888;  }

li#resources-newsletter a { background:url("../img/icons/newsletter.gif") 0 50% no-repeat; }
li#resources-book a { background:url("../img/icons/book.gif") 0 50% no-repeat; }
li#resources-store a { background:url("../img/icons/store.gif") 0 50% no-repeat; }
li#resources-blog a { background:url("../img/icons/blog.gif") 0 50% no-repeat; }
li#resources-webinars a { background:url("../img/icons/webinars.gif") 0 50% no-repeat; }
li#resources-planners a { background:url("../img/icons/planners.gif") 0 50% no-repeat; }
li#resources-articles a { background:url("../img/icons/articles.gif") 0 50% no-repeat; }
li#resources-twitter a { background:url("../img/icons/twitter.gif") 17px 50% no-repeat; }
li#resources-facebook a { background:url("../img/icons/facebook.gif") 17px 50% no-repeat; }
li#resources-linkedin a { background:url("../img/icons/linkedin.gif") 17px 50% no-repeat; }

#supplementary { clear:both; color:#4D4D4D; background:#fff url("../img/decor/content_bg.png") repeat-x; }
#supplementary:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#supplementary h3 { display:none; }
#supplementary h4 { margin:0; padding:0 5px; color:#4D4D4D; text-transform:uppercase; font-weight:bold; 
    letter-spacing:0.05em; color:#4D4D4D; 
    background:url("../img/decor/sidebar_header.gif") 90% 0 no-repeat; }
#supplementary h4 a { padding:0 8px 0 0; border:0 none; color:#4D4D4D; 
    background:url("../img/decor/gray_arrow.gif") 100% 50% no-repeat; text-decoration:none; }
#supplementary .item { position:relative; margin:15px 0 15px 15px; border-left:1px solid #B3B3B3; 
    float:left; }
#supplementary p.item { border-left:0 none; text-align:center; }
#supplementary p { margin:5px 10px; }
#supplementary p.img { margin:0 15px 0 0; float:left; }
#supplementary p.more-link { position:absolute; top:0; right:0; margin:0; font-size:90%; }
p.more-link a { padding:0 8px; border:0 none; color:#4D4D4D; 
	background:url("../img/decor/gray_arrow.gif") 100% 50% no-repeat; font-weight:bold; 
    text-transform:uppercase; text-decoration:none; text-align:right; letter-spacing:0.15em; }

/************** Supplementary Items **************/
#about { width:300px; border-top:5px solid #C4161C; }
#about blockquote { margin:0 15px 0 105px; }
#about blockquote cite { font-size:90%; }
#survey { width:227px; border-top:5px solid #1FA7DF; }
#survey a { border-bottom:0 none; }
#endorsers { width:170px; border-top:5px solid #13254A; }
p#image-fader { width:150px; margin:5px auto; }

/************** Second Layer **************/
.second-layer #header { min-height:70px; }
.second-layer h1 { top:-110px; left:-30px; width:250px; height:175px; 
    background-image:url("../img/decor/waves_logo_sm.png"); }
.second-layer h1 a { display:block; width:250px; height:175px; border:0 none; text-decoration:none; }
.second-layer #nav { margin-left:160px; }

.second-layer #content { float:right; margin:0 15px 0 0; padding:15px 0 0 0; }
.second-layer #content p { margin:0; text-indent:2.1em; }
.second-layer #content p.img { margin:0 0 5px 15px; float:right; text-indent:0; }
.second-layer #content p.img-alt { margin:0 15px 5px 0; float:left; text-indent:0; }
.second-layer #content p.img-pri { margin:-10px 0 0 5px; width:176px; float:right; text-align:center; 
	background:#fff url("../img/decor/content_bg.png") repeat-x; text-indent:0; }
.second-layer #content p.important { margin:10px 0; font-size:125%; font-weight:bold; text-indent:0; }

.second-layer #resources h3 { height:5px; background-position:0 100%; }
.second-layer #supplementary { clear:left; background-image:none; }
.second-layer #supplementary .item { float:left; clear:left; width:170px; }
.second-layer #supplementary p { margin:2px 5px 0 5px; }
.second-layer #supplementary p.more-link { position:static; margin:5px 0; text-align:right; }
.second-layer #news { border-top:5px solid #C4161C; }
.second-layer #seminars { border-top:5px solid #1FA7DF; }
.second-layer #survey { border-top:5px solid #13254A; }

/************** Popup Layer **************/
.popup #container { width:100%; max-width:750px; padding:0; }
.popup #header { min-height:170px; padding:0; background:transparent; }
.popup h1 { position:absolute; top:5px; left:auto; right:10px; width:158px; height:190px; 
    background-image:url("../img/decor/logo_sm.png"); }
.popup #content { float:none; margin:0 10px; padding:15px 0 0 0; }
.popup #content p { margin:0; text-indent:2.1em; }

.popup #footer { width:100%; margin:0 auto; padding:10px 0; color:#B3B3B3; text-align:center; }

/************** sIFR **************/
.sIFR-flash { visibility:visible !important; margin:0; }
.sIFR-replaced { visibility:visible !important; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; 
    overflow:hidden; }
.sIFR-flash + div[adblocktab=true] { display:none !important; } /* in case of AdBlock */

/************** Classes **************/
.big { font-size:160%; }
.big ul { font-size:125%; margin:10px 0; }
#primary-content.big p.important { margin-top:15px; }
.entry-asset { border-top:1px solid #B3B3B3; }

/************** Form Validation **************/
.LV_valid { color:#0c0; }
.LV_invalid { color:#c00; }
.LV_validation_message { margin:0 0 0 5px; font-weight:bold; }
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
textarea.LV_valid_field:hover, textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field, .fieldWithErrors textarea.LV_valid_field { 
	border:1px solid #0c0; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field { 
	border:1px solid #c00; }

/************** Active Navigation **************/
#nav li.active { background:url("../img/decor/nav_left_active.gif") 0 0 no-repeat; }
#nav .active a { background:url("../img/decor/nav_right_active.gif") 100% 0 no-repeat; }