@charset "utf-8";
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse;  }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

a {
	text-decoration: none;
}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear {clear: both;}


/* ----------------------------------------- */


/* GENERAL */


body {
	background:#e8e8e8 url(../images/body-bg-tile.gif) repeat-x left top;
	font: normal 12px Arial, Helvetica, sans-serif;
}

#container 
{
	width:940px;
	margin:0px auto;
}

#header {
	height:82px;
}

a.logo {
	background:url(../images/logo-main.jpg) no-repeat left top;
	width:258px; height:50px;
	cursor:pointer;
	display:block;
	margin:16px 0px 0px 6px;
}
.head-right {
	color:#FFFFFF;
	text-align:right;
	font-weight:bold;
	margin:16px 0px 0px 0px;
}
.head-phone {
	color:#b7b5b3;
	text-align:right;
}
.head-phone span{
	color:#73dc65;
}

#banner {
	background:url(../images/banner-bg.jpg) no-repeat right top;
	height:209px; margin-top:1px; width:940px; float:right;
}
#banner h1 {
	color:#FFFFFF;
	font: bold 28px Arial, Helvetica, sans-serif;
	margin: 28px 0px 0px 0px;
}
.banner-txt {
	width:550px;
	color:#FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 12px 0px 0px 0px;
}
a.banner-btn {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/learnmore-btn.png',sizingMethod='scale'); 
	width:227px; height:37px;
	display:block;
	text-indent:-9999px;
	margin: 20px 0px 0px 0px;
	cursor:pointer;
}
html>body a.banner-btn {
	background:url(../images/learnmore-btn.png) no-repeat left top;
}
/* navigation */

a.nav-links {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	padding:12px;
}
a.nav-links:hover {
	text-decoration:underline;
}

.nav-divider {
	width:2px; height:40px;
	background:url(../images/nav-divider.jpg) no-repeat left top;
}

/* Content Area */

#main-content {
	border: solid 1px #c3c3c3;
	background:#FFFFFF;
	padding:0px 10px 0px 10px;
	margin: 18px 0px 20px 0px;
	width:918px;
}

#main-content a {
	color: #FF3300;
	text-decoration: none;
}

#main-content a:hover {
	color: #FF3300;
	text-decoration: underline;
}

#epic-rise {
	margin: 20px 0px 0px 0px;
}
#epic-rise h1 {
	color:#000000;
	font-size:24px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#epic-rise p {
	color:#000000;
	font-size:12px;
	margin:0px 0px 0px 0px;
}

#testimonial {
	background:#c9ffe8;
	padding:10px;
}
#testimonial h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#3f7977;
	margin:10px;
}
#testimonial p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#1f9793;
	line-height:16px;
	margin:10px;
}

#steps {
	margin: 20px 0px 0px 0px;
} 
#steps h1 {
	color:#000000;
	font-size:24px;
	font-weight:bold;
	margin:0px;
}
#steps p {
	color:#000000;
	font-size:12px;
	margin:10px 0px 10px 0px;
}

#steps .step-txt {
	background:#0bb8b2;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	margin-bottom:10px;
}


#price-list { border:1px solid #555555; width:100%; margin-bottom:12px;}
#price-list tr th { background:#555555; color:#ffffff; font-size:14px; font-weight:bold; padding:6px 10px; text-align:left;}
#price-list tr td { padding:4px 10px;}
#price-list tr.grey { background-color:#ebebeb;}
#price-list tr td.price { color:#d42603; font-weight:bold;}
#price-list a.add2cart {
	background: url(../images/btn-addtocart.gif) no-repeat left top;
	display: block;
	height: 23px;
	width: 141px;
	color:#ffffff;
	text-decoration:none;
	padding-top:2px;
	text-align:center;
	font-weight: bold;
}
#price-list a.add2cart:hover { text-decoration:underline;}


#main-content h2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #1f9793;
	height: 25px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
}

#main-content h2 span {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}


#footer 
{
	width:940px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

#footer  h3 
{
	font-size: 10px;
}

#footer  h2 
{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

#footer a {
	color: #1f9793;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}

#footer a:hover {
	color: #1f9793;
	text-decoration: underline;
}

#clear {
	height: 25px;
}