/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0; background:#000000; padding-top:10px; padding-bottom:10px; font-family:"Helvetica", Arial, Verdana, sans-serif; color:#231f20} p { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:1.5em; padding-bottom:15px} p a:link, p a:visited { text-decoration: underline; color:#007f8d} p a:hover { text-decoration: underline; color:#007f8d} h4 { margin:0px; padding:0px; font-size:14px; font-weight: bold; line-height:1.5em; padding-bottom:10px } h4 a:link, h4 a:visited { text-decoration: underline; color:#d67e19} h4 a:hover { text-decoration: underline; color:#d67e19} h5 { margin:0px; padding:0px; font-size:18px; font-weight: bold; line-height:1.4em; } h6 { margin:0px; padding:0px; font-size:14px; font-weight: normal; line-height:1.5em; padding-top:15px; padding-bottom:5px} img { border:none} /* --------------------------------------------- 02. CONTAINER AND WRAPPER --------------------------------------------- */ #container { width:100%; float:left; background:url(/100115/images/bg_white.gif) repeat-y top center; margin-bottom:10px; } #wrapper { width:950px; margin:0 auto;} /* --------------------------------------------- 03. NAV BAR --------------------------------------------- */ #navbar { width:950px; height:60px; float:left} #navbar .nav { width:950px; float:left} #navbar .nav ul { list-style:none; margin:0px; padding:0px} #navbar .nav ul li { margin:0; padding:0; float:left;} #navbar .nav ul li a { text-decoration:none; color:#000; float:left; width:100%; padding:20px 0px 18px 0px; font-size:11px; font-weight:bold } #navbar .nav .areyou { width:112px; text-align:left;} #navbar .nav .areyou:hover { width:112px; text-align:left; color:#007e8c} #navbar .nav .areyou_selected { width:112px; text-align:left; color:#007e8c} #navbar .nav .whatpeoplesay { width:75px; text-align:left;} #navbar .nav .whatpeoplesay:hover { width:75px; text-align:left; color:#87ae38} #navbar .nav .whatpeoplesay_selected { width:75px; text-align:left; color:#87ae38} #navbar .nav .meettheauthor { width:90px; text-align:left;} #navbar .nav .meettheauthor:hover { width:90px; text-align:left; color:#d67e19} #navbar .nav .meettheauthor_selected { width:90px; text-align:left; color:#d67e19} #navbar .nav .buythebook { width:82px; text-align:left;} #navbar .nav .buythebook:hover { width:82px; text-align:left; color:#ce463a} #navbar .nav .buythebook_selected { width:82px; text-align:left; color:#ce463a} #navbar .nav .events { width:80px; text-align:left;} #navbar .nav .events:hover { width:80px; text-align:left; color:#007e8c} #navbar .nav .events_selected { width:80px; text-align:left; color:#007e8c} #navbar .nav .aboutproteus { width:84px; text-align:left;} #navbar .nav .aboutproteus:hover { width:84px; text-align:left; color:#d67e19} #navbar .nav .aboutproteus_selected { width:84px; text-align:left; color:#d67e19} #navbar .nav .blog { width:73px; text-align:left;} #navbar .nav .blog:hover { width:73px; text-align:left; color:#ce463a} #navbar .nav .blog_selected { width:73px; text-align:left; color:#ce463a} #navbar .nav .realcastles { width:82px; text-align:left;} #navbar .nav .realcastles:hover { width:82px; text-align:left; color:#87ae38} #navbar .nav .realcastles_selected { width:82px; text-align:left; color:#87ae38} /* --------------------------------------------- 04. HEADER --------------------------------------------- */ #header { width:950px; height:220px; float:left} #header .link_downloadinstruction { width:240px; height:38px; position:absolute; margin-left:335px; background:url(/100115/images/heading_spacer.gif);} #header .link_proteus { width:253px; height:38px; position:absolute; margin-left:482px; background:url(/100115/images/heading_spacer.gif)} #header .link_erikasblog { width:270px; height:38px; position:absolute; margin-left:484px; background:url(/100115/images/heading_spacer.gif); } #header .link_downloadinstruction_red { width:270px; height:38px; position:absolute; margin-left:482px; background:url(/100115/images/heading_spacer.gif);} /* --------------------------------------------- 05. LOGO --------------------------------------------- */ #logo { width:150px; height:190px; position:relative; float:right; margin-top:-280px; padding-right:20px} /* --------------------------------------------- 06. CONTENT STYLES - HOMEPAGE --------------------------------------------- */ #content { width:950px; float:left} /* --------------------------------------------- 06.1 CONTENT STYLES - INNERPAGES --------------------------------------------- */ #content-1 { width:950px; float:left; background:url(/100115/images/bg_content.gif) repeat-y} #content-2 { width:950px; float:left; background:url(/100115/images/bg_content2.gif) repeat-y} /* --------------------------------------------- 07. LEFT PANEL STYLES --------------------------------------------- */ #leftpanel_big { width:420px; float:left; padding-left:85px; padding-right:70px} #leftpanel_small { width:270px; float:left; padding:35px; padding-top:0px; padding-left:85px; } /* --------------------------------------------- 08. RIGHT PANEL - SMALL --------------------------------------------- */ #rightpanel_big { width:440px; float:left; padding-left:55px; padding-right:65px;} #rightpanel_small { width:270px; float:left; padding:35px; padding-top:0px} /* --------------------------------------------- 09. FOOTER - HOME PAGE --------------------------------------------- */ #footer_home {width:815px; float:left; padding-left:85px; padding-right:50px} #footer_home p { font-size:9px; color:#666666; padding-bottom:5px} #footer_home p a {color:#666666; text-decoration:none} /* --------------------------------------------- 09.1 FOOTER - INNER PAGES --------------------------------------------- */ #footer { width:420px; float:left;} #footer p { font-size:9px; color:#666666; padding-bottom:5px} #footer p a {color:#666666; text-decoration:none} /* --------------------------------------------- 10. HOMEPAGE STYLES - WELCOME --------------------------------------------- */ #welcome { width:855px; float:left; padding-left:45px; padding-right:50px} /* --------------------------------------------- 10.1 HOMEPAGE STYLES - WELCOME - LEFT --------------------------------------------- */ #welcome .left { width:390px; float:left; padding-top:50px} #welcome .heading { width:238px; float: right; background:#719530} #welcome .caption { width:390px; float: left; background:#231f20;} #welcome .quote_wrapper { width:280px; height:140px; float: right; background:#dedede; padding:20px 30px 30px 25px; clear:both;} .testimonial p { font-size:13px; padding-bottom:5px} .testimonial .textsmall { font-size:9px;} /*#quotes {width:280px;height:300px;float: right; background:#dedede; padding:20px 30px 30px 25px} #quotes p { font-size:13px; padding-bottom:5px} #quotes .textsmall { font-size:9px;}*/ /* --------------------------------------------- 10.2 HOMEPAGE STYLES - WELCOME - RIGHT --------------------------------------------- */ #welcome .right { width:464px; float: left; } /* --------------------------------------------- 11. ARE YOU STRATEGIC STYLES - LEFT --------------------------------------------- */ #areyoustrategic { width:420px; float:left} #areyoustrategic p { width:420px; float:left; font-size:11px; padding:0; padding-top:15px; font-weight:bold} #areyoustrategic h6 { width:420px; float:left; padding-bottom:2px} #areyoustrategic fieldset { width:420px; float:left; margin:0; padding:0; border:none} #areyoustrategic fieldset .set { width:410px; float:left; margin:0; padding:0; padding-bottom:2px; padding-top:2px} #areyoustrategic fieldset label { width:390px; float: right; font-size:11px; line-height:1.4em} #areyoustrategic fieldset .checkbox { width:12px; float:left; margin:0; padding:0} #areyoustrategic .arrow { width:15px; height:16px; position:relative;} /* --------------------------------------------- 11.1 ARE YOU STRATEGIC STYLES- RIGHT --------------------------------------------- */ #login { width:270px; float:left; } #login h5 { font-size:14px} #login fieldset { width:270px; float:left; margin:0; padding:0; border:none; padding-top:20px} #login fieldset label { width:270px; float:left; font-size:11px; font-weight:bold; padding-bottom:3px} #login fieldset .input-email, #login fieldset .input-name { width:250px; float:left; border:1px solid #525051; padding:4px; color:#00667b; margin-bottom:10px; padding-left:10px} #login fieldset .input-email.required, #login fieldset .input-name.required { color:#cc0000; background:#ffffcc;} #login fieldset .checkbox { width:260px; float:left; font-size:11px; line-height:1.5em; padding-top:1px} .button_blue { color:#FFFFFF; font-size:11px; font-weight:bold} .button_blue a {background:#007f8d; border:1px solid #1a373b; color:#FFFFFF; text-decoration:none; padding:4px; padding-left:7px; padding-right:7px; float:left; margin-top:10px} .button_blue a:hover { color:#FFFFFF; text-decoration:none; float:left; background:#004d56; padding:4px; padding-left:7px; padding-right:7px; border:1px solid #1a373b; margin-top:10px} /* --------------------------------------------- 12. MEET THE AUTHER - LEFT PANEL --------------------------------------------- */ #inherwords { width:270px; float:left; } #inherwords h6 { margin:0; padding:0; padding-bottom:5px} .flashvideo { width:165px; float:left} .flashvideo .video { width:163px; height:117px; float:left; margin-bottom:10px; border:1px solid #d8d2c8} /* --------------------------------------------- 12.1 MEET THE AUTHER - RIGHT PANEL --------------------------------------------- */ #meettheauther { width:440px; float:left} #meettheauther img { float:left; padding-right:20px; padding-bottom:50px; padding-top:6px; position:relative} /* --------------------------------------------- 13. ARE YOU STRATEGIC SCORE PAGE - RIGHT --------------------------------------------- */ #quizscore { width:270px; float:left; } #quizscore #resultscore { font-size:38px; margin:0px; padding:0 0 10px 0; font-weight: bold; line-height:1.4em;} #quizscore .scoring { width:250px; float:left; margin-top:40px} #quizscore .testimonial { width:250px; float:left; margin-top:20px; border-top:2px solid #a8c8cc;} /* --------------------------------------------- 14. WHAT PEOPLE ARE SAYING PAGE- LEFT --------------------------------------------- */ #peoplesaying { width:440px; float:left} /* --------------------------------------------- 14.1 WHAT PEOPLE ARE SAYING PAGE- RIGHT --------------------------------------------- */ #mediaresponse { width:270px; float:left; } #mediaresponse p a { color:#71952e; text-decoration:underline} #mediaresponse h4 { padding:0; padding-top:5px} #mediaresponse h4 a { color:#231f20; text-decoration:none} .set { width:260px; padding-bottom:15px} .enquiry { width:260px; border-top:2px solid #cad4b7; padding-top:10px} .button_green { color:#FFFFFF; font-size:11px; font-weight:bold} .button_green a {background:#719530; border:1px solid #1a373b; color:#FFFFFF; text-decoration:none; padding:4px; padding-left:7px; padding-right:7px; float:left; } .button_green a:hover { color:#FFFFFF; text-decoration:none; float:left; background:#455b1d; padding:4px; padding-left:7px; padding-right:7px; border:1px solid #1a373b;} /* --------------------------------------------- 15. BUY THE BOOK - LEFT --------------------------------------------- */ #wheretofindit { width:270px; float:left} #wheretofindit h6 { margin:0; padding:0} .logo_left { width:147px; float:left; padding-top:40px;} .logo_left a.link { float:left; margin-bottom:30px} .logo_right { width:98px; float:left; padding-left:20px; padding-top:210px;} /* --------------------------------------------- 15.1 BUY THE BOOK - RIGHT --------------------------------------------- */ #whatitsallabout { width:480px; float:left} #whatitsallabout ul { width:350px; list-style:none; margin:0px; padding:0px; margin-top:10px;} #whatitsallabout ul li { margin:0; padding:0; background:url(/100115/images/li_bullet.gif) no-repeat 0px 8px ; font-size:11px; font-weight:normal; color:#231F20; padding:2px 0px; line-height:1.4em; padding-left:15px} /* --------------------------------------------- 16. EVENTS - LEFT --------------------------------------------- */ #events { width:420px; float:left} .events_logo { width:177px;} .events_logo a { float:left; padding-bottom:25px} /* --------------------------------------------- 17. ABOUT PROTEUS - LEFT --------------------------------------------- */ #proteusteam { width:270px; float:left; } .photo { width:260px; height:auto; background:#BCBDC0; margin-bottom:20px} /* --------------------------------------------- 17.1 ABOUT PROTEUS - RIGHT --------------------------------------------- */ #resource { width:480px; float:left;} #resource p a { text-decoration:underline; color:#D67E19} /* --------------------------------------------- 18. REAL CASTLES - LEFT --------------------------------------------- */ #castleonhill { width:430px; float:left;} #castleonhill h6 { padding-bottom:15px} #castleonhill p a { text-decoration:underline; color:#71952E;} /* --------------------------------------------- 18.1 REAL CASTLES - RIGHT --------------------------------------------- */ #oldandnew { width:270px; float:left;} #oldandnew .photos { width:270px;} #oldandnew .photos a.photo1 { float:left; padding-bottom:11px;} #oldandnew .photos a.photo2 { float:left; padding-top:34px; float:left} #oldandnew .photos a.photo3 { float:left; padding-top:19px; padding-bottom:13px;} /* --------------------------------------------- 19. MISCELLANEOUS STYLES --------------------------------------------- */ .textsmall { font-size:9px} .textbig { font-size:38px; font-weight:bold} .spacer { width:100%; height:230px; float:left} .spacer2 { width:100%; height:130px; float:left}