/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------   
      Author: Milena Polimeno
======================================*/

/* Table of contents
**************************************

1. RESET
2. GENERAL
3. NAVIGATION


*/


/*              1. RESET            
**************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }


/*              2. GENERAL            
**************************************/
body { background: #000 url(../img/peakandyou/bg_body.png) top center repeat-x; font-family: Arial,sans-serif; font-size: 11px; color: #FFF; }
#container { float: left; width: 100%; }


input, textarea, select { font-family: Arial, Sans-Serif; }

/* HEADERS AND PARAGRAPHS */
h1 { font-weight: bold; color: #da881f; font-size: 20px; margin-bottom: 20px; }
h2 { font-weight: bold; color: #da881f; font-size: 20px; margin-bottom: 20px; }
h3 { font-weight: bold; color: #da881f; font-size: 20px; margin-bottom: 10px; }
h4 { font-weight: bold; color: #da881f; font-size: 13px; margin-bottom: 10px; }
h5 { font-weight: bold; color: #000000; font-size: 13px; margin-bottom: 10px; }
h6 { font-weight: bold; color: #da881f; font-size: 11px; margin-bottom: 10px; }
p { font-size: 11px; color: #FFF; }
a { color: #da881f; text-decoration: none; }
a:hover { color: #da881f; text-decoration: underline; }
/*              3. NAVIGATION            
**************************************/
#mainmenu { width: 850px; margin: 0px auto; clear: left; float: left; }
#mainmenu ul#navigation { list-style: none; padding: 0 0 30px 20px; width: 560px; float: left; position:relative; }
#mainmenu ul#navigation li { margin: 0; padding: 0; display: block; float: left; width: auto; }
#mainmenu ul#navigation li a { float: left; display: block; color: #b2b4a6; text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif, SansSerif; text-decoration: none; font-size: 13px; width: auto; padding: 0 10px;  height: 42px; line-height: 42px; vertical-align: middle; }
#mainmenu ul#navigation li a:hover, #mainmenu ul#navigation li a.active { color: #FFF; background: url(../img/peakandyou/nav-hover.gif) bottom center repeat-x;  }
#mainmenu ul#navigation li.active a { float: left;  color: #FFF; background: url(../img/peakandyou/nav-hover.gif) bottom center repeat-x;font-weight: bold; }
#mainmenu ul#navigation li.active .subnav li, #mainmenu ul#navigation li .subnav li { float: left; list-style: none; font-size: 13px; padding:0 35px 0 20px; }
#mainmenu ul#navigation li.active .subnav li a, #mainmenu ul#navigation li .subnav li a { background: none; text-transform: none; font-weight: normal; height: auto; line-height: normal; padding:0; color:#FFF }
#mainmenu ul#navigation ul.subnav { background: url(/Sites/personalsite/Templates/img/peakandyou/subnav.png) left top no-repeat; float: left; width: 563px; height: 18px; padding-top: 3px; margin-bottom: 2px; color: #b2b4a6; display: none; padding-left:0; position:absolute;top:42px; left:0 }
.subnav li a { color: #FFF; text-transform: lowercase; }

.subnav li a:hover { color: #FFF; }

#langmenu { float: right;}
#langmenu ul { list-style: none; padding: 130px 20px 0 0; margin: 0px; width: auto; }
#langmenu ul li { margin: 0px; padding: 0 0 0 5px; display: block; float: left; width: auto; }
#langmenu ul li a { float: left; display: block; color: #b2b4a6; text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif, SansSerif; text-decoration: none; font-size: 12px; width: auto; }
#langmenu ul li a.active, #langmenu ul li a:hover { color: #da881f; }
#langmenu ul li a.active {font-weight: bold; }
#subnavigation { margin-bottom: 20px; }
#subnavigation ul { margin: 0; padding: 0; }
#subnavigation ul li ul { margin: 10px 0 0 15px; }
#subnavigation li { margin: 0; padding: 0; font-size: 14px; font-weight: bold; font-family: Arial; padding-bottom: 5px; }
#subnavigation li a { color: #000; border: none; margin: 0; padding: 0; }
#subnavigation li a:hover { color: #da881f; }
.RadTreeView { margin-bottom: 30px; }
.RadTreeView .rtUL .rtLI .rtUL, .RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot { padding: 0 !important; font-weight: bold; }
.RadTreeView ul li a { color: #000; }
.RadTreeView ul li a:hover { color: #da881f; }
ul.rtUL { margin-left: 10px !important; }
.WrapTreeNodeActive { color: #da881f; font-weight: bold; }
.RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn { border: none !important; }


/**************************************/
/*              HEADER                */
/**************************************/
#header { background: url(../img/peakandyou/header.png) top left no-repeat; height: 198px; width: 850px; margin: 0 auto; }
#logo { width: 765px; height: 155px; text-indent: -10000px; display: block; float: left; margin: 0; padding: 0; }


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#wrapper { width: 850px; margin: 0 auto; text-align: left; padding: 0; }
#wrapper.cobranded { margin-top: 0; }
#wrapper.cobranded p, #wrapper.cobranded label, #wrapper.cobranded input, #wrapper.cobranded textarea, #wrapper.cobranded select { font-size: 12px; }
#wrapper.cobranded input.button { clear: left; float: left; margin: 10px 0 20px; }
.ContentWrapper { line-height: 16px; }
.ContentWrapper, .news { padding-bottom: 10px; float: left; }
#content { float: left; width: 850px; padding-bottom: 5px; }
#wrapper.cobranded #contentLeft { width: 788px; min-height: 300px; _height: 300px; margin: 0; }
#wrapper.cobranded #contentLeft select { margin-bottom: 20px; }
#wrapper.cobranded #contentLeft label { width: 150px; display: block; float: left; }
#contentLeft { float: left; width: 501px; margin: 0 18px 0 0; padding: 20px 30px 0 32px; background: url(/Sites/personalsite/Templates/img/peakandyou/bg_contentblock.gif) left top repeat-x; }
.form_cobranded { clear: left; padding: 10px 0; }
.form_cobranded p { padding-bottom: 10px; }
.form_cobranded div { padding-bottom: 5px; }
#contentLeft h3 { font-size: 22px; line-height: 1em; }
#contentLeft h3 em { font-size: 18px; }
#contentLeft h4 { font-size: 20px; }
#contentLeft li { list-style: none; font-size: 13px; padding-bottom: 5px; clear:left; }
#contentRight { float: right; padding: 0; background: url(/Sites/personalsite/Templates/img/peakandyou/bg_contentblock.gif) left top repeat-x; width: 232px; padding: 20px 18px 0; }
#contentRight h3 { font-size: 13px; font-weight: bold; margin: 0 0 5px; padding: 0; }
.login { width: 255px; float: left; padding-left: 15px;  }
.login input { background: url(/Sites/personalsite/Templates/img/peakandyou/bg_login_field.gif) left top no-repeat; border: none; margin-top: 15px; float: left; width: 85px; margin-right: 10px; color: #FFF; font-size: 11px; height: 15px; text-align: center; padding: 3px 3px 0; }
.login input.button { background: url(/Sites/personalsite/Templates/img/peakandyou/bg_button_ok.gif) left top no-repeat; height: 32px; width: 30px; padding: 0 0 0 15px; margin: 6px 0 0; cursor: pointer; text-align: left; }
.errormessage { color: #F00; float: left; padding: 5px 0 0 15px; }
.logoff input.button { background: url(/Sites/personalsite/Templates/img/peakandyou/bg_button_ok.gif) left top no-repeat; height: 32px; width: 67px; padding: 0 18px 0 0; margin: 6px 0 0; cursor: pointer; text-align: right; border: none; color: #FFF; float: right; font-size: 11px; }
#logoff { width: auto; font-weight: bold; float: right; padding: 20px 20px 0; }
#logoff a { text-decoration: underline; }
.logo_client { float: left; margin-right: 10px; }

/**************************************/
/*               FOOTER               */
/**************************************/
#footer { background: url(../img/footer.gif) top center repeat-x; font-size: 10px; height: 212px; clear: left; }

#footer #links { height: 25px; padding: 0; background: none; width: 850px; margin: 0 auto; }
#footer #links a { font-family: Tahoma, Arial, Sans-Serif; font-size: 10px; font-weight: bold; line-height: 22px; vertical-align: middle; margin: 0; padding: 0 23px 0 20px; display: block; color: #FFF; float: left; }
#footer #links a.rss { background: url(../img/icon-rss.gif) 0 center no-repeat; }
#footer #links a:hover.rss { background: url(../img/icon-rss-active.gif) 0 center no-repeat; }
#footer #links a.linkedin { background: url(../img/icon-linkedin.gif) left center no-repeat; }
#footer #links a:hover.linkedin { background: url(../img/icon-linkedin-active.gif) left center no-repeat; }
#footer #links a.facebook { background: url(../img/icon-facebook.gif) left center no-repeat; }
#footer #links a:hover.facebook { background: url(../img/icon-facebook-active.gif) left center no-repeat; }
#footer #links a.twitter { background: url(../img/icon-twitter.gif) left center no-repeat; }
#footer #links a:hover.twitter { background: url(../img/icon-twitter-active.gif) left center no-repeat; }
#footer #links img { margin: 3px 5px 0 0; display: block; float: left; }
#footer div#contact { width: 754px; margin: 0 auto; padding: 10px 0 0 96px; background: url(/Sites/personalsite/Templates/img/peakandyou/logo_footer.gif) left top no-repeat; height: 51px; }
#footer div#contact p { float: left; width: auto; padding: 19px 0 0 22px; color: #40424d; }
#footer div#contact p a { color: #40424d; }
#footer div#contact p a:hover { color: #da881f; }

/*Specific styling*/
.quote { line-height: 1.8em; }
.quote em { font-family: Times New Roman; font-size: 13px; }
.news { background: url(/Sites/personalsite/Templates/img/peakandyou/bg_news_single.gif) left top no-repeat; padding: 5px; width: 222px; height: 83px;overflow:hidden; }
.news a { color: #FFF; }
#contentRight .news h3 { color: #930; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #FFF; padding: 0 0 3px 5px; margin: 0; }
.newsbig { padding-bottom: 10px; }
.news .newsitem { padding: 0 0 0 5px; }
.news .newsitem h4 { font-size: 11px; padding: 5px 0 0;margin:0 0 50px 0 }
.news .newsitem p { border-bottom: 1px solid #FFF; padding: 0 0 3px;display:none; }