/*---------- design and layout ----------*/

/*temp*/


#smallText {
	font-size: 8pt;
	font-family: arial,helvetica,tahoma, sans-serif;
	color: #aaddff;
}

span.highlightText {
	color: #aaddff;
}

tempText {
	color: white;
	padding:  20px 20px 20px 20px;
	text-align: center;
}
	
#boxTop {
	height: 20px;
	background: url(images/box_top.png);
}

#topLeftCorner {
	height: 20px;
	background: url(images/topleft_corner.png) top left no-repeat;
}

#topRightCorner {
	height: 20px;
	background: url(images/topright_corner.png) top right no-repeat;
}

#leftSpear {
	margin-left: 8px;
	background: url(images/left_spear.png) top left no-repeat;
}

#rightSpear {
	text-align: left;
	margin-right: 7px;
	background: url(images/right_spear.png) top right no-repeat;
}

#leftGradient {
	background: url(images/left_gradient.png) top left repeat-y;
}

#rightGradient {
	background: url(images/right_gradient.png) top right repeat-y;
}

#leftTopGradient {
	background: url(images/left_topgradient.png) top left no-repeat;
}

#rightTopGradient {
	background: url(images/right_topgradient.png) top right no-repeat;
}

#mainBox {
	background: url(images/mainbox_back.png) top repeat;
}

#mainBoxTop {
	background: url(images/mainbox_top.png) top repeat-x;
}

#footerLeftCorner {
	height: 33px;
	background: url(images/footer_leftcorner.png) top left no-repeat;
}

#footerRightCorner {
	height: 33px;
	background: url(images/footer_rightcorner.png) top right no-repeat;
	padding-top: 1px;
}

#boxBottom {
	clear: both;
	font-size: 11px;
	font-family: arial,helvetica,sans-serif;
	color: black;
	height: 33px;
	background: url(images/footer_repeat.png) top repeat;
	margin: 0px;
	padding: 0px;
}

#footerCf {
	font-size: 11px;
	font-family: arial,helvetica,sans-serif;
	color: #579;
	height: 33px;
	margin-top: 95px;
	text-align: center;
}

#footerCf a {
	color: #79b;
}

#footerCf a:hover {
	color: #fff;
}

/*temp*/

/* root */

body {
	margin: 0;
	padding: 0;
	background-color: #2A4F7A;
	background-image: url(images/body_background.png);
	background-repeat: repeat;
	text-align: center;
	font-size: 10pt;
	font-family: tahoma, arial,helvetica,sans-serif;
	color: #C1D7DE;
}

#bodyGradient {
	background-image: url(images/body_gradient.png);
	background-repeat: repeat-x;
}

p {
	margin: 9px 0px 17px 0;
}

/* root */

/* anchors */

a:link {
	color: #5599cc;
	text-decoration: none;
}

a:active {
	color: #5599cc;
	text-decoration: none;
}

a:visited {
	color: #5599cc;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: none;
}

/* anchors */

/* div */


#arena {
	position: relative;
	margin: auto;
	margin-bottom: 40px;
	width: 976px;
}

#home #arena {
	width: 960px;
    margin-bottom: 100px;
}

#titleHeader {
	margin: auto;
	position: relative;
	width: 930px;
	height: 137px;
	border-width: 0 0 0 0;
	border-style: none;
	border-color: transparent;
	background: transparent url(images/cf_header_2.png) center 0 no-repeat;
}

#home #titleHeader {
	width: 900px;
	background: transparent url(images/cf_header_2.png) 100px 0 no-repeat;
}

#titleHeader #questions {
	display: block;
	width: 224px;
	height: 17px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#breadcrumbs {
	padding: 10px;
}

/*
#content {
	position: relative;
	margin: 0px 162px 0px 162px;
	width: 534px;
	min-width: 534px;
	border-width: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #FFFFFF;
	border-right: 434px;
}
*/

#footer {
	position: relative;
	width: 858px;
	height: 50px;
	border-width: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #FFFFFF;
	clear: both;
	background: url(../images/footer.jpg) bottom left no-repeat;
}

#design {
	position: relative;
	top: -22px;
	height: 25px;
	display: inline;
	text-align: center;
	font-size: 9pt;
	vertical-align: bottom;
	font-family: arial,helvetica,sans-serif;
}

a.design:link {
	color: #113366;
	text-decoration: none;
}

a.design:visited {
	color: #113366;
	text-decoration: none;
}

a.design:hover {
	color: white;
	text-decoration: none;
}

a.design:active {
	color: #113366;
	text-decoration: none;
}

/* end div */

/* blocks */
h1 {
	color: #fff;
	font-size: 14pt;
	margin: 15px 0 15px 0;
}

h2 {
	color: #fff;
	font-size: 12pt;
	margin: 13px 0 0 0;
}

h3 {
	color: #fff;
	font-size: 10.5pt;
	margin: 13px 0 0 0;
}

.borderTop {
	border-top: 1px solid #888;
	padding-top: 10px;
}

hr {
  border: 0;
  height: 1px;
  background-color: #888;
  color: #888;
 }

/* end blocks */

/* img */
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

img.r {
	border: 1px;
	border-style: solid;
	border-color: #000000;
	float: right;
	margin: 0px 0px 10px 10px;
}

img.l {
	border: 1px;
	border-style: solid;
	border-color: #000000;
	float: left;
	margin: 0px 10px 10px 0px;
}

/* end img */


/*----------- Content Blocks -----------*/

div#liveChat {
	width: 190px;
	height: 61px;
    padding: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #0A151F;
    border-bottom: 9px solid #202C3A;
}

div#liveChat a {
	display: block;
	width: 177px;
	height: 61px;
    margin: auto;
    padding: 0;
	/*background: url(images/button_livechat.png) 0 0 no-repeat;*/
}

/*div#liveChat a:hover {
	background-position: 0 -60px;
}*/

div#liveChat a span {
	position: relative;
	left: -6000px;
}

#vid {
	padding: 4px 0 0 4px;
}

div#topLeftBlock {
	position: relative;
	top: 22px;
	left: 26px;
	width: 308px;
	height: 115px;
	background: url(images/panel_foundation_hover.png) no-repeat;
	margin: 8px 0 6px 10px;
}

div#topLeftBlock a {
	display: block;
	width: 308px;
	height: 115px;
	background: url(images/panel_foundation.png) no-repeat;
}

div#topLeftBlock a:hover {
	background: none;
}

div#topRightBlock {
	position: relative;
	top: 22px;
	left: 1px;
	width: 308px;
	height: 115px;
	background: url(images/panel_construction_hover.png) no-repeat;
	margin: 8px 10px 6px 0;
}

div#topRightBlock a {
	display: block;
	width: 308px;
	height: 115px;
	background: url(images/panel_construction.png) no-repeat;
}

div#topRightBlock a:hover {
	background: none;
}

div#bottomLeftBlock {
	position: relative;
	top: 40px;
	left: 26px;
	width: 308px;
	height: 115px;
	background: url(images/panel_support_hover.png) no-repeat;
	margin-left: 10px;
}

div#bottomLeftBlock a {
	display: block;
	width: 308px;
	height: 115px;
	background: url(images/panel_support.png) no-repeat;
}

div#bottomLeftBlock a:hover {
	background: none;
}

div#bottomRightBlock {
	position: relative;
	top: 40px;
	left: 1px;
	width: 308px;
	height: 115px;
	background: url(images/panel_marketing_hover.png) no-repeat;
	margin-right: 10px;
}

div#bottomRightBlock a {
	display: block;
	width: 308px;
	height: 115px;
	background: url(images/panel_marketing.png) no-repeat;
}

div#bottomRightBlock a:hover {
	background: none;
}

div#contentAreaLeft {
	text-align: left;
	float: left;
	width: 595px;
	padding-bottom: 2px;
}

#contentAreaLeft span,
#contentRight span {
    margin: 0; 
    padding: 0; 
    position: relative; 
    left: -3000px;
}

div#contentLeft {
	float: left;
	width: 333px;
}

div#contentRight {
	text-align: left;
	float: right;
	width: 343px;
}

div#contentCenter {
	text-align: center;
	float: right;
	width: 240px;
}

#contentLeft a, #contentCenter a, #contentRight a {
	outline: none;
}

#cfLogo {
	display: block;
	margin: auto;
	margin-top: 17px;
	width: 170px;
	height: 194px;
}

#tabPackagePayment {
	margin: auto;
	width: 168px;
	height: 45px;
	background: url(images/tab_package_payment_hover.png) 0 0 no-repeat;
}

#tabPackagePayment a {
	display: block;
	width: 168px;
	height: 45px;
	background: url(images/tab_package_payment.png) 0 0 no-repeat;
}

#tabPackagePayment a:hover {
	background: none;
}

#tabGetStarted {
	width: 138px;
	height: 41px;
	margin: auto;
	background: url(images/tab_get_started_hover.png) 0 0 no-repeat;
	position: relative;
	bottom: -15px;
}

#tabGetStarted a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/tab_get_started.png) 0 0 no-repeat;
	line-height: 10px;
}

#tabGetStarted a:hover {
	background: none;
}

#getStartedPages {
	top: 414px;
	left: 325px;
	position: absolute;
	width: 123px;
	height: 29px;
	background: url(images/get_started_o.png) bottom center no-repeat;
}

.blockUlLeft {
	list-style: none;
	line-height: 10pt;
	margin: 0px;
	padding-top: 20px;
	padding-left: 112px;
}

.blockUlRight {
	list-style: none;
	line-height: 10pt;
	margin: 0px;
	padding-top: 20px;
	padding-left: 12px;
}

.blockTitle {
	font-size: 12.5pt;
	font-family: tahoma,arial,helvetica,sans-serif;
}

.blockTitle a {
	color: white;
}
	
.blockTitle a:hover {
	color: #A9C5BC;
}

.blockSub {
	margin: 0px;
	padding-top: 6px;
	padding-left: 15px;
	list-style: none;
	font-size: 9pt;
	font-family: tahoma,arial,helvetica,sans-serif;
}

div#pageIntro {
	padding: 0 15px;
}

div#pageContent {
	position: relative;
	top: 10px;
	left: 10px;
	width: 738px;
	margin-bottom: 10px;
	background: url(images/page_background.png) repeat;
	border: 1px solid #5B708A;
}

#pageTopLeftCorner {
	position: absolute;
	top: -1px;
	left: -1px;
}

#pageTopRightCorner {
	position: absolute;
	top: -1px;
	right: -1px;
}

/*
#pageContent > #pageBottomLeftCorner {
	bottom: -1px;
}
*/

#pageBottomLeftCorner {
	position: absolute;
	bottom: -1px;
	left: -1px;
}

/* 
#pageContent > #pageBottomRightCorner {
	bottom: -1px;
}
*/

#pageBottomRightCorner {
	position: absolute;
	bottom: -1px;
	right: -1px;
}

div#innerPageContent {
	padding: 20px;
    font-size: 14px;
    line-height: 20px;
}

#lowerBody {
	margin: 10px;
}

#topRightLinks {
	padding: 10px 15px 0 0;
	width: 600px;
	float: right;
	text-align: right;
}

/*----------- End Content Blocks -----------*/

/*----------- Menu Right -----------*/

#rightCol {
	float: right;
	width: 190px;
	padding: 10px 0 0 0;
    margin-right: 10px;
}

.rightColBlock {
	background-color: #1A2028;
    background-color: #0a151f;
	border: 1px solid #202c3a;
	text-align: left;
	padding: 3px 3px 6px 5px;
    border-bottom: 2px solid #202c3a;
}

.menuTitleUl {
	line-height: 10.5pt;
	list-style: none;
	padding: 3px 0 0 0;
	margin: 0px;
}

.menuTitleUl li {
	margin: 0;
	padding: 0;
	display: block;
	width: 99%;
}

.menuTitleUl li a {
	display: block;
	padding: 3px 4px 5px 6px;
    line-height: 18px;
}

.menuTitleUl li a:hover {
	color: #fff;
	background-color: #17283f;
}

#rightCol .selected a {
	color: #fff;
	background-color: #203d60;
}

#getStartedSnip {
	background: url(images/get_started_o.png) 10px 10px no-repeat;
	height: 50px;
	width: 135px;
	padding-top: 10px;
}

#getStartedSnip a {
	display: block;
	background: url(images/get_started.png) 10px center no-repeat;
	height: 29px;
	width: 123px;
}

#getStartedSnip a:hover {
	background: none;
}



/*----------- End Menu Right -----------*/

/*----------- ClearFix -----------*/

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*----------- End ClearFix -----------*/

/*----------- Get Started Form -----------*/

#getStartedForm {
	margin: 0;
}

#getStartedForm legend {
	color: #C1D7DE;
}

#getStartedForm fieldset {
	border: 1px solid #567;
	margin-bottom: 10px;
}

#getStartedForm label {
  float:left;
  width:28%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

#getStartedForm fieldset input {
	width: 250px;
	border: 0;
	height: 20px;
}

#getStartedForm fieldset textarea {
	width: 620px;
	height: 200px;
	border: 0;
    display: block;
    margin: auto;
}

#getStartedForm ul {
	margin: 0;
	padding: 0;
}

#getStartedForm li {
	padding: 5px;
	list-style: none;

}

#getStartedSubmit {
	display: block;
	margin: 20px auto;
}

#getStartedForm li input.checkRadio {
	width: 16px;
	vertical-align: middle;
	height: 20px;
	position: relative;
	top: -2px;
}


/*----------- End Get Started Form -----------*/

/*----------- Package Pricing -----------*/

.package {
	height: 156px;
}

.packageThumb{
	float: left;
	margin: 9px 15px 9px 9px;
}

.package p {
	padding: 20px 15px 9px 9px;
	margin: 0;
}

#pricing .odd {
	background-color: #0C1725;
}

#pricing .even {
	background-color: #0E1C2E;
}

/*----------- End Package Pricing -----------*/

/*----------- Video Entries -----------*/

.videoEntry {
	text-align: left;
	height: 200px;
	width: 950px;
	background-color: #143657;
	font-size: 115%;
	margin: 40px auto 0 auto;
	border: 1px solid #1b252f;
}

.videoEntryPadding {
	padding: 8px;
}

.videoThumb {
	display: block;
	width: 302px;
	height: 184px;
	float: left;
}

.videoThumb span {
	position: relative;
	left: -5000px;
}

.videoDescription {
	position: relative;
    float: left;
	color: #E9F2FF;
	width: 631px;
	height: 184px;
	background-color: #061220;
    border-left: 1px solid #143657;
}

.videoHeading {
	background-color: #0f2236;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
}

.videoDescription p {
	margin: 15px 20px 0 20px;
	line-height: 115%;
}

.videoDescription .moreVideosLink {
    display: block;
    width: 100px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#videoCmsFeatures {
	background: url(images/video_cms_features.jpg) 0 0 no-repeat;
}

#videoCmsFeatures:hover {
	background-position: 0 -184px;
}

.videoEntryGreen {
	text-align: left;
	height: 200px;
	width: 950px;
	font-size: 115%;
	margin: 40px auto 0 auto;
	background-color: #0f3a4a;
	border: 1px solid #152227;
}

.videoEntryGreen .videoDescription {
	color: #E9F2FF;
	background-color: #021219;
    border-left: 1px solid #0f3a4a;
}

.videoEntryGreen .videoHeading {
	background-color: #0a232d;
}

.videoEntryRed {
	text-align: left;
	height: 200px;
	width: 950px;
	font-size: 115%;
	margin: 40px auto 0 auto;
	background-color: #4e1d2f;
	border: 1px solid #291a1f;
}

.videoEntryRed .videoDescription {
	color: #E9F2FF;
	background-color: #130006;
    border-left: 1px solid #4e1d2f;
}

.videoEntryRed .videoHeading {
	background-color: #2c0f19;
}


/*----------- End Video Entries -----------*/