@charset "utf-8";
/* CSS Document */

/*
Design & CSS by Barbara Carneiro
www.barbaracarneiro.com
*/

/* Main */
* {
	behavior: url(iepngfix.htc);
	margin: 0 auto;
	padding: 0;
	border: 0;
}
body {
	background: #E8E8E8;
}
/* Containers */
#header {
	width: 1020px;
	background: url(../images/backgroundShadow.png) repeat-y;
	padding: 0 10px;
	overflow: hidden;
	height: 100%;
}
#topborder {
	border-top: 5px solid #52BBE8;
	overflow: hidden;
	height: 100%;
	background: url(../images/wavetop.png) bottom no-repeat;
}
#logo {
	float: left;
	width: 210px;
	text-align: center;
	padding-top: 20px;
}
#anim {
	float: right;
	width: 780px;
	padding: 5px 20px 0 0;
	margin-bottom: 12px;
	
	z-index: 60;
}
#body {
	width: 100%;
	background: #52BBE8;
	overflow: hidden;
	height: 100%;
	text-align: center;
	clear: both;
}
#mainContainer {
	width: 1020px;
	background: url(../images/backgroundShadow.png) repeat-y;
	padding: 0 10px;
	overflow: hidden;
	height: 100%;
}
#mainContainerBkg {
	background: #0FA1DF url(../images/wavebottom.gif) top no-repeat;
	overflow: hidden;
	height: 100%;
}
#leftContainer {
	float: left;
	width: 140px;
	padding: 24px 0 10px 10px;
	text-align: right;
}
#rightContainer {
	float: right;
	width: 850px;
	margin: 15px 10px 15px 0;
	background: url(../images/textTopShadow.png) top no-repeat;
}
#rightContainerBkg {
	margin-top: 9px;
	background: url(../images/textBkgShadow.png) repeat-y;
	padding: 10px 25px;
	overflow: hidden;
	height: 100%;
	text-align: left;
}
#rightContainerBottom {
	background: url(../images/textBottomShadow.png) no-repeat;
	height: 9px;
	min-height: 9px;
}
#text {
	float: left;
	width: 100%;	
}
#text1 {
	float: left;
	width: 590px;	
}
#testimonialContainer {
	float: right;
	width: 190px;
}
#textimonialContent {
	padding: 10px 15px;
	background: #B7E3F5;
	border-top: 4px solid #C9EAF7;
	margin-top: 10px;
	
}
#footer {
	width: 980px;
	background: url(../images/backgroundShadow.png) repeat-y;
	padding: 8px 30px;
	overflow: hidden;
	height: 100%;
}
#logos {
	float: right;
	width: 100%;
	text-align: center;
}
#border {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#border td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}

/* Text */
.textBlack {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000; 
}
.phone {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #E68B2D;
}
.menu {
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menu a {
	text-decoration: none;
	padding-right: 10px;
	color: #003366;
}
.menu a:hover {
	background: url(../images/menuBullet.png) right no-repeat;
	color: #FFF;
}
.menuSelected {
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 10px;
	background: url(../images/menuBullet.png) right no-repeat;
	color: #FFF;
}
.textGray {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #333;
}
.textGraySmall {
	font: bold 10px/17px Arial, Helvetica, sans-serif;
	color: #333;
}
.textGraySmall a {
	text-decoration: none;
	color: #333;
}
.textGraySmall a:hover {
	color: #666666;
}
.textGrayLighter {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #666666;
}
.titles {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #09479E;
	text-transform:uppercase;
}
.textblue {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #09479E;
}
.textorange {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #E68B2D;
}
ul, li, ol {
	margin-left: 20px;
}

/* Images and Boxes */
.images {
	padding: 5px;
	margin: 5px 10px;
	border: 1px solid #CCC;
}
.logos {
	padding-left: 5px;
}
.boxreturn {
	width: 190px;
	border: 1px solid #333333;
	background: #004F8E;
	padding: 5px;
	text-align: center;
}
.boxreturn a {
	text-decoration: none;
}
.textwhite {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #fff;
}
.fields {
	border: 1px solid #ccc;
}
.boxemail {
	border: 1px solid #FF9900;
	background: #FFCC00;
	width: 300px;
	padding: 8px;
	margin: 0 auto;
	text-align: center;
}

/* 10 steps report */

#freeGuideContainer {
 padding: 10px 0;
}
.freeGuideBorder {
 border: 3px solid #FFF; /* ---- main border color ---- */
 background: #E7E7E7; /* ---- main background color ---- */
 width: 120px; /* ---- main width ---- */
 padding: 5px;
 margin-bottom: 30px;
 position: relative;
}
#rightcolumn .freeGuideBorder {
 border: 3px solid #00CCFF;
}
.freeGuideTitle {
 float: none; /* ---- position of the title content ---- */
 width: auto; /* ---- width of the title content ---- */
 padding: 5px;
 text-align: center;
}
.freeGuideTitle img {
	max-width: 110px;
	height: auto;
}
.freeGuideImage, .freeGuideImage img {
 width: auto;
 max-width: 150px; /* ---- Width of the image container = width of image [image max-size = 223px] ---- */
 height: auto;
}
.freeGuideImage {
 position: relative;
 float: none; /* ---- position of the image container ---- */
 left: -15px; /* ---- Left position of the image, if aligned to the left or centered ---- */
 /*right: 0;*/ /* ---- Right position of the image if aligned to the right ---- */
 top: 0;
}
.freeGuideSlogan {
 text-align: center;
 clear: both;
 font: 9px/17px Georgia, "Times New Roman", Times, serif; /* ---- Slogan Font ---- */
 color: #18366E; /* ---- Slogan Font Color ---- */
 font-style: italic;
 padding: 5px 0 10px;
}
.freeGuideFormContainer {
}
.freeGuideFormFields {
	text-align: left;
}
.freeGuideFormFields ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.freeGuideFormFields li {
 padding: 0;
 margin: 0;
 float: left;
 height: 20px;
 display: block;
 float: left;
 padding-bottom: 2px;
}
.freeGuideFormFields li.label, .freeGuideFormFields li.largeLabel {
 width: 74px;
 font: 11px/20px Arial, Helvetica, sans-serif;
 color: #003399;
}
.freeGuideFormFields li.largeLabel {
 padding-bottom: 0;
 width: 174px;
}
.freeGuideFormFields li.field {
 width: 110px;
}
.freeGuideFormFields li.field input {
 width: 104px;
 padding: 2px;
 border: 1px solid #CCC;
 height: 14px;
}
.freeGuideFormFields li.largeField {
 width: 110px;
}
.freeGuideFormFields li.largeField textarea {
 width: 104px;
 padding: 2px;
 border: 1px solid #CCC;
 height: 28px;
}
.freeGuideFormFields li.field input:focus, .freeGuideFormFields li.largeField textarea:focus {
 border: 1px solid #FF9900;
}
.freeGuideFormButton {
 clear: both;
 height: 30px;
}
.freeGuideFormButton input {
 background: url(../images/free-guide-button.png) top no-repeat;
 position: relative;
 bottom: -23px;
 height: 53px;
 width: 110px;
 text-indent: -9999px;
 left: -6px;
 border: none;
 cursor: pointer;
}