/* -----------------------------------------------
Title: Promo Landing Page Styles
Author: Jarid Love
Modified: 18 Feb 2010
----------------------------------------------- */

/* basic page layout
------------------------------------------- */
body { background:#6B6C69; color:#333333; font-family:Arial, Helvetica, Sans-Serif; margin:0; padding:25px 0; text-align:center; }
#promo { margin:0; padding:0; }
#contentcontainer { background:#FFFFFF; margin:0 auto; text-align:left; width:773px; }
#content { margin:0 124px 0 154px; padding-bottom:50px; }
#hdr { background:#FFFFFF; margin:auto; position:relative; text-align:left; width:773px; }
#hdr ul { list-style-image:none; list-style-type:none; margin:0; padding:0; }
#hdr-lnks1-home { background-color:#FFFFFF; margin:0; padding:18px 0 24px 0; width:770px; }
#hdr-lnks1-home a { background:#FFFFFF url(/common/img/hdr/nlogo.gif) no-repeat 10px 4px; display:block; height:29px; width:98px; }
#hdr-lnks1-home span, #hdr-lnks1-skip a { height:1px; left:0; overflow:hidden; position:absolute; top:0; width:1px; }
#hdr-lnks1-skip { background-color:#C8CCCC; height:22px; left:617px; margin:0; padding:0; position:absolute; top:6px; width:150px; }
#hdr-logo { background-color:#383A3B; height:22px; left:155px; margin:0; padding:0; position:absolute; top:6px; width:456px; }
#hdr-logo img { display:none; }
#hdr-lnks1-lang { left:392px; position:absolute; text-align:right; top:11px; width:210px; z-index:2; }
#hdr-lnks1-lang a { color:#EEF0F0; display:block; font-size:60%; text-decoration:none; }
#hdr-lnks1-lang a:hover, #hdr-tagline a:hover { color:#FFFFFF; text-decoration:underline; }
div.clear { clear:both; height:1px; overflow:hidden; }
img { border:none; }

/* call to action section
------------------------------------------- */
#actions { font-size:70%; padding-top:30px; width:456px; }
.action { float:left; width:152px; }
.action p { background:#FFFFFF url(/img/down_arrow_orange.gif) no-repeat 15px 0; margin:0; padding:30px 15px 0 15px; } /* to change color of arrow, override this bg */
.action a { color:#333333; text-decoration:none; }
.action a:hover { text-decoration:underline; }

/* footer
----------------------------------------------- */
body #ftr { background-color:transparent; clear:both; font:70%/20px Arial,Helvetica,sans-serif; margin:0 auto; padding:5px 0 0 0; position:relative; text-align:left; width:773px; }
#ftr_container { line-height:100%; margin:0 12px; padding:6px 0 0 0; }
#ftr_container a { color:#CCCCCD; text-decoration:none; }
#ftr_container a:hover { text-decoration:underline; }
#ftr ul#ftr_nav { float:left; font-size:11px; list-style-type:none; margin:0; padding:0; width:60%; }
#ftr ul li { border-left:0.1em solid #CCCCCD; float:left; padding:0 0.6em; }
#ftr ul li#ftr_careers { border:none; padding-left:0; }
#ftr ul li a { line-height:110%; }
#ftr p { margin:0; padding:0 0 0 0.2em; }
#ftr_copy { color:#CCCCCD; float:right; }
#ftr_code { clear:both; }
#ftr #ftr_language { padding-right:80px; position:relative; z-index:2; }
#ftr #ftr_language:hover { background-color:#000000; border:0 solid #FFFFFF; padding-bottom:6px; padding-right:80px; padding-top:6px; top:-6px; }
#ftr #ftr_language:hover a { color:#FFFFFF; }
#ftr #ftr_language:hover #ftr-lang { display:block; }
#ftr-lang { background-color:#000000; border-bottom:2px solid #FFFFFF; bottom:2em; display:none; left:0; padding-bottom:2em; position:absolute; width:100%; }
#ftr-lang ul { float:none; list-style-type:none; margin:0; padding:1em 1em 0 0.6em; }
#ftr-lang ul li { float:none; border:0 solid #FFFFFF; margin:0; padding:0 0 4px 0; }
#ftr-lang ul #ftr-lang-preferences { padding-top:1em; }
#ftr-lang ul a { color:#FFFFFF; }