/**********************************************************************************
 
 client:					Cohere | Communications
 author: 					Andrew Rodgers
 date created:				Friday, May 2nd, 2008.
 date modified: 			Monday, May 5th, 2008.
 description:				Core Style Sheet for Cohere Conferencing
 
 notes:						font-size(now set in ems): to calculate use: fontsize in px / 16 = size in ems
							 8px = 8/16 = .5em;
							 9px = 9/16 = .5625em;
							 10px = 10/16 = .625em;
							 11px = 11/16 = .6875em;
							 12px = 12/16 = .75em;
							 14px = 14/16 = .875em;
							 16px = 16/16 = 1em;
							 18px = 18/16 = 1.125em;
 
 **********************************************************************************/
body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.125em; /* 16x1.125=18px */
    text-align: center;
    background: #f7f7f7 url(../images/site_bodyBG.gif) repeat-x;
}

#site_wrapper {
    margin: 0pt auto; /* For auto-centering */
    padding: 0px 12px 20px 12px;
    width:840px; /* Adjust width to design */
    text-align: left;
    background: url(../images/site_wrapperBG.gif) repeat-y;
    overflow: hidden;
}

#site_branding {
    position: relative;
    width: 840px;
    height: 86px;
    background: url(../images/site_brandingBG.gif) no-repeat;
}

#site_branding h1 {
    position: absolute;
    top: 16px;
    left: 46px;
    height: 50px;
    width: 320px;
}

#site_branding h1 a:link, #site_branding h1 a:visited {
    display: block;
    height: 50px;
    width: 320px;
    text-indent: -9999px;
    background: transparent url(../images/site_logo.gif) no-repeat;
}

#site_branding #site_secondaryNav {
	position: absolute;
	top: 32px;
	left: 600px;
}

#site_branding #site_secondaryNav li {
    float: left;
}

#site_branding #site_secondaryNav li a:link, #site_branding #site_secondaryNav li a:visited {
    display: block;
    margin: 0px 10px 0px 10px;
    font-size: .75em;
    color: #bfbfbf;
    text-decoration: none;
}

#site_branding #site_secondaryNav li a:hover {
    text-decoration: underline;
}

#site_branding #site_searchForm {
    position: absolute;
    top: 29px;
    right: 10px;
}

#site_branding #site_searchForm fieldset {
    position: absolute;
}

#site_branding #site_searchForm legend {
    font-size: 0px;
    line-height: 0pt;
    text-indent: -9999px;
}

#site_branding #site_searchForm label {
    font-size: 0px;
    line-height: 0pt;
    text-indent: -9999px;
}

#site_branding #site_searchForm #site_searchInput {
    position: absolute;
    top: 0px;
    right: 60px;
    height: 20px;
    width: 130px;
    border: 1px solid #2a2c2e;
    background: #fff url(../images/site_searchInputBG.gif) no-repeat top right;
}

#site_branding #site_searchForm #site_searchBtn {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: .75em;
    color: #bfbfbf;
    cursor: pointer;
    background: none;
    border: none;
}

#site_mainNav {
    padding: 1px 0px 0px 0px;
    width: 840px;
    height: 53px;
    background: url(../images/site_mainNavBG.gif) no-repeat;
}

#site_mainNav li {
    float: left;
}

#site_mainNav #site_lastNavItem {
    float: right;
    margin: 0px 10px 0px 0px;
}

#site_mainNav li a:link, #site_mainNav li a:visited {
    display: block;
    text-indent: -9999px;
    font-size: .75em;
    color: #fff;
}

#site_mainNav #site_mainNav_services {
    margin: 0px 0px 0px 10px;
    width: 213px;
    height: 48px;
    background: url(../images/site_mainNav_servicesBG.gif) no-repeat;
    border-right: 1px solid #585b5f;
}

#site_mainNav #site_mainNav_services:hover {
    background: url(../images/site_mainNav_servicesHoverBG.gif) no-repeat;
}

#site_mainNav #site_mainNav_account {
    width: 180px;
    height: 48px;
    background: url(../images/site_mainNav_accountBG.gif) no-repeat;
    border-right: 1px solid #585b5f;
}

#site_mainNav #site_mainNav_account:hover {
    background: url(../images/site_mainNav_accountHoverBG.gif) no-repeat;
}

#site_mainNav #site_mainNav_login {
    width: 108px;
    height: 48px;
    background: url(../images/site_mainNav_loginBG.gif) no-repeat;
    border-left: 1px solid #585b5f;
}

#site_mainNav #site_mainNav_login:hover {
    background: url(../images/site_mainNav_loginHoverBG.gif) no-repeat;
}

#site_contentWrapper {
    padding: 0px 0px 0px 0px;
    min-height: 321px;
    width: 840px;
    background: url(../images/site_contentWrapperBG02.jpg) no-repeat bottom;
}

#site_contentContainer {
    padding: 4px 0px 9px 6px;
    min-height: 340px;
    width: 834px;
    overflow: hidden;
    background: url(../images/site_contentContainerBG.jpg) no-repeat top;
}

#site_contentContainer #content_mainContentFeature {
    position: relative;
    float: left;
    width: 566px;
    min-height: 184px;
    border-bottom: 1px solid #6e7686;
    border-right: 1px solid #6e7686;
}

#site_contentContainer #content_mainContentFeature img {
    position: absolute;
    top: 12px;
    left: 14px;
}

#site_contentContainer #content_mainContentFeature h2 {
    width: 230px;
    margin: 0px 0px 6px 0px;
    padding: 18px 20px 0px 0px;
    float: right;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: normal;
    color: #fff;
}

#site_contentContainer #content_mainContentFeature p {
    clear: right;
    float: right;
    width: 210px;
    margin: 0px 0px 12px 0px;
    padding: 0px 40px 0px 0px;
    font-size: 0.875em;
    color: #d6d0d0;
}

#site_contentContainer #content_mainContentFeature .site_signUpBtn {
    display: block;
    margin: 0px 164px 0px 0px;
    clear: right;
    float: right;
    width: 89px;
    height: 29px;
    font-size: 0.875em;
    color: #d6d0d0;
    text-indent: -9999px;
    background: url(../images/content_signUpBtn.png) no-repeat;
}

#content_secondaryContentFeature {
    position: relative;
    float: left;
    padding: 0px 10px 0px 30px;
    width: 220px;
    min-height: 184px;
    border-bottom: 1px solid #6e7686;
}

#content_secondaryContentFeature h3 {
    padding: 18px 0px 0px 0px;
    margin: 0px 0px 6px 0px;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: normal;
    color: #fff;
}

#content_secondaryContentFeature ol {
    margin: 0px 0px 0px 12px;
    font-size: 0.875em;
}

#content_secondaryContentFeature ol li {
    margin: 0px 0px 4px 0px;
}

#content_secondaryContentFeature ol li a:link, #content_secondaryContentFeature ol li a:visited {
    color: #abc3ef;
}

#content_thirdContentFeature {
    padding: 0px 10px 20px 30px;
    clear: left;
    float: left;
    min-height: 135px;
    border-right: 1px solid #6e7686;
    width: 420px;
}

#content_thirdContentFeature h3 {
    padding: 12px 0px 0px 40px;
    margin: 0px 0px 6px 0px;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: normal;
    color: #fff;
    background: url(../images/content_thirdFeatureHeaderBG.png) no-repeat left 12px;
}

#content_thirdContentFeature ol {
    margin: 0px 0px 0px 52px;
    font-size: 0.875em;
}

#content_thirdContentFeature ol li {
    margin: 0px 0px 4px 0px;
}

#content_thirdContentFeature ol li a:link, #content_thirdContentFeature ol li a:visited {
    color: #abc3ef;
}

#content_thirdContentFeature .site_learnMoreBtn {
    display: block;
    float: right;
    width: 89px;
    height: 25px;
    font-size: 0.875em;
    color: #d6d0d0;
    text-indent: -9999px;
    background: url(../images/content_learnMoreBtn.png) no-repeat;
    margin: -60px 40px 0px 0px;
}

#content_fourthContentFeature {
    float: left;
    padding: 0px 10px 20px 30px;
    width: 320px;
}

#content_fourthContentFeature h3 {
    padding: 12px 0px 0px 40px;
    margin: 0px 0px 6px 0px;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: normal;
    color: #fff;
    background: url(../images/content_fourthFeatureHeaderBG.png) no-repeat left 14px;
}

#content_fourthContentFeature ol {
    margin: 0px 0px 0px 52px;
    font-size: 0.875em;
}

#content_fourthContentFeature ol li {
    margin: 0px 0px 4px 0px;
}

#content_fourthContentFeature ol li a:link, #content_fourthContentFeature ol li a:visited {
    color: #abc3ef;
}

#content_fourthContentFeature .site_learnMoreBtn {
    display: block;
    float: right;
    width: 89px;
    height: 25px;
    font-size: 0.875em;
    color: #d6d0d0;
    text-indent: -9999px;
    background: url(../images/content_learnMoreBtn.png) no-repeat;
    margin: -39px 40px 0px 0px;
}

#site_footer {
    clear: left;
    overflow: hidden;
}

#site_footer ol {
    float: right;
    padding: 0px 30px 0px 0px;
}

#site_footer ol li {
    float: left;
    margin: 24px 0px 0px 0px;
}

#site_footer ol li a:link, #site_footer ol li a:visited {
    display: block;
    margin: 0px 6px 0px 6px;
    font-size: .625em;
    color: #bbbbbc;
    text-decoration: none;
}

#site_footer ol li a:hover {
    text-decoration: underline;
}

#site_footer #site_productListLabel {
    display: block;
    float: left;
    margin: 0px 6px 0px 6px;
    font-size: .625em;
    color: #bbbbbc;
}

#site_footer #site_productListInput {
    font-size: .5625em;
    color: #bbbbbc;
}

#site_wrapperBottomCap {
    margin: 0pt auto; /* For auto-centering */
    padding: 0px 12px 42px 12px;
    width: 840px; /* Adjust width to design */
    height: 13px;
    text-align: left;
    background: url(../images/site_wrapperBottomBG.gif) no-repeat;
    overflow: hidden;
}


.textfill {height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; text-decoration:none; font-weight:none; border:none; width:160px;}
.redstar { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; text-decoration:none; font-weight:none; }