﻿/* Reset */
td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
th{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
tr{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
thead{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
tfoot{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
tbody{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
caption{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
table{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
legend{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
label{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
form{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
fieldset{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
li{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
ul{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
ol{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
dd{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
dt{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
dl{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
center{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
i{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
u{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
b{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
var{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
tt{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
sup{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
sub{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
strong{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
strike{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
small{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
samp{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
s{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
q{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
kbd{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
ins{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
img{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
font{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
em{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
dfn{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
del{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
code{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
cite{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
big{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
address{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
acronym{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
abbr{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
a{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
pre{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
blockquote{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
p{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
h6{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
h5{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
h4{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
h3{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
h2{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
h1{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
iframe{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
object{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
applet{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
span{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
div{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
html{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ul{list-style:none}ol{list-style:none}q{quotes:none}blockquote{quotes:none}q:after{content:none}q:before{content:none}blockquote:after{content:none}blockquote:before{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Basic */
html {
	-webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: 'nevisBold';
    src: url('../fonts/nevis-webfont.eot');
    src: url('../fonts/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nevis-webfont.woff') format('woff'),
         url('../fonts/nevis-webfont.ttf') format('truetype'),
         url('../fonts/nevis-webfont.svg#nevisBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { 
	background: #FFF; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #333;
}
.clear{ 
	clear:both; 
}
a { 
	color: #ff7361;
	text-decoration: none;
}
hr { 
	border:none; 
	border-bottom:3px solid #f3f3f3; 
	margin:10px 0 10px 0;
}
.center { 
	text-align:center; 
}
p { 
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
}
.page_wrap { 
	width: 960px;
	margin: 0 auto;
}

/* Top Support */
#top_support {
	background: #2f3239;
	height: 27px;
	border-bottom: 1px solid #454951;
	text-align: right;
}
#top_support h5 {
	color: #80848e;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 7px;
}
#top_support h5 span {
	color: #FFF;
}

/* Header */
#header {
	background: #336699;
	height: 67px;
}
#header h1 { 
	background: url(../img/logo.png) no-repeat;
	width: 200px;
	height: 42px;
	position: relative;
	top: 12px;
	font-size: 0;
	text-indent: -9999px;
	float: left;
}
#header ul {
	float: right;
	position: relative;
	top: 25px;
}
#header ul li {
	float: left;
}
#header ul li a { 
	font-size: 15px;
	font-weight: normal;
	font-family: 'nevisBold', Arial, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 30px;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
#header ul li a.active { 
	color: #ff7361;
}

#header ul li a:hover { 
	color: #ff7361;
}

/* Masthead */
#masthead { 
	background: #303030;
	height: 368px; 
	border-top: 1px solid darkgray;
}
#slider {
	position:relative;
}

#slider #slide_viewport {
	height:368px;
	overflow:hidden;
	position:relative;
	width:960px;
}

#slider #slide_container {
	height:368px;
	left:0;
	overflow:hidden;
	position:relative;
	top:0;
	width:10000px;
	
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

#slider .slide {
	float:left;
	height:368px;
	width:960px;
}

#slider .slide img {
	vertical-align:middle;
}

#slider #slider_navigation {
	bottom:8px;
	left:0;
	overflow:hidden;
	position:absolute;
	text-align:center;
	width:100%;
}

#slider #slider_navigation a {
	background:url(../img/btn_slide.png) no-repeat -14px 0;
	display:inline-block;
	height:14px;
	width:14px;
	margin-left: 5px;
}

#slider #slider_navigation a.active {
	background-position:0 0;
}

#slider #left_arrow {
	background:url(../img/slider_arrows.png) no-repeat 0 0;
	display:none;
	height:40px;
	left:-50px;
	position:absolute;
	top:150px;
	width:40px;
	
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

#slider #right_arrow {
	background:url(../img/slider_arrows.png) no-repeat -40px 0;
	display:none;
	height:40px;
	position:absolute;
	right:-50px;
	top:150px;
	width:40px;
	
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.slide_tagline {
	width: 430px;
	float: left;
}
.slide_tagline h2 {
	font-size: 20px;
	color: #FFF;
	margin-top: 26px;
	line-height: 24px;
}
.slide_tagline p { 
	font-size: 14px;
	line-height: 20px;
	color: #ffd2cc;
	margin-top: 15px;
	font-weight: 500;
}
.slide_img { 
	float: right;
	width: 511px;
	margin-top: 28px;
}
.free_trial_btn {
	background: url(../img/free_trial_btn.png) no-repeat top right; 
	display: inline-block; 
	border: none; 
	width: 188px; 
	height: 43px;
	outline: none; 
	cursor:pointer; 
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 43px;
	text-align: center;
}
.free_trial_btn:hover {
	background-position: 0 -43px; 
	border: none; 
	outline:none; 
}
.free_trial_btn:active {
	background-position: 0 -86px; 
	border: none; 
	outline:none; 
}
.or { 
	background:url(../img/or_bg.png);
	width: 50px;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #ffcdc7;
 }
.register_btn {
	background: url(../img/account_btn.png) no-repeat top right; 
	display: inline-block; 
	border: none; 
	width: 188px; 
	height: 43px;
	outline: none; 
	cursor:pointer; 
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 43px;
	text-align: center;
}
.register_btn:hover {
	background-position: 0 -43px; 
	border: none; 
	outline:none; 
}
.register_btn:active {
	background-position: 0 -86px; 
	border: none; 
	outline:none; 
}
.normal_btn {
	background: url(../img/normal_btn.png) no-repeat top right; 
	display: inline-block; 
	border: none; 
	width: 190px; 
	height: 43px;
	outline: none; 
	cursor:pointer; 
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 43px;
	text-align: center;
}
.normal_btn:hover {
	background-position: 0 -43px; 
	border: none; 
	outline:none; 
}
.normal_btn:active {
	background-position: 0 -86px; 
	border: none; 
	outline:none; 
}

/* Featured */
#featured { 
	background: #f3f3f3;
	overflow: hidden;
	min-height: 190px;
} 
.boxes_fix {
	margin-right: 30px;
}
.featured_boxes { 
	width: 445px;
	background: #FFF;
	float: left;
	padding: 0 10px 10px;
	margin-top: 30px;
	
	-webkit-box-shadow: 0px 1px 3px 0px #cdcecf; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 1px 3px 0px #cdcecf; /* FF3.5 - 3.6 */
    box-shadow: 0px 1px 3px 0px #cdcecf; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    
    -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android â‰¤1.6 */
    -moz-border-radius: 6px; /* FF1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    
    -webkit-transition: box-shadow .2s linear, color .2s linear;
	-moz-transition: box-shadow .2s linear, color .2s linear;
	-o-transition: box-shadow .2s linear, color .2s linear;
	-ms-transition: box-shadow .2s linear, color .2s linear;
	transition: box-shadow .2s linear, color .2s linear;
}
.featured_boxes:hover { 	
	-webkit-box-shadow: 0px 0px 5px 0px #ff7361; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 5px 0px #ff7361; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 5px 0px #ff7361; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    
    -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android â‰¤1.6 */
    -moz-border-radius: 6px; /* FF1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
.featured_boxes h2 {
	color: #666b73;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 22px;
}
.featured_boxes:hover h2 {
	color: #373b43;
}
.featured_meta { 
	float: right;
	width: 320px;
}
.stats_icon {
	background: url(../img/stats_icon.png) no-repeat  top left; 
	display: inline-block; 
	border: none; 
	width: 101px; 
	height: 75px;
	margin-top: 22px;
	float: left;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.featured_boxes:hover .stats_icon {
	background-position: 0 -75px; 
	border: none; 
	outline:none; 
}
.options_icon {
	background: url(../img/options_icon.png) no-repeat  top left; 
	display: inline-block; 
	border: none; 
	width: 91px; 
	height: 90px;
	margin-top: 22px;
	float: left;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.featured_boxes:hover .options_icon {
	background-position: 0 -90px; 
	border: none; 
	outline:none; 
}
.support_icon {
	background: url(../img/support_icon.png) no-repeat  top left; 
	display: inline-block; 
	border: none; 
	width: 101px; 
	height: 88px;
	margin-top: 22px;
	float: left;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.featured_boxes:hover .support_icon {
	background-position: 0 -88px; 
	border: none; 
	outline:none; 
}
.dashboard_icon {
	background: url(../img/dashboard_icon.png) no-repeat  top left; 
	display: inline-block; 
	border: none; 
	width: 91px; 
	height: 90px;
	margin-top: 22px;
	float: left;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.featured_boxes:hover .dashboard_icon {
	background-position: 0 -90px; 
	border: none; 
	outline:none; 
}

/* Testimonials */
#testimonials {
	background: #fcfcfc;
	padding-top: 15px;
	
	-webkit-box-shadow: 0px 0px 3px 0px #cdcecf; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 3px 0px #cdcecf; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 3px 0px #cdcecf; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
#test_bg {
	background: url(../img/test_bg.png) no-repeat;
	width: 960px;
	padding-bottom: 37px;
	margin-bottom: 30px;
}
#test_bg h3 {
	font-size: 18px;
	color: #ff7361;
	font-weight: lighter;
	text-align: center;
	position: relative;
	top: 12px;
}

/* Sign up sec */
#sign_up_sec { 
	background: #FFF;
}
.pricing_table {
	background: #FFF;
	width:180px;
	float: left;
	margin-right: 35px;
	padding: 10px 10px 3px 10px;
	
	-webkit-box-shadow: 0px 0px 4px 0px #545962; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 4px 0px #545962; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 4px 0px #545962; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android â‰¤1.6 */
    -moz-border-radius: 3px; /* FF1-3.6 */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    
    -webkit-transition: box-shadow .2s linear, color .2s linear;
	-moz-transition: box-shadow .2s linear, color .2s linear;
	-o-transition: box-shadow .2s linear, color .2s linear;
	-ms-transition: box-shadow .2s linear, color .2s linear;
	transition: box-shadow .2s linear, color .2s linear;
	
}
.pricing_table:hover { 	
	-webkit-box-shadow: 0px 0px 5px 0px #ff7361; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 5px 0px #ff7361; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 5px 0px #ff7361; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.pricing_table h4 { 
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	color: #666b73;
	float: left;
}
.pricing_table h5 { 
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	color: #ff7361;
	float: right;
}
.pricing_table h5 span {
	font-size: 11px;
}
.pricing_table ul li { 
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.pricing_table ul li:first-child {
	padding-top: 0px; 
}
.pricing_signup_btn {
	background: url(../img/table_btn.png) no-repeat top right; 
	display: inline-block; 
	border: none; 
	width: 194px; 
	height: 39px;
	outline: none; 
	cursor:pointer; 
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 39px;
	text-align: center;
	position: relative;
	left: -7px;
}
.pricing_signup_btn:hover {
	background-position: 0 -39px; 
	border: none; 
	outline:none; 
}
.pricing_signup_btn:active {
	background-position: 0 -78px; 
	border: none; 
	outline:none; 
}

/* Newsletter */
#newsletter { 
	width: 250px;
	float: left;
}
#newsletter h2 {
	color: #373b43;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.newsletter_text {
	background: url(../img/news_input.png) no-repeat;
	width: 200px;
	height: 40px;
	position: absolute;
	border: none;
	outline: none;
	padding: 0 40px 0 10px;
	font-size: 13px; 
	color: #666b73;
}
.newsletter_submit {
	background: url(../img/news_btn.png) no-repeat top right; 
	display: inline-block; 
	border: none; 
	width: 75px; 
	height: 30px;
	outline: none; 
	cursor:pointer; 
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	text-align: center;
	position: relative;
	right: 4px;
	float: right;
	top: 5px;
}
.newsletter_submit:hover {
	background-position: 0 -30px; 
	border: none; 
	outline:none; 
}
.newsletter_submit:active {
	background-position: 0 -60px; 
	border: none; 
	outline:none; 
}
/* Footer */
#footer { 
	background: #373b43;
	padding: 27px 0 12px 0;
	margin-top: 30px;
}
#footer ul {
	float: left;
}
#footer ul li {
	float: left;
}
#footer ul li a {
	font-family: 'nevisBold', Arial, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dotted #575c66;
	font-size: 11px;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
#footer ul li a:hover { 
	color: #ff7361;
}
#footer p { 
	color: #a0a5b0;
	float: right;
}
#footer a { 
	color: #ff7361;
	text-decoration: none;
}

/* Media for anything with a max width of 960px. Mostly large tablets such as the iPad */
@media (min-width: 768px) and (max-width: 960px) {
    .page_wrap {
        margin:0 auto;
        width:748px;
    }
    
    #slider {
    	padding-bottom: 25px;
    }

    video {
        max-width:100%;
    }

    object {
        max-width:100%;
    }

    embed {
        max-width:100%;
    }

    #slider img {
        max-width:100%;
    }

    #masthead {
        height:auto;
        overflow:hidden;
    }

    #slider #slide_viewport {
        height:auto;
        width:100%;
    }

    #slider #slide_container {
        height:auto;
    }

    #slider .slide {
        height:auto;
        padding:10px;
        width:728px;
    }

    #slider .slide_img {
        float:none;
        margin:0 auto;
    }

    #slider .slide_tagline {
        margin:0 auto 35px;
        width: 740px;
    }
    #featured {
    	padding-bottom: 10px;
    }
    .featured_boxes {
        float:none;
        margin: 10px auto 0;
        overflow:hidden;
    }

    #test_bg {
        padding-left:70px;
        text-align:left;
        width:678px;
        background-position: 0 10px;
    }

    #test_bg h3 {
        text-align:left;
    }

    .pricing_table {
        margin:0 0 30px 35px;
        margin-left:35px;
        margin-right:0;
    }

    #newsletter {
        float:none;
        margin:0 auto;
    }
}

/* Media for anything with a max width of 767px. Mostly small tablets and iPhones & Smartphones */

@media (min-width: 0px) and (max-width: 767px) {
    .page_wrap {
        width:100%;
    }

    #top_support {
        text-align:center;
    }

    #header {
        height:auto;
        overflow:hidden;
        padding:15px 0;
    }

    #header h1 {
        float:none;
        margin:0 auto 10px;
        top:0;
    }

    #header ul {
        float:none;
        margin:0 auto;
        overflow:hidden;
        position:static;
        top:0;
        width:335px;
    }

    #header ul li a {
        margin-left:7px;
    }

    #masthead {
        height:auto;
        overflow:hidden;
    }

    #slider .slide img {
        display:none;
    }

    #slider #slide_viewport {
        height:auto;
        width:100%;
    }

    #slider #slide_container {
        height:auto;
    }

    #slider .slide {
        height:auto;
        margin-left:50px;
        padding:10px;
        width:320px;
    }

    #slider .slide:first-child {
        margin-left:0;
    }

    #slider .slide_tagline {
        margin:0 auto;
        width:300px;
    }
    .free_trial_btn {
	background: url(../img/free_trial_btn_small.png) no-repeat top right; 
	display: inline-block; 
	border: none; 
	width: 130px; 
	height: 43px;
	outline: none; 
	cursor:pointer; 
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 43px;
	text-align: center;
	}
	.free_trial_btn:hover {
		background-position: 0 -43px; 
		border: none; 
		outline:none; 
	}
	.free_trial_btn:active {
		background-position: 0 -86px; 
		border: none; 
		outline:none; 
	}
	.or { 
		background:url(../img/or_bg.png);
		width: 50px;
		height: 50px;
		font-size: 14px;
		font-weight: bold;
		color: #ffcdc7;
	 }
	.register_btn {
		background: url(../img/account_btn_small.png) no-repeat top right; 
		display: inline-block; 
		border: none; 
		width: 130px; 
		height: 43px;
		outline: none; 
		cursor:pointer; 
		color: #FFF;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		line-height: 43px;
		text-align: center;
	}
	.register_btn:hover {
		background-position: 0 -43px; 
		border: none; 
		outline:none; 
	}
	.register_btn:active {
		background-position: 0 -86px; 
		border: none; 
		outline:none; 
	}

    #featured {
    	padding-bottom: 10px;
    }
    .featured_boxes {
        float:none;
        margin: 10px auto 0;
        overflow:hidden;
        width:90%;
    }
    .stats_icon {
    	display: block;
    	float: none;
    	margin: 0 auto;
    	text-align: center;
    	margin-top: 10px;
    }

    .options_icon {
    	display: block;
    	float: none;
    	margin: 0 auto;
    	text-align: center;
    	margin-top: 10px;
    }

    .support_icon {
    	display: block;
    	float: none;
    	margin: 0 auto;
    	text-align: center;
    	margin-top: 10px;
    }

    .dashboard_icon {
    	display: block;
    	float: none;
    	margin: 0 auto;
    	text-align: center;
    	margin-top: 10px;
    }

    .featured_meta {
        width:100%;
    }

    #testimonials div {
        width:300px;
    }
    
    #test_bg {
	background: url(../img/test_bg_iphone.png) no-repeat;
	width: 383px;
	padding-bottom: 37px;
	margin-bottom: 30px;
	background-position: 0 30px;
	}

    .pricing_table {
        float:none;
        margin:0 auto 35px;
    }

    #newsletter {
        float:none;
        margin:0 auto;
    }

    #footer ul {
        float:none;
        margin:0 auto 10px;
        overflow:hidden;
        width:305px;
    }
    #footer ul li:last-child a {
    	border-right: none;
    	margin-right: 0;
    	padding-right: 0;
    } 

    #footer p {
        float:none;
        width:280px;
        margin:0 auto;
    }
}


