/*  INDEX *************************************************************************************

	Title: Base CSS
	Date: 2010

***********************************************************************************************
	
	1. General Elements
	
	2. Layout
		2.1 Header
		2.2 Content
		2.3 Footer
		2.4 Forms
		
	3. Image Classes
		3.1 Buttons
		3.2 Icons
		3.3 Images
		3.4 Blocks
		
***********************************************************************************************/

/* 1. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

html {
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	font-size: 11px;
}
hr {
	display: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
address {
	font-style: normal;
}
input, textarea, select {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
}
a {
	color:#006884;
	text-decoration:underline;
}
	a:hover {
		text-decoration: underline;
	}
a:visited {}
a:active {}

h1,h2,h3,h4,h5{
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

h1{
	color:#138eb0;
	font-size:34px;
	line-height:40px;
	font-weight:bold;
}
h2 {
	color:#138eb0;
	font-size:24px;
	line-height:30px;
	font-weight:bold;	
}	
h3 {
	color:#2c2c2c;
	font-size:18px;
	line-height:24px;
	font-weight:bold;	
}
p {
	margin:12px 0;
		font-weight:bold;	
}
	p.first { margin-top:0;}
	p.last {margin-bottom:0;}

.color-white{
	color:#ffffff;
}
.color-red {
	color:#bf1e1e;
}
.color-blue {
	color:#138eb0;
}
.color-green{
	color:#315307;
}
.color-yellow{
	color:#ecd23e;
}
.color-gray {
	color:#5d5d5d;
}
.color-black{
	color:#231f20;
}

.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clearer {
	clear:both;
}

.margin_top_1{
	margin-top:10px;
}
.margin_top_2{
	margin-top:20px;
}
.margin_top_3{
	margin-top:30px;
}
.margin_bottom_1{
	margin-bottom:10px;
}
.margin_bottom_2{
	margin-bottom:20px;
}
.margin_bottom_3{
	margin-bottom:30px;
}
.margin_left_1 {
	margin-left:10px;
}
.margin_left_2 {
	margin-left:20px;
}
.margin_left_3 {
	margin-left:30px;
}
.margin_right_1 {
	margin-right:10px;
}
.margin_right_2 {
	margin-right:20px;
}
.margin_right_3 {
	margin-right:30px;
}
.margin_none {
	margin: 0;
}
.padding_10{
	padding:10px;
}
.padding_20{
	padding:20px;
}
.border{
height:1px;
background:#79739F;
}
.text_small{
	font-size:11px;
}
.text_center{
	text-align: center;
}

/* 2. LAYOUT
----------------------------------------------------------------------------------------------
===============================================================================================*/	

html {
	background:url("../images/bg-html.png") top center repeat-x #f2fde3;
}

#container {
background:url("../images/bg-container-repeat.png") repeat-y scroll center top white;
margin:20px auto;
position:relative;
width:960px;
}


/* 2.1 SITE HEADER
------------------------------------------------------------------------------------------------ */

#header{
	position:relative;
	height: 160px;
	background: url("../images/bg-container-header.png") top left no-repeat;
}
	#header #logo ,
	#header #logo a {
		display: block;
		width:300px;
		height:64px;
	}
	
	#header #logo {
		background:url("../images/logo-site.png") no-repeat scroll left top transparent;
		left:30px;
		position:absolute;
		text-indent:-9999px;
		top:20px;
	}
			
	/* 2.1.1 NAVIGATION
	---------------------------------------------------------------- */
	
	#navigation {
		color:#636363;
		font-family:Helvetica,Arial,sans-serif;
		font-size:16px;
		width:850px;
		height:41px;
		position:absolute;
		top:119px;
		font-weight:bold;
		padding-left:110px;
		background:url("../images/bg-navigation.png") repeat-x scroll left top white;
	}
		#navigation li{
			display:block;
			float:left;
			margin-right:10px;
		}
		#navigation li a{
			color:#636363;
			display:block;
			float:left;
			padding:7px 10px 4px;
			text-decoration:none;
		}
			#navigation li:hover,
			#navigation li.selected{
				background:url("../images/bg-navigation-selected-left.png") no-repeat scroll left top #8CC542;
				margin-top:0;
				position:relative;
				top:-1px;
			}
			#navigation li a:hover,
			#navigation li.selected a{
				background:url("../images/bg-navigation-selected-right.png") no-repeat scroll right top transparent;
				color:white;
				padding:7px 10px 4px;
			}
	
	#phone{
		position:absolute;
		right:40px;
		text-align:right;
		top:35px;
	}


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

#cta{
	position:relative;
	height:201px;
	margin-bottom:30px;
	padding:20px;
	background:url("../images/bg-cta.jpg") top center repeat-y #8cc542;	
}
#loopedSlider{
	position:absolute;
	right:0;
	top:0;
}
#loopedSlider .overlay{
	background:url("../images/cta-overlay.png") repeat-y scroll center top transparent;
	height:277px;
	position:absolute;
	right:0;
	top:-8px;
	width:540px;
	z-index:1000;
}
#loopedSlider .container { 
	cursor:pointer;
	height:255px;
	top:3px;
	overflow:hidden;
	position:relative;
	right:50px;
	width:400px;
	z-index:900;
}
#loopedSlider .slides { 
	position:absolute;
	top:0;
	left:0;
	z-index:850;
}
#loopedSlider .slides div { 
	position:absolute; 
	top:0; 
	width:400px;
	display:none; 
	z-index:850;
}
#content{
	position:relative;
	padding:0px 29px;
}
#options{
	margin-bottom:20px;
	padding-top:13px;
}
#left_column{
float:left;
margin-right:20px;
width:600px;
}
#right_column{
float:left;
width:280px;
}



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

#footer{
position:relative;
background:url("../images/bg-container-footer.jpg") repeat-x scroll left top transparent;
height:215px;
margin-top:40px;
padding:20px;
}
#footer .column{
	float:left;
	width:200px;
	margin-right:10px;
}
#footer a{
	color:#315307;
}
#footer #copyright{
line-height:20px;
position:absolute;
right:24px;
top:20px;
text-align:right;
}


/* 2.4 FORMS
------------------------------------------------------------------------------------------------ */

/* 3. IMAGE CLASSES
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

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

.button-learn_more{
	background:url('../images/button-learn_more.png') no-repeat top left;
	height:36px;
	width:101px;
	display:block;
	text-indent:-9999px;
}
.button-bronze_details{
	background:url('../images/button-bronze_details.png') no-repeat top left;
	height:36px;
	width:123px;
	display:block;
	text-indent:-9999px;
}
.button-gold_details{
	background:url('../images/button-gold_details.png') no-repeat top left;
	height:36px;
	width:107px;
	display:block;
	text-indent:-9999px;
}
.button-platinum_details{
	background:url('../images/button-platinum_details.png') no-repeat top left;
	height:36px;
	width:134px;
	display:block;
	text-indent:-9999px;
}
.button-silver_details{
	background:url('../images/button-silver_details.png') no-repeat top left;
	height:36px;
	width:113px;
	display:block;
	text-indent:-9999px;
}

.button-save_big {
background:url("../images/save_big2.png") no-repeat scroll left top transparent;
display:block;
height:84px;
position:absolute;
right:28px;
text-indent:-9999px;
top:402px;
width:515px;
z-index:9999;
}

	#options .button-save_big{
		position:absolute;
		right:32px;
		top:0;
	}

/* 3.2 ICONS
------------------------------------------------------------------------------------------------ */

/* 3.3 IMAGES
------------------------------------------------------------------------------------------------ */

.logo-delta{
	background:url('../images/logo-delta.png') no-repeat top left;
	height:75px;
	width:284px;
	display:block;
	text-indent:-9999px;
	text-align:left;
}

/* 3.4 BLOCKS
------------------------------------------------------------------------------------------------ */

.block-gray{
	background:url("../images/block-gray-header.png") no-repeat scroll left top transparent;
	float:left;
	margin-right:8px;
	padding-top:12px;
	position:relative;
	width:219px;
}
	.block-gray.last{
		margin-right:0px;
	}
	.block-gray .content{
		padding:0 10px 1px;
		background:url('../images/block-gray-content.png') repeat-y top left white;
	}
	.block-gray .footer{
		background:url('../images/block-gray-footer.png') no-repeat bottom left white;
		height:12px;
	}
	#options .block-gray .price{
		color:#ECD23E;
		font-weight:bold;
		position:absolute;
		right:8px;
		top:5px;
	}