body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background-position:top center;
	background-repeat: repeat-x ;
	margin:0;
	padding:0;
	color:#606060;	
	background-image:url('../img/site/bg.jpg');
	background-color:#000000;
}

/*** color for feature title ***/
.black{ color:#000;}

a{
	color:#8C1229;
	text-decoration:underline;
}
a:hover{ color:#BC4259;	text-decoration: underline; }

h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}

p{  
	padding-bottom:20px;
	line-height:24px;
	}
small{
	font-size:11px;
	}
strong{
	font-weight:bold;
	}
i, em{
	font-style:italic;
}
#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}
	
.line{ padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px #999 dotted; }

.fleft{ float:left;}
.fright{ float:right;}
.alignright{
	float:right;
	margin: 3px 0px 10px 10px;
	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
	}
	
#main-container{
	width:960px;
	margin: 15px auto 20px auto;
	display:block;
	}
	
/****** Logo Area ******/
#logo{
	display:block;
	width:433px;
	height:188px;
	position:absolute;
	top:0px;
	left:20px;
	background:left url('../img/site/mioslogo.png') no-repeat;
}

/****** Header ******/
#header{
	position:relative;
	display:block;
	width:960px;
	height:188px;
	margin:0px auto;
	background:left bottom repeat-x url('../img/site/header_bg.jpg');
	}
#hdr-phone{
	position:absolute;
	top:80px;
	right:220px;
	display: inline-block;
	font-size:34px;
	color:#8C1229;
	font-weight:bold;
	}
#hdr-rewards{
	position:absolute;
	top:40px;
	right:20px;
	display:block;
	width:147px;
	height:147px;
	margin:0px auto;
	background:left bottom repeat-x url('../img/rewards_signup.jpg');
	}
	
/****** Banner ******/
#additional_top_wrap{
	display:block;
	width:920px;
	padding:0px 20px 10px 20px;
	background-color:#FFF;
	}
#banner{
	position:relative;
	display:block;
	width:920px;
	height:305px;
	background:center bottom url('../img/site/banner-bg.png') no-repeat;
	border-bottom:1px #999 dotted;
	}
#banner #text{	
	position:relative;
	font-size:24px;
	color:#FFF;
	display:block;
	width:415px;
	padding:20px 0px 0px 30px;
	font-weight:bold;
	}
#banner #text .big{
	font-size:48px;
	color:#FFF;
	font-weight:bold;
	}	
	
	.clear_banner{
	position:relative;
	clear:both;
	display:block;
	width:415px;
	height:20px;
	}		
#banner #mygallery{
	position:absolute;
	right:40px;
	top:1px;
	z-index:80;
	}
.stepcarousel{
	position: relative; 
	border: 4px solid #FFF;
	overflow: scroll; 
	width: 390px; /*Width of Carousel Viewer itself*/
	height: 255px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 390px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
	
/****** Features ******/	
#feature_sections{
	position:relative;
	display:block;
	width:920px;
	padding:0px;	
	border-bottom:1px #999 dotted;
	}
#feature_sections .block{
	display:inline;
	float:left;
	width:300px;
	margin:10px 10px 0px 0px;
	background-color:#DFDFDF;
	padding:0px 0px 0px 0px;
	}
#feature_sections .last{
	margin-right:0px;
	}
#feature_sections .block .title{
	font-size:18px;
	display:block;
	width:270px;
	background-color:#575757;
	padding:5px 15px;
	color:#FFF;	
	}
#feature_sections .block .description{
	padding:5px 15px 10px 15px;
	}
#feature_sections .block img{	
	margin: 10px 35px;
	border: 3px #ccc solid;
}
#feature_sections .block .block_link{
	display:block;
	width:270px;
	background-color:#575757;
	padding:5px 15px;
	color:#FFF;
	text-decoration:none;
	}
#feature_sections .block .block_link:hover{
	background-color:#000;
	}	
.clear{
	position:relative;
	clear:both;
	display:block;
	width:920px;
	height:10px;
	}
	
/****** Content ******/
#content_wrap{
	display:block;
	width:920px;
	padding:20px;
	background-color:#FFFFFF;
	}
#content{
	display: inline;
	float:left;
	width:600px;
	padding:0px;
	background-color:#FFFFFF;
	}
.info{	margin-bottom:25px;}
.info img{ border:4px #DFDFDF solid;}
.info .title{
	width: 478px;
	float:left;
	vertical-align:text-top;
	}
small span {
	color:#000;}
.info-clear{ 
	clear:both;
	display:block;
	width:610px;
	height:1px;
}
.info .info-body{
	display:block;
	padding:20px 0px 25px 0px;
	border-bottom: 1px dotted #333333;
	font-size: 13px;
	line-height:24px;
	}

/****** Sidebar ******/
#sidebar{
	display: inline;
	float:right;
	width:300;
	padding:0px;
	background-color:#FFFFFF;
	}
#sidebar iframe{
	margin-top:20px;
}	
/****** Footer ******/
#footer_wrap{
	display:block;
	width:960px;
	}
#top_footer{
	position:relative;
	display:block;
	width:920px;
	background-color:#575757;
	padding:5px 0px 0px 0px;
	color:#ececec;
	text-align:center;
	}
#top_footer h4{
	color:#F7C126;
	padding-bottom:10px;
	}
#top_footer a{
	color:#FFF;
	}	
#bottom_footer{
	position:relative;
	margin-top: 15px;
	display:block;
	width:890px;
	height:20px;
	padding:4px 0 0 30px;
	font-size:13px;
	color:#b3b3b3;
	}
#bottom_footer .footer_menu{
	position:absolute;
	right:0px;
	top:0px;
	}
#bottom_footer .footer_menu a{
	display:inline-block;
	float:right;
	color:#b3b3b3;
	padding:4px 0px 0px 0px ;
	margin-left:100px;
	}
#bottom_footer .footer_menu a:hover{
	color:#FFF;
	}