/* CSS Template by Juuce Interactive 2008 
   Author: Samuel Larcher
*/   




/* ----------------  INITIAL START ------------- */

* { margin: 0px; padding: 0px;}

h1 { padding-bottom: 10px;}
h2 { padding-bottom: 7px;}
h3, h4, h5 { padding-bottom: 5px;}
p, ul { padding-bottom: 10px; }

form label button { cursor: pointer; }

/* Special form resets and/or styles look in forms.css */

ul li { list-style: none; }

/* ----------------  INITIAL END ------------- */




/* ----------------  FONT  ------------- */

h1 { font: normal bold 18px Arial, Helvetica, sans-serif; }
h2 { font: normal bold 15px Arial, Helvetica, sans-serif; }
h3 { font: normal bold 12px Arial, Helvetica, sans-serif; }

a:link, a:visited { text-decoration: underline; color: #b60050; }
a:hover, a:active { text-decoration: none; }
#subNaviStatic .selected { text-decoration: none; }

.greenHeader { font: normal bold 14px Arial, Helvetica, sans-serif; color: #65ba00; }


/* ----------------  BASICS  ------------- */

body { background: url(../images/basics/bg.jpg) left top repeat-x; font: normal normal 12px Arial, Helvetica, sans-serif; color: #494949; }
#mainWrapper { width: 826px; margin: 0 auto; padding-top: 26px; }
#logo { display: block; background: url(../images/basics/logo.gif) left top no-repeat; width: 140px; height: 140px; }
.logoReflection { background: url(../images/basics/logo_reflection.jpg) 0px 140px no-repeat; width: 826px; }
.content { width: 806px; }


.headline { background: url(../images/basics/headlineIcon.jpg) left top no-repeat; height: 37px; position: absolute; top: 130px; margin-left: 150px; padding-left: 40px; padding-top: 5px; }

/* ----------------  BOXES FEATURED CONTAINER  ------------- */
#redBanner { background: url(../images/basics/HP_redbanner_bg.gif) left top no-repeat; width: 581px; height: 148px; position: absolute; top: 150px; margin-left: 100px; }
.katie_hp { position: absolute; top: 130px; margin-left: 620px; }
.katie_sub { position: absolute; top: 13px; margin-left: 560px; }
.redBanner_wrapper { padding: 25px 0 0 25px; }
.redBanner_wrapper ul li { font: normal normal 13px Arial, Helvetica, sans-serif; color: white; line-height: 18px; padding: 0 0 10px 25px; }
.redBanner_1 { background: url(../images/basics/redBanner_dot1.gif) left top no-repeat; }
.redBanner_2 { background: url(../images/basics/redBanner_do2.gif) left top no-repeat; }
.redBanner_3 { background: url(../images/basics/redBanner_dot3.gif) left top no-repeat; }
.redBannerReflection { background: url(../images/basics/redBanner_reflection.gif) 100px 0px no-repeat; margin-top: 132px;}

.HP_box { width: 386px; }
.HP_box_middle { background: url(../images/basics/HP_box_midddle.jpg) left bottom repeat-x; height: 240px; }
.HP_box_left { background: url(../images/basics/HP_box_left.jpg) left bottom no-repeat; height: 240px; }
.HP_box_right { background: url(../images/basics/HP_box_right.jpg) right bottom no-repeat; height: 240px; }

.headline_individuals { background: url(../images/headlines/individuals.gif) left top no-repeat; height: 38px; width: 181px; }
.headline_companies { background: url(../images/headlines/companies.gif) left top no-repeat; height: 38px; width: 186px; }
.box_headline_wrapper { padding: 25px 0 0 25px; }

.boxListWrapper { padding: 0 0 0 45px; }
.box_list li a:link, .box_list li a:visited { display: block; text-decoration: none; font: normal normal 14px Arial, Helvetica, sans-serif; color: #b60050; height: 22px; padding-top: 3px;  }
.box_list li a:hover, .box_list li a:active { color: #999; }
.box_list li { padding-left: 22px; padding-bottom: 2px; }

.box_list .HP_boxlist_1 { background: url(../images/basics/HP_box_dot1.gif) left 1px no-repeat; }
.box_list .HP_boxlist_2 { background: url(../images/basics/HP_box_dot2.gif) left 1px no-repeat; }
.box_list .HP_boxlist_3 { background: url(../images/basics/HP_box_dot3.gif) left 1px no-repeat; }
.box_list .HP_boxlist_4 { background: url(../images/basics/HP_box_dot4.gif) left 1px no-repeat; }
.box_list .HP_boxlist_5 { background: url(../images/basics/HP_box_dot5.gif) left 1px no-repeat; }
.box_list .HP_boxlist_6 { background: url(../images/basics/HP_box_dot6.gif) left 1px no-repeat; }

.box_list .HP_underline_1 { background: url(../images/basics/HP_box_underline1.gif) left bottom no-repeat; }
.box_list .HP_underline_2 { background: url(../images/basics/HP_box_underline2.gif) left bottom no-repeat; }
.box_list .HP_underline_3 { background: url(../images/basics/HP_box_underline3.gif) left bottom no-repeat; }
.box_list .HP_underline_4 { background: url(../images/basics/HP_box_underline4.gif) left bottom no-repeat; }
.box_list .HP_underline_5 { background: url(../images/basics/HP_box_underline5.gif) left bottom no-repeat; }
.box_list .HP_underline_6 { background: url(../images/basics/HP_box_underline6.gif) left bottom no-repeat; }

.subpages_bg_middle { background: url(../images/basics/subpage_bg_middle.gif) right top repeat-y; }
.subpages_bg_top { background: url(../images/basics/subpage_bg_top.gif) right top no-repeat; }
.subpages_bg_bottom { background: url(../images/basics/subpage_bg_bottom.gif) right bottom no-repeat; }

.leftColumn { width: 570px; min-height: 250px; height:auto !important; height:250px; }
.rightColumn { width: 175px; }
.columnWrapper { padding: 20px 20px 20px 20px; }

.katieTestimonial_middle { background: url(../images/basics/KR_testBox_middle.gif) left top repeat-y; width: 173px; }
.katieTestimonial_top { background: url(../images/basics/KR_testBox_top.gif) left top no-repeat; width: 173px; }
.katieTestimonial_bottom { background: url(../images/basics/KR_testBox_bottom.gif) left bottom no-repeat; width: 173px; }
.KR_testimonial { font-size: 11px; line-height: 18px; }

.staticSubmenu_middle { background: url(../images/basics/subNavi_static_middle.gif) left top repeat-y; width: 173px; }
.staticSubmenu_top { background: url(../images/basics/subNavi_static_top.gif) left top no-repeat; width: 173px; }
.staticSubmenu_bottom { background: url(../images/basics/subNavi_static_bottom.gif) left bottom no-repeat; width: 173px; }
.subStatic_individuals { background: url(../images/headlines/subnaviStatic_individuals.gif) left top no-repeat; height: 30px; }
.subStatic_companies { background: url(../images/headlines/subnaviStatic_companies.gif) left top no-repeat; height: 30px;  }
#subNaviStatic li { line-height: 14px;  }
#subNaviStatic li { padding-bottom: 5px; }

.contentList { }
.contentList li { background: url(../images/basics/contentList_dot.gif) 0px 4px no-repeat; padding-left: 15px; }

.optionsBox_middle { background: url(../images/basics/optionsBox_main_middle.gif) left top repeat-y; width: 569px; }
.optionsBox_bottom { background: url(../images/basics/optionsBox_main_botttom.gif) left bottom no-repeat; width: 569px; }
.optionsBox_header_main { background: url(../images/basics/optionsBox_header_middle.gif) left top repeat-y; width: 569px; }
.optionsBox_header_main_noprice { background: url(../images/basics/optionsBox_header_middle_noprice.gif) left top repeat-y; width: 569px; }
.optionsBox_header_top_noprice { background: url(../images/basics/optionsBox_header_top_noprice.gif) left top no-repeat; width: 569px; }
.optionsBox_header_top { background: url(../images/basics/optionsBox_header_top.gif) left top no-repeat; width: 569px; }
.optionsBox_subheader_top { background: url(../images/basics/optionsBox_subheader_top.gif) left top no-repeat; width: 569px; }
.optionsBox_header_bottom_noprice { background: url(../images/basics/optionsBox_header_bottom_noprice.gif) left bottom no-repeat; width: 569px; }
.optionsBox_header_bottom { background: url(../images/basics/optionsBox_header_bottom.gif) left bottom no-repeat; width: 569px; }
.optionsBox_header { padding: 10px 20px 10px 20px; width: 395px;  }
.optionsBox_price { width: 100px; padding: 10px 15px 10px 15px; }
.optionsBox_content { padding-right: 25px; padding-bottom: 15px; }
.optionsBox_padding { padding-bottom: 15px; }
.optionBoxList { }
.optionBoxList li { background: url(../images/basics/optionsBox_dot.gif) 0px 4px no-repeat; padding-left: 15px; }
.optionsBox_samplereport { display: block; background: url(../images/basics/optionsBox_sampleReport.gif) left top no-repeat; height: 50px; }
.optionsBox_samplereport span { display: block; padding: 10px 0 0 50px; }

.testimonialsBox_middle { background: url(../images/basics/testimonialsBox_middle.gif) left top repeat-y; width: 569px; }
.testimonialsBox_top { background: url(../images/basics/testimonialsBox_top.gif) left top no-repeat; width: 569px; }
.testimonialsBox_bottom { background: url(../images/basics/testimonialsBox_bottom.gif) left bottom no-repeat; width: 569px; }
.testimonialsWrapper { padding: 15px 15px 45px 15px; font-style: italic; }
.testimonialsPadder { padding-bottom: 15px; }

.consultant_middle { background: url(../images/basics/consultants_middle.gif) left top repeat-y; width: 569px; }
.consultant_top { background: url(../images/basics/consultants_top.gif) left top no-repeat; width: 569px; }
.consultant_bottom { background: url(../images/basics/consultants_bottom.gif) left bottom no-repeat; width: 569px; }
.consultant_padding { padding: 20px; }
.consultantPic { }
.consultantContent { width: 340px; margin-left: 20px; }
.consultantsWrapper { padding-bottom: 15px; }

.linksbox_top { background: url(../images/basics/linksBox_top.gif) left top no-repeat; width: 569px; }
.linksbox_middle { background: url(../images/basics/linksBox_middle.gif) left top repeat-y; width: 569px; }
.linksbox_bottom { background: url(../images/basics/linksBox_bottom.gif) left bottom no-repeat; width: 569px; padding-top: 15px; padding-left: 20px; }
.linksbox_link { background: url(../images/basics/optionsBox_dot.gif) 0px 4px no-repeat; padding-left: 20px; }
.linksWrapper { padding-bottom: 15px; }

#cucLogo { display: block; padding-bottom: 10px; }
.syo_metalbox .syo_metalbox_center { background: url(../images/cuc/metal_middle.png) left top repeat-y; width: 569px; }
.syo_metalbox .syo_metalbox_top { background: url(../images/cuc/metal_top.png) left top no-repeat; width: 569px; }
.syo_metalbox .syo_metalbox_bottom { background: url(../images/cuc/meyal_bottom.png) left bottom no-repeat; width: 535px; padding: 35px 17px 60px 17px; }
.syo_metalbox { padding-bottom: 15px; }

#registerboxWrapper { margin-bottom: 10px; }
#registerboxWrapper div.middle { background: url(../images/cuc/upcoming_middle.png) left top repeat-y; width: 524px; }
#registerboxWrapper div.top { background: url(../images/cuc/upcoming_top.png) left top no-repeat; width: 524px; }
#registerboxWrapper div.bottom { background: url(../images/cuc/upcoming_bottom.png) left bottom no-repeat; width: 524px; padding: 15px 0 15px 0; }
#registerboxWrapper table td { padding-left: 10px; line-height: 16px; padding-bottom: 10px; }
#registerboxWrapper table td.label { color: white; font-weight: bold; text-align: right; padding-right: 12px; padding-left: 0; }
#registerboxWrapper table a.register { display: block; background: url(../images/syo/button_register.gif) left top no-repeat; width: 88px; height: 31px; position: relative; z-index: 100; }


.leftColumn p { padding-left: 20px; }
.leftColumn .consultantsWrapper p { padding-left: 0;} 

/* ----------------  BUTTON AND FORMS  ------------- */
.grayButton_middle { background: url(../images/buttons/gray_button_middle.gif) left top repeat-x; height: 37px; }
.grayButton_left { background: url(../images/buttons/gray_button_left.gif) left top no-repeat; height: 37px; }
.grayButton_right { background: url(../images/buttons/gray_button_right.gif) right top no-repeat; height: 37px; }

.whiteButton_middle { background: url(../images/buttons/white_button_middle.gif) left top repeat-x; height: 37px; }
.whiteButton_left { background: url(../images/buttons/white_button_left.gif) left top no-repeat; height: 37px; }
.whiteButton_right { background: url(../images/buttons/white_button_right.gif) right top no-repeat; height: 37px; }


#leftColumn .button { display: block; text-align: center; text-decoration: none; font-weight: bold; color: #b60050; width: 100%; padding-top: 6px; height: 32px; background: none; border: none; cursor: pointer; }
#leftColumn .button:hover { color: #999; }
#leftColumn .displayNone { display: none; }
#leftColumn .buttonPadding { padding: 0; }

.inputfield_middle { background: url(../images/forms/input_middle.jpg) left top repeat-x; height: 24px; width: 300px; }
.inputfield_left { background: url(../images/forms/input_left.jpg) left top no-repeat; height: 24px; }
.inputfield_right { background: url(../images/forms/input_right.jpg) right top no-repeat; height: 24px; }
.input { background: none; border: none; width: 100%; height: 19px; padding: 5px 0 0 10px; font: normal normal 12px Arial, Helvetica, sans-serif; }
.textfield_middle { background: url(../images/forms/textfield_middle.jpg) left top repeat-x; height: 150px; width: 300px; }
.textfield_left { background: url(../images/forms/textfield_left.jpg) left top no-repeat; height: 150px; }
.textfield_right { background: url(../images/forms/textfield_right.jpg) right top no-repeat; height: 130px; padding: 10px 15px 0 10px; }
.textarea { width: 100%; height: 120px; border:none; background: none; font: normal normal 12px Arial, Helvetica, sans-serif; }
.droppi { font: normal normal 12px Arial, Helvetica, sans-serif; width: 300px; }

/* ----------------  MAIN NAVIGATION  ------------- */

#chromemenu { padding: 40px 0 0 10px; }
#chromemenu ul li a { display: block; width: 137px; }
#chromemenu ul li { float: left; }
#chromemenu .navi_individuals { background: url(../images/navigation/individuals.gif) left top no-repeat; height: 37px; overflow: hidden; }
#chromemenu .navi_individuals:hover { background-position: 0px -37px; }
#chromemenu .navi_companies { background: url(../images/navigation/companies.gif) left top no-repeat; height: 37px; overflow: hidden; }
#chromemenu .navi_companies:hover { background-position: 0px -37px; }
#chromemenu .navi_consultants { background: url(../images/navigation/consultants.gif) left top no-repeat; height: 37px; overflow: hidden; }
#chromemenu .navi_consultants:hover { background-position: 0px -37px; }



#katieFlash { width: 565px; height: 330px; position: absolute; z-index: 0; }



/* ----------------  FOOTER  ------------- */
#footerWrapper { width: 795px; margin: 0 auto; padding: 10px 8px 0 15px; }
#SubfooterWrapper { width: 806px; margin: 0 auto; padding: 10px 8px 0 30px; }
#footer { }
.footer_middle { background: url(../images/basics/footer_middle.jpg) left top repeat-x; height: 60px; }
.footer_left { background: url(../images/basics/footer_left.jpg) left top no-repeat; height: 60px; }
.footer_right { background: url(../images/basics/footer_right.jpg) right top no-repeat; height: 60px; }

#footer_left li, #footer_right li { display: inline; font: normal normal 11px Arial, Helvetica, sans-serif; color: #999; }
#footer_left li a, #footer_right li a { text-decoration: none; color: #b60050; }
#footer_left li a:hover, #footer_right li a:hover { color: #999; }
.footerWrapper { padding: 20px 25px 0 25px; }



#chromemenu ul li a span, #logo span, .headline_individuals span, .headline_companies span, .staticSubmenu_bottom h2 span { display: none; }


/* ----------------  SPECIALS  ------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.gray { color: #5d5d5d; }
.kr_red { color: #b60050; }
.white { color: white; }

.textCenter { text-align: center; }

.fontSize10 { font-size: 10px; }
.fontSize11 { font-size: 11px; }
.fontSize12 { font-size: 12px; }
.fontSize13 { font-size: 13px; }
.fontSize14 { font-size: 14px; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.backgroundYellow { background: yellow; }
.backgroundRed { background: red; }
.backgroundSilver { background: silver; }
.backgroundBlack { background: black; }
.backgroundBlue { background: blue; }
.backgroundWhite { background: white; }

.padding_B_5px { padding-bottom: 5px; }
.padding_B_10px { padding-bottom: 10px; }
.padding_B_15px { padding-bottom: 15px; }
.padding_B_25px { padding-bottom: 25px; }
.padding_B_45px { padding-bottom: 45px; }
.padding_L_5px { padding-left: 5px; }
.padding_L_10px { padding-left: 10px; }
.padding_L_15px { padding-left: 15px; }
.padding_L_20px { padding-left: 20px; }
.marginT20 { margin-top: 20px; }
.marginT17 { margin-top: 17px; }
.marginT10 { margin-top: 10px; }
.marginT5 { margin-top: 5px; }
.marginL10 { margin-left: 10px; }
.padding10 { padding: 10px; }

.lineHeight18 { line-height: 18px; }
.lineHeight20 { line-height: 20px; }
.lineHeight16 { line-height: 16px; }

.posRelative { position: relative; }

.displayNone { display: none; }
.reset { margin: 0; padding: 0; }

#memo { width: 109px; height: 118px; background:url(../images/basics/memo.png); }
#katieRoberts { width: 170px; height: 220px; background:url(../images/basics/katie_HP.png); }