/* 

Structural CSS for Home Page Layout

Body contains background color specific to Home Page

*/


* {padding:0;margin:0}

html,body{
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	}

body {
	width:auto;
	padding:0;
	margin:0;
	border: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size:11px;
	text-align:center;
	overflow-y: scroll;
	overflow-x: hidden;	
	background:#1E1E1E;
}


.outer {
	width:100%;
	position: relative;
}

.inner{
	width:970px;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	position:relative;
}


.module1{
	width:auto;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	position:relative;
	background:#1e1e1e;
	height: 154px;
	z-index:5000;
}
/* Minimum height for compliant browsers */
html>body .module1 {
	height: auto !important;
	min-height: 154px;
	z-index:9999;
}


.module1a{
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	position:relative;
	height: 280px;
	background:url("http://media.simplehelix.com.s3.amazonaws.com/images/level1a_back.png") repeat-x right top;
}
/* Minimum height for compliant browsers */
html>body .module1a {
	height: auto !important;
	min-height: 280px;
}


.module2{
	width:auto;
	min-width:970px;
	background:#f5f5f5;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	position:relative;
	border-top:#d2d2d2 1px solid;

}

/* Minimum height for compliant browsers */
html>body .module2 {
	height: auto !important;
	min-height: 1160px;
}

.module3{
	width:auto;
	min-width:970px;
	background:#e9e9e9;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
	position:relative;
	padding-bottom: 25px;
	padding-top:20px;
 	border-top: 1px solid #d8d8d8;
	height:auto;
}
/* Minimum height for compliant browsers */
html>body .module3 {
	height: auto !important;
	min-height: 505px;
}

.module4{
	width:auto;
	min-width:970px;
	background:#1E1E1E;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	position:relative;

}
/* Minimum height for compliant browsers */
html>body .module4 {
	height:400px;
}

.header {
	width:970px;
	background:#1E1E1E;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	height: 160px;
	display: block;
	background:none;
	
}
/* Minimum height for compliant browsers */
html>body .header {
	height: auto !important;
	min-height: 160px;
}
.header h1 {
	position: absolute;
	top: 23px;
	left: -6px;
}
.header h1 a {
	width: 363px;
	height: 80px;
	display: block;
	background: url("http://media.simplehelix.com/images/logo/SH_NewLogo_MainHeader.png") no-repeat left top;
}

.header h1 a span {
	display: none;
}





.magneto_header {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	height: 154px;
	display: block;
	background: url("http://media.simplehelix.com/images/head_970x154.jpg") no-repeat left top;
}
/* Minimum height for compliant browsers */
html>body .magneto_header {
	height: auto !important;
	min-height: 154px;
}
.magneto_header h1 {
	position: absolute;
	top: 26px;
	left: -6px;
}
.magneto_header h1 a {
	width: 323px;
	height: 75px;
	display: block;
	background: url("http://media.simplehelix.com/images/logo_323x75.png") no-repeat left top;
}
.magneto_header h1 a span {
	display: none;
}





.feeds {
	width: 970px;
	position: relative;
	display: block;
	float: left;
	margin-top: 23px;
	padding:40px 0px 40px 0px;
}


.feeds .feed-inner {
	width: 290px;
	position: relative;
	display: block;
}

.feeds .feed-inner p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	text-shadow:none;
	color: #666;
	text-align:left;
	float:left;
	margin:0px 0px 5px 5px;
}

.isbordered {
	border-top: 1px solid #dddddd;
	margin-right:3px;
	position:relative;
}

.ftitle1 {
	background: url("http://media.simplehelix.com/images/feed1.png") no-repeat top left;
	width: 291px;
	position: relative;
	display: block;
	height: 44px;
}

.ftitle1 span {
	display: none;
}

.ftitle1 h4{
	font-size:17px;
	color:#FFF;
	font-family: arial, sans-serif;
	text-align:left;
	padding-left:55px;
	padding-top:12px;
	
}

.ftitle2 {
	background: url("http://media.simplehelix.com/images/feed2.png") no-repeat top left;
	width: 291px;
	position: relative;
	display: block;
	height: 44px;
}
.ftitle2 span {
	display: none;
}


.ftitle2 h4{
	font-size:17px;
	color:#FFF;
	font-family: arial, sans-serif;
	text-align:left;
	padding-left:55px;
	padding-top:12px;
	
}

.ftitle3 {
	background: url("http://media.simplehelix.com/images/feed3.png") no-repeat top left;
	width: 291px;
	position: relative;
	display: block;
	height: 44px;
}
.ftitle3 span {
	display: none;
}


.ftitle3 h4{
	font-size:17px;
	color:#FFF;
	font-family: arial, sans-serif;
	text-align:left;
	padding-left:55px;
	padding-top:12px;
	
}

.wordppara {
	position: relative;
	display: block;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 11px;
	padding-right: 5px;
	padding-left:5px;

}




/* ------------------------------------ Header Slide Show Styles-------------------------------------*/

#featureWrapper {
	background:url("http://media.simplehelix.com.s3.amazonaws.com/images/slide_back.png") no-repeat;
	position: relative;
	float: left;
	width: 975px; 
	height: 280px; 
	overflow: hidden;
}
									
#featureSlider {
	position: absolute; 
	width: 970px; 
	height: 260px; 
	overflow: hidden;
	left: 7px; 
	top:6px;
}
	
#featureNavigation {	
	position: absolute; 
	width: 110px; 
	height: 39px; 
	left: 850px; 
	top: 244px; 
	z-index: 90;
}
#featureNavigation a {
	position: relative; 
	float: left;
	width: 16px; 
	height: 21px; 
	margin-top: 10px; 
	padding-top: 5px;	
	margin-right: 4px;
	color: #333; 
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-weight: bold; 
	text-align: center;
	background: url("http://media.simplehelix.com/images/button16x50.png") no-repeat; 
	display: block;
}
#featureNavigation a.activeSlide, #featureNavigation a:hover {
	background-position: 0 -25px;
}


/* ------------------------------------ Solutions Circles-------------------------------------*/


#solutions{
	height:auto;
	padding:30px 0px 30px 0px;
}

#solutions h3{
	font-family: arial, sans-serif;
	font-size:19px;
	color:#333;
	padding-top:15px;
}




/* ------------------------------------ FOR THE 'WHY CHOOSE US' SECTION -------------------------------------*/

#services {
	margin-top:20px;
}

#services h4 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	font-size:17px;
}

#services p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:23px;
	margin:0 0 10px 5px;
	text-shadow:none;
	color: #555;
	text-align:left;
	float:left;
}

.services-heading {
	padding:15px 0 5px 50px;
}

.services1{
	background: url("http://media.simplehelix.com/images/services/growing.png") no-repeat;
	height:44px;
	float:left;
}

.services2{
	background: url("http://media.simplehelix.com/images/services/reputation.png") no-repeat;
	height:44px;
	float:left;
}

.services3{
	background: url("http://media.simplehelix.com/images/services/support.png") no-repeat;
	height:44px;
	float:left;
}

.services4{
	background: url("http://media.simplehelix.com/images/services/magento_small.png") no-repeat;
	height:44px;
	float:left;
}

.services5{
	background: url("http://media.simplehelix.com/images/services/uptime.png") no-repeat;
	height:44px;
	float:left;
}

.services6{
	background: url("http://media.simplehelix.com/images/services/technologies.png") no-repeat;
	height:44px;
	float:left;
}



/* ------------------------------------ FOR THE PARTNER LOGOS SLIDER -------------------------------------*/

.wrap {
	width:100%;
	margin:0 auto;
}

#slider_wp3 {
	background:none;
	
	height:230px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:40px;
}

#slider1{
	background: none ;
	width:180px;
	height:102px;
	padding:0px 0 0px 0;
	margin:20px 0px 0px 0px;
	position:relative;
	}
	
	.bx-prev {
	text-indent: -999999px;
	background: url("http://media.simplehelix.com/images/slider-prev.png") no-repeat;
	position:absolute;
	top:45%;
	left:-30px;
	width: 30px;
	height: 47px;
	opacity:0.7;  
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;
	cursor:pointer;
}

.bx-prev:hover{
	text-indent: -999999px;
	background: url("http://media.simplehelix.com/images/slider-prev.png") no-repeat;
	position:absolute;
	top:45%;
	left:-30px;
	width: 30px;
	height: 47px;
	opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;
	cursor:pointer;

}


.bx-next {
	text-indent: -999999px;
	background: url("http://media.simplehelix.com/images/slider-next.png") no-repeat;
	position:absolute;
	top:45%;
	right:-30px;
	width: 30px;
	height: 47px;
	opacity:0.7;  
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;
	cursor:pointer;
}

.bx-next:hover {
	text-indent: -999999px;
	background: url("http://media.simplehelix.com/images/slider-next.png") no-repeat;
	position:absolute;
	top:45%;
	right:-30px;
	width: 30px;
	height: 47px;
	opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;
	cursor:pointer;
}

.bx-child{
	
}

.bx-wrapper{
margin-left:30px;	
}



/* ------------------------------------ DESIGN/DEV PAGE GRAPHICS -------------------------------------*/

.dev_circle1{
background: url("http://media.simplehelix.com/images/circles/devcircle1.png") no-repeat 0px 0px;
display:block;
width:136px;
height:155px;
margin-left:12px;
}

.dev_circle2{
background: url("http://media.simplehelix.com/images/circles/devcircle2.png") no-repeat 0px 0px;
display:block;
width:136px;
height:155px;
margin-left:12px;

}

.dev_circle3{
background: url("http://media.simplehelix.com/images/circles/devcircle3.png") no-repeat 0px 0px;
display:block;
width:136px;
height:155px;
margin-left:12px;

}

.dev_circle4{
background: url("http://media.simplehelix.com/images/circles/devcircle4.png") no-repeat 0px 0px;
display:block;
width:136px;
height:155px;
margin-left:12px;
opacity:0.9
}

.arrow_bk{
background: url("http://media.simplehelix.com/images/circles/arrow_bkg.png") no-repeat 0px 0px;
width:680px;
height:200px;
margin-left:-3px;	
}

.contact_circle1{
background: url("http://media.simplehelix.com/images/circles/contact_circle1.png") no-repeat 0px 0px;
display:block;
width:138px;
height:138px;
}

.contact_circle2{
background: url("http://media.simplehelix.com/images/circles/contact_circle2.png") no-repeat 0px 0px;
display:block;
width:138px;
height:138px;
}

.contact_circle3{
background: url("http://media.simplehelix.com/images/circles/contact_circle3.png") no-repeat 0px 0px;
display:block;
width:138px;
height:138px;
}

.pricing_box{
position: relative;
display: block; 
width: 225px; 
height:auto;
min-height:100px; 
	margin:0px 15px 0px 0px;
float:left;
background-color: #e5e4e4; 
border:1px solid #d2d2d2; 

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;

}

.top{ 
	text-align:center;

}

.middle{
		text-align:center;
		padding:0px 15px 0px 15px;
		min-height:60px;
}

.middle2{
		text-align:center;
		padding:0px 15px 0px 15px;
}

.middle p{
	font-family: "Arial", sans-serif;
	font-weight:normal;
	color:#555;
	text-align:center;
	font-size:13px;	
}

.middle h4{
	font-family: "Arial", sans-serif;
	font-weight:bold;
	color:#555;
	text-align:left;
	font-size:13px;	
}



.bottom{ 
}

.ribbon_new{
background: url("http://media.simplehelix.com/images/ribbon_new.png") no-repeat top right;
height:auto;
width:231px;
text-align:center;
margin-top:-6px;
padding-top:14px;
}

.ribbon_featured{
background: url("http://media.simplehelix.com/images/ribbon_featured.png") no-repeat top right;
height:auto;
width:231px;
text-align:center;
margin-top:-6px;
padding-top:14px;
}


.number-small{
	font-family: "Arial", sans-serif;
	font-weight:bold;
	color:#333;
	font-size:48px;
	line-height:48px;
	text-align:left;
	}

.number-large{
	font-family: "Arial", sans-serif;
	font-weight:bold;
	color:#333;
	font-size:61px;
	line-height:62px;
	text-align:left;
	}

.cents{
	font-family: "Arial", sans-serif;	
	font-weight:bold;
	font-size:21px;
	color:#333;
}

.dollar{
	font-family: "Arial", sans-serif;
	font-weight:bold;
	vertical-align:top;
	font-size:21px;
	color:#333;
}

.time{
	font-family: "Arial", sans-serif;
	font-weight:bold;
	font-weight:normal;
	color:#666;
	padding-left:5px;
}


.box_divider{
width:140px;
margin:12px 20px 12px 40px;
border:1px solid #d2d2d2;	
}

.magento_icon{
	background:url("http://media.simplehelix.com/images/magento_icon.png") no-repeat 0px 0px;
	height:19px;
	margin-left:30px;
	margin-top:5px;
}

.magento_icon p{
	font-size:13px;	
	text-align:left;
	font-weight:bold;
	color:#EA651B;
	margin-left:0px;
	line-height:20px;
	padding-left:22px;
}



.featured_box{
position: relative;
display: block; 
width: 680px; 
height:auto;
min-height:100px; 
margin:20px 15px 0px 3px;
float:left;
background-color: #e5e4e4; 
border:1px solid #d2d2d2; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;
padding-bottom:20px;

}

.no-min{
	min-height:10px !important;
}

.featured_price{
float:right;
font-size:14px;
font-weight:bold;
padding-top:3px;
color:#ea651a;
margin-right:30px;	
}

.ribbon_new_big{
background: url("http://media.simplehelix.com/images/ribbon_new_left.png") no-repeat top left;
height:60px;
width:680px;
text-align:center;
margin-top:-6px;
padding-top:14px;
margin-left:-6px;
}

.ribbon_deal{
background: url("http://media.simplehelix.com/images/ribbon_left_deal.png") no-repeat top left;
height:60px;
width:680px;
text-align:center;
margin-top:-6px;
padding-top:14px;
margin-left:-6px;
}

.featured_box h3{
text-align:left;	
font-size: 17px;
padding:20px 0px 0px 45px;	
}

.featured_box p{
text-align:left;	
padding:0px 15px 20px 25px;

}

.cache_chart{
	text-align:center !important;
}

.cache_chart h4{
text-align:center !important;
font-size:21px;
font-weight:bold;

}

.cache_chart p{
text-align:center !important;
font-weight:bold;
font-size:13px;
margin:0px 15px 0px 15px;

	}


.cache_chart2{
	text-align:center !important;
}

.cache_chart2 h4{
text-align:center !important;
font-size:21px;
font-weight:bold;

}

.cache_chart2 p{
text-align:center !important;
font-weight:bold;
font-size:13px;

	}

.bottom_cache{margin:0px 40px 0px 40px;}


.holiday{
	
	background: url("http://media.simplehelix.com/images/snow_village.png") repeat-x center center;
	text-align:center;
	height:140px;
	margin-top:250px;
}