@charset "UTF-8";
/* CSS Document for SBC site*/


html, body {
margin:0;
padding:0;
}

p, span, ul, ol, dl, pre, table, fieldset, 
h1, h2, h3, h4, h5, h6, 
.block, .block ul {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
color:#F15A29;
font-size:16px;
font-style:italic;
}

h2 {
padding-bottom:19px;
text-transform:uppercase;
}

h3 {
padding-bottom:1px;
}

a img {
border:none;
}

a:link, 
a:visited {
color:#F15A29;
text-decoration:none;
}
a:hover, 
a:active {
color:#F15A29;
text-decoration:underline;
}

#main ul {
padding-left:14px;

}

/*Red char style*/
.red_char {
color: #FF0000;
}


body {
background-color:#818385;
background-image:url("images/body_bg.png");
background-position:center top;
background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:17px;
text-align:center;
}

#page-wrapper {
margin:auto;
position:relative;
text-align:center;
width:976px;
}

#header {
background-image:url("images/header_bg.png");
background-position:center top;
background-repeat:no-repeat;
height:193px;
margin:18px auto auto;
position:relative;
text-align:left;
width:976px;
}

#header #logo {
bottom:22px;
height:111px;
left:57px;
position:absolute;
width:281px;
}

#header #primary_link {
bottom:0;
position:absolute;
right:18px;
}

#header #primary_link ul {
font-size:16px;
font-style:italic;
font-weight:bold;
list-style:none outside none;
text-transform:uppercase;
}

#header #primary_link ul li {
border-left:2px solid #DBDCDD;
display:inline-block;
padding:9px 17px 42px;
zoom: 1;
*display:inline;
}

/*
#header #primary_link ul li a {
display:block;
}
*/

#header #primary_link ul li a:link, 
#header #primary_link ul li a:visited {
color:#000000;
text-decoration:none;
}

#header #primary_link ul li a:hover, 
#header #primary_link ul li a:active,
#header #primary_link ul li.nav_active a:link,
#header #primary_link ul li.nav_active a:visited {
color:#F15A29;
text-decoration:none;
}

.main-wrapper {
background-image:url("images/wrapper_bg.png");
background-position:center top;
background-repeat:repeat-y;
position:relative;
width:976px;
}

body.front .main-wrapper .content {
background-color:#887166;
background-image:url("images/content_bg.jpg");
background-position:center bottom;
background-repeat:no-repeat;
height:auto !important;
margin:auto;
min-height:626px;
width:940px;
position: relative;
}

/* rotator in-page placement */
body .main-wrapper .content .rotator {
position:relative;
display:block;
padding:0;
width:940px;
}

body .main-wrapper .content .rotator ul {
position:absolute;
top:6px;
left:0px;

}


body .main-wrapper .content .rotator ul li {
float:left;
position:absolute;
list-style: none;
}

body .main-wrapper .content .rotator ul li.show {
z-index:500;
}

/*different height for front and general page*/
body.front .main-wrapper .content .rotator {
height:246px;
}

body .main-wrapper .content .rotator {
height:108px;
}


body.front .main-wrapper .content .frontpg_text_area {
color:#FFFFFF;
left:0;
margin:52px 0 0 40px;
position:absolute;
text-align:left;
top:245px;
width:536px;
}

body.front .main-wrapper .content .frontpg_text_area h2 {
color:#FFFFFF;
font-weight:normal;
}

body.front .main-wrapper .content .frontpg_text_area p {
padding-bottom:17px;
}

body.general .main-wrapper .content {
background-color:#887166;
background-image:none;
height:auto !important;
margin:auto;
min-height:626px;
width:940px;
}



body.general .main-wrapper .content .content_area {
background-color:#FFFFFF;
background-image:url("images/general_content_area_bg.jpg");
background-position:left top;
background-repeat:repeat-x;
height:auto !important;
margin-top:12px;
min-height:499px;
position:relative;
text-align:left;
width:940px;
}

body.general .main-wrapper .content .content_area #main {
border-right:2px solid #C4C6C8;
float:left;
height:auto !important;
min-height:412px;
padding:47px 40px 40px;
width:555px;
}

body.general .main-wrapper .content .content_area #sidebar_right {
float:right;
padding:47px 34px 34px;
text-align:left;
width:230px;
}

body.general .main-wrapper .content .content_area #clear_bk {
clear:both;
}

body.general .main-wrapper .content .content_area p {
padding-bottom: 17px;
}

body.general .main-wrapper .content .content_area img {
margin:0px;
}

body.general .main-wrapper .content .content_area #sidebar_right img {
margin-bottom:20px;
}

body.general .main-wrapper .content .content_area #sidebar_right h2.name {
color:#000000;
padding-bottom:5px;
text-transform:capitalize;
}

body.general .main-wrapper .content .content_area #sidebar_right h2.title {
font-weight:normal;
padding-bottom:5px;
text-transform:capitalize;
}

body.general .main-wrapper .content .content_area #sidebar_right #linkedin img {
margin: 0 0 0 0;
}


body.general .main-wrapper .content .content_area #sidebar_right ul {
margin-left:12px;
}

body.general .main-wrapper .content .content_area #sidebar_right ul li {
margin-bottom:16px;
}

body.general .main-wrapper .content .content_area #sidebar_right #quotes p {
color:#F15A29;
font-size:16px;
font-style:italic;
line-height:25px;
text-decoration:none;
}

body.general .main-wrapper .content .content_area #sidebar_right #quotes p.name {
text-align: right;
}


body.general .main-wrapper .content .content_area #contact_form input, 
body.general .main-wrapper .content .content_area #contact_form textarea {
border:2px solid #BABCBE;
}

body.general .main-wrapper .content .content_area #contact_form input#name, 
body.general .main-wrapper .content .content_area #contact_form input#email, 
body.general .main-wrapper .content .content_area #contact_form textarea#comment {
width:403px;
}

body.general .main-wrapper .content .content_area #contact_form input#phone_b, 
body.general .main-wrapper .content .content_area #contact_form input#phone_m {
width:149px;
}

body.general .main-wrapper .content .content_area #contact_form input#clear, 
body.general .main-wrapper .content .content_area #contact_form input#submit {
border:medium none;
color:#FFFFFF;
font-size:12px;
height:30px;
text-transform:uppercase;
width:89px;
}

body.general .main-wrapper .content .content_area #contact_form input#clear {
background-color:#8A7367;
}

body.general .main-wrapper .content .content_area #contact_form input#submit {
background-color:#E94227;
}


#footer {
background-image:url("images/footer_bg.png");
background-position:center top;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:12px;
height:40px;
line-height:40px;
margin:auto;
padding:0 17px;
text-align:right;
width:942px;
}

#footer a {
color:#FFFFFF;
}

#footer a:hover {
color:#FFFFFF;
text-decoration: none;
}


#footer img {
position:relative;
top:5px;
}