/* CSS Document */

body {
	padding:0px;
	margin:0px;
	background-color:#333333;
}

.clear {
	clear:both;
	height:1px;
}

.small-button {
	float:left;
	background-image:url(images/button/button.jpg);
	background-repeat:no-repeat;
	width:98px;
	height:24px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	position:relative;
	top:20px;
}

#container {
	background-image:url(graphics/bg-container.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
/* -------------------------------- BANNER --------------------------- */
#logo {
	width:186px;
	height:98px;
	float:left;
}

#bg-banner {
	float:left;
	width:574px;
	height:58px;
	background-image:url(graphics/bg-gradient.jpg);
	background-repeat:no-repeat;
}
/* -------------------------------- TOP NAVIGATION --------------------------- */
#top-nav {
	height:40px;
	margin-top:58px;
	background-image:url(graphics/rounded-red.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
}

#top-nav ul {
	padding:0px;
	margin:0px;
}

#top-nav li {
	padding:0px;
	margin:0px;
	float:left;
	list-style-type:none;
}

#top-nav li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	height:40px;
	line-height:40px;
}
#top-nav li a:hover {
	background-image:url(graphics/topnav-hover.png);
	background-repeat:repeat-x;
}
/* -------------------------------- CONTENT --------------------------- */
#content {
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:20px;
	font-size:12px;
	width:880px;
}

#content h1 {
	padding:0px;
	margin:0px;
	font-size:20px;
	color:#7A1E1B;
}

#left-column {
	float:left;
	width:600px;
}

#right-column {
	float:left;
	width:280px;
/*	background-color:#E0E0E0; */
	margin-top:8px;
}
/* -------------------------------- HOME GRAPHIC --------------------------- */
#home-graphic {
	background-image:url(graphics/home.jpg);
	background-repeat:no-repeat;
	width:499px;
	height:212px;
	margin-top:7px;
	padding-left:30px;
	padding-top:10px;
}

#home-graphic h1,h2,h3 {
	display:inline;
	color:#306EA9;
}

#home-graphic h1 {
	font-size:24px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

#home-graphic h2 {
	font-size:36px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
#home-graphic h3 {
	font-size:18px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
#home-graphic .learn-more {
	color:#A52824;
	font-size:11px;
	margin-top:5px;
	margin-right:40px;
	width:60px;
	float:left;
}
#home-graphic .learn-more-nomargin {
	color:#A52824;
	font-size:11px;
	margin-top:5px;
	width:60px;
	float:left;
}
#buttons {
	margin-top:50px;
	margin-right:10px;
	clear:left;
}
.buttons {
	float:left;
	color:#306EA9;
	font-size:10px;
	font-weight:bold;
	margin-right:36px;
	margin-top:4px;
	width:65px;
	height:20px;
}
.buttons-nomargin {
	float:left;
	color:#306EA9;
	font-size:10px;
	margin-top:4px;
	font-weight:bold;
	width:65px;
	height:20px;
}
/* ----------------------------- HOW WE DO IT ------------------------------ */
#how-we-do-it {
	background-image:url(images/backgrounds/home_box_header.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:94px;
	padding-left:15px;
	padding-top:35px;
	padding-right:15px;
}
/* ----------------------------- RESOURCES ------------------------------ */
#resources {
	background-image:url(images/backgrounds/home_box_header2.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:100px;
	padding-left:15px;
	padding-top:35px;
	padding-right:15px;
	margin-top:25px;
	margin-bottom:15px;
}
#resources ul {
	padding:0px;
	margin:0px;
}
#resources li {
	list-style-type:none;
	color:#7A1E1B;
	line-height:20px;
}
#resources li a {
	color:#7A1E1B;
}
/* ----------------------Right Column Elements------------------------ */  
#spoffers_box {
	background: url(images/hot_deals_box.gif) no-repeat center;
	height:182px;
	width:161px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
}

#spoffers_box p {
	padding-top: 35px;
	color: #fff;
	line-height: 18px;
	font-size: 14px;
}

#spoffers_box a {
	color:white;
}

#offers_box {
	background: no-repeat url(images/offers_box.gif) top center;
	height:100px;
	width:181px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:25px;
	position:relative;
}

#offers_box p {
	padding: 40px 10px 10px 10px;
	margin:0;
	text-align:center;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

#code_box {
	height:100px;
	width:181px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:25px;
	position:center;
}

#code_box p {
	padding: 40px 10px 10px 10px;
	margin:0;
	text-align:center;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

/* ---------------------------- inside-graphic ----------------------------------------- */
#inside-graphic {
	background-repeat:no-repeat;
	width:499px;
	height:212px;
	margin-top:7px;
	padding-left:30px;
}

/* ---------------------------- FOOTER ----------------------------------------- */
#footer {
	border-top:1px solid #276EAE;
 	clear:both;
	color:#7A1E1B;
	font-size:9px;
	padding-left:29px;
	padding-right:29px;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

#footer a {
	color:#7A1E1B;
	text-decoration:none;
}

#redundant {
	padding-top:8px;
	font-size:11px;
}

#copyright {
	padding: 8px 0 0 0;
}

#phone {
	float:right;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#7A1E1B;
	margin-top:-12px;
}