@CHARSET "ISO-8859-1";

body {
	color: #333333;
	padding: 0;
	margin: 0; 
	border: 0;
	font-size: 12pt;
	text-decoration: none;
	background-image: url(images/background.jpg);	
	background-color:#eee;
	font-family: Helvetica, Arial, Times New Roman, default;
}

h1,h2,h3,h4 {
	margin: 0;
}

a {
	text-decoration:none;
	color: #b34538;
}
a:visited {
	color: #b34538;
}
a:hover {
	color: #000;
}

img {
	border:0;
}

.clear { 
	clear: both; 
}

#main {
	/* used a fixed width or set margins/percentage */
	width: 788px;
	margin: 0 auto; 
	background-color:#fff;
}	



#top {
	width: 100%;
	background-color: #000;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	height: 137px;
	position: relative;		
}

#top .five-star { position: absolute; bottom: 45px; left: 185px; }
#top .five-star a { color: #000; }
#top .five-star a:hover { text-decoration: underline; }



/* TOP NAVIGATION MENU */
#topnav {
   float:left;
   width:100%;
   height: 47px;   
   overflow:hidden;
   position:relative;
   bottom: -90px;
}
#topnav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;   
   padding:0;   
   position: relative;   
   left:50%;
   text-align:center;     
}
#topnav ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;   
}
#topnav ul li a {
   display:block;
   margin:0;
   padding:0;
   color:#fff;
   font-weight: bold;
   text-decoration:none;
   line-height:47px;
   width: 142px;
   height: 47px;
   background-image: url(images/button_down.jpg);
}
#topnav ul li a:hover {
   color:#fff;
   background-image: url(images/button_up.jpg);
}
#topnav ul li a.active,
#topnav ul li a.active:hover {
   color:#fff;
   font-weight:bold;
}
/* END OF TOP NAVIGATION MENU */


div#static_flash { width: 788px; height: 207px; background-image: url(images/static_flash.jpg); background-color: #000; position: relative; }
div.down-payment { position: absolute; bottom: 2px; left: 155px; color: #fff; font-size: 0.9em; }

/* TRILOGY BOXES */
div#trilogy_boxes { height: 159px; background-image: url(images/trilogy_boxes.jpg); position: relative}
div#trilogy_boxes div.box {	width: 236px; height: 145px; position: relative; float: left; }
div#trilogy_boxes div#trilogy_box_1 { left: 28px; top: 10px; }
div#trilogy_boxes div#trilogy_box_2 { left: 35px; top: 10px; }
div#trilogy_boxes div#trilogy_box_3 { left: 47px; top: 10px; }
div#trilogy_boxes div.box div.label {
	width: 156px;
	height: 23px;
	position: absolute;
	left: 7px;
	top: 9px;
	text-align: center;
	font-weight: bold;
}
div#trilogy_boxes div.box div.content {
	position: absolute;
	width: 244px;
	height: 84px;
	top: 35px;
	left: 0;
	padding-left: 5px;
	color: #fff;
}
div#trilogy_boxes div.box div.more {
	position: absolute;
	width: 76px;
	height: 26px;
	left: 87px;
	top: 119px;
	line-height: 26px;
	text-align: center;
}
div#trilogy_boxes div.box div.more a, div#trilogy_boxes div.box div.apply a { color: #fff; font-weight: bold; }
div#trilogy_boxes div.box div.more a:hover, div#trilogy_boxes div.box div.apply a:hover { color: yellow; }
div#trilogy_boxes div.box div.apply {
	position: absolute;
	width: 76px;
	height: 26px;
	left: 166px;
	top: 119px;
	line-height: 26px;
	text-align: center;
}
div#trilogy_boxes div.box div.call {
	position: absolute;
	left: 29px;
	top: 119px;
	width: 215px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}


/* MAIN CONTENT CONTAINER */
div#content { background-image: url(images/content_background.jpg);	padding: 25px; }
div#content div#call_now {
	width: 188px;
	height: 439px;
	float: right; 
	background-image: url(images/call_now.jpg);
	background-repeat: no-repeat;
	margin-right: 15px;
	position: relative;
}
div#content div#call_now div#call_now_text {
	width: 152px;
	height: 22px;
	position: absolute; 
	left: 17px;
	top: 132px;
	font-weight: bold;
	text-align: center;
}
div#content div#call_now div#call_now_text a { color: #000; }
div#content div#call_now div#call_now_text a:hover { color: yellow; }
div#content div#call_now div#call_get_approved {
	width: 176px;
	height: 90px;
	position: absolute;
	top: 155px;
	left: 7px;
	color: #fff;
	text-align: center;
}
div#content div#call_now img#proven_results_badge { width: 185px; height: 184px; position: absolute; bottom: 0; }
div#footer { background-image: url(images/content_background.jpg); position: relative; padding-left: 20px; padding-right: 20px; }
div#footer img#footer_bottom_image {
	width: 788px;
	height: 22px;
	position: absolute;
	bottom: 0;
	left: 0;	
}


div#legal { text-align: center; background-color: #5d5d5d; color: #fff;	font-size: 0.9em; }
div#legal .five-star { text-align: center; font-size: 1.3em; padding: 10px; }
div#legal .five-star a { color: #fff !important; }
div#legal .five-star a:hover { text-decoration: underline; }

/* GENERAL PURPOSE */
.bar {
	background-color: #80b796; 
	height: 1px
}

.clear { clear: both; }

.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
/* only works if a width has been defined */
.block_center {
	margin:0 auto;
}	

/* used for the rounded corners */
.corner_left {
	float:left; 
}

.corner_right {
	float:right;
}


/* icons */

img.icon_small {
	width: 16px;
	height: 16px;
	border: 0;
}

/* status and error messages */

.error_message {
	color: red;
}
.success_message {
	color: green;
}
.status_message {
	color: green;
}
.form_errors {
	color: red;
}
.required {
	color: red;
}

.indent_10 {
	padding-left: 10px;
}
.hide {
	display: none;
}
.vtop {
	vertical-align: top;
}
.vbottom {
	vertical-align: bottom;
}