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

/*-----------------------------------------------------------------------------
WebCreditAdvisors Screen Stylesheet

version:   1.0
date:      10/28/08
author:    © Eric Witzer
email:     eric@kalmardesigns.com

version history: [location of file]
-----------------------------------------------------------------------------*/


/* IMPORT OTHER STYLESHEETS
-----------------------------------------------------------------------------*/


/* SET UP
-----------------------------------------------------------------------------*/

#outer {
	background: url(../images/bkgd-page.png);
	margin: 0 auto;
	width: 800px;
}
body  {
	background-color: #FFF;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", verdana, arial, tahoma, sans-serif;
	font-size: small;
	line-height: 120%;
	/*margin-top: 10px;*/
	text-align: center; /* centers container in IE 5* browsers */
}


.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}

a {color: #4167B0;}
h1 {font-size: small;line-height: 120%;}
#home h3 {
	border-bottom: medium solid #8BA5DB;
	color: #4167B0;
	display: inline;
	font: italic bold normal 17px Arial, Helvetica, sans-serif;
	margin-left: 12px;
	margin-bottom: 6px;
}
strong {font-weight: normal;color: #990000;}


.123box {background-color: #9BBFFF;border: 3px solid #4167B0;font-size: small;margin: 9px;padding: 9px 9px 9px 50px;}
.answer {color: #960;font-weight: bold;font-style: italic;}
.blue-box {background-color: #E3EDFF;}
.DoIt {color: #FFF;font: italic bolder 24px Arial, Helvetica, sans-serif;text-align: center;}
.question {color: #4167B0;font-weight: bold;}
.red {color: #FF0000;}
.whatwhyhow {color: #CE9C5B;font-size: 24px;font-style: italic;font-weight: bold;letter-spacing: 1px;}
.xsmall {font-size: x-small;}


#container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../images/bkgd-column.png) repeat-y;
} 
#container-order {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../images/bkgd-column-order.png) repeat-y;
} 
#container-services {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../images/bkgd-column-services.png) repeat-y;
} 


/* HEADER
-----------------------------------------------------------------------------*/

#header {
	background: #FFFFFF url(../images/header.png) no-repeat 20px 0px;
	height: 126px;
	margin: 0px auto;
	position: relative;
	width: 780px;
}

#TrustGuard {
	height: 42px;
	position: absolute;
	right: 0px;
	top: 6px;
	width: 150px;
}

#animat {
	background: url(../images/couple-home.jpg) no-repeat;
	height: 242px;
	margin: 0px auto; 
	padding-top: 6px;
	width: 740px;
}

 #slideshow {
 	height: 166px;
	margin-left: 385px;
	width: 354px;
 }
 


/* SIDEBAR
-----------------------------------------------------------------------------*/

#sidebar-left {
	float: left;
	width: 140px; /*Total width with padding = 175px*/
	padding: 240px 10px 0 25px;
	background: url(../images/couple-pages.png) no-repeat 20px 0px;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
}

#home #sidebar-left {
	padding: 5px 10px 0 25px;
	background-image:none;
	font-size: small;
}

#sidebar-left li {margin: .5em 0 0 1.5em;}
#sidebar-left a {color: #003366;}

#sidebar-order {
	float: right;
	width: 175px; /*Total width with padding = 175px*/
	background: url(../images/book.png) no-repeat 0px 70px;
	position:relative;
}

/* NEWS SLIDER
-----------------------------------------------------------------------------*/

.newsslider {
	position:relative;
	overflow:hidden;
	border:2px solid #8BA5DB;
	height:150px;
	width:390px;
	background:#E3E8F3;
	margin-left: 10px;
	margin-top:10px;
	font: 16px/125% Arial, Helvetica, sans-serif;
}
.newsslidercontent {position:absolute;}
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9}
.newssection {padding:10px; height:130px}
#newsslider strong {
	color: #4167B0;
	display: block;
	float: left;
	padding: 0 6px 12px 0px;
	font: bold 60px Arial, Helvetica, sans-serif;
}


/* BUTTONS
-----------------------------------------------------------------------------*/

#buttons {
	position: relative;
	margin: 10px 0 0 0;
	width: 175px;
	height: 365px;
}
#buttons li {
	width: 152px;
	height: 62px;
	position: absolute;
	background: url(../images/buttons.gif) no-repeat 0 0;
	display: block;
	list-style: none;
}
#buttons a {width: 152px; height: 62px; display: block; text-indent:-9000px;}
#buttons #order {left:11px; top: 300px;}
#buttons #help {left:11px; top: 0px; background-position: 0px -150px;}
#buttons #order a:hover {background: url(../images/buttons.gif) no-repeat -200px 0px;}
#buttons #help a:hover {background: url(../images/buttons.gif) no-repeat -200px -150px;}

#buttons #gethelp {left:124px; top: 0px; background-position: 0px -150px;}
#buttons #gethelp a:hover {background: url(../images/buttons.gif) no-repeat -200px -150px;}


/* CONTENT
-----------------------------------------------------------------------------*/

html>body #mainContent{height:auto} /*http://www.search-this.com/2007/02/05/css-min-height-explained/*/

#mainContent {
	margin: 0 175px; /* the right and left margins on this div element creates the two outer columns on the sides of the page */
	padding: 0 10px 0 0px;
	height:500px;
	min-height:500px; 
} 
#mainContent-services {
	padding: 0 10px 0 0px;
	min-height:500px;
	color: #4167B0;
	font-family: "Myriad Web", "Myriad Web Pro", "Myriad Arial", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	line-height: 110%;
} 

#mainContent ul {
	margin-left: 3em;
}

#mainContent.order {
	margin: 0 20px 0 175px; /* the right and left margins on this div element creates the two outer columns on the sides of the page */
	padding: 0;
} 

#home #mainContent {
	font-size: medium;
	line-height: 140%;
}

.testimonials {float:left; border:solid thin #999999; width:160px}


/* FOOTER
-----------------------------------------------------------------------------*/

#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0 20px;
	border-top: 2px solid #CE9C5B;
	background: #FFFFFF;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}