@font-face {
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/museo-sans-300.woff) format('woff');
}
@font-face {
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/museo-sans-700.woff) format('woff');
}
@font-face {
	font-family: 'Proxima Nova Light';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/proxima-nova-light.woff) format('woff');
}

/*
 * Hack equivalent to <div style="clear: both"></div> at the end of blocks
 */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*
 * Sticky footer
 */
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 264px;}  /* must be same height as the footer */
#footerWrap {position: relative;
	margin-top: -264px; /* negative value of footer height */
	height: 264px;
	clear:both; } 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/*
 * End of Sticky footer
 */
 
 
 

a {
	color: #000;
	font-family: "Proxima Nova Light", sans-serif;
}

a.button {
	background: #9f061b;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	
	border-radius:5px;
	
	/* gradient background */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #C40021),
		color-stop(1, #9E061A)
	);
	background-image: -o-linear-gradient(bottom, #C40021 0%, #9E061A 100%);
	background-image: -moz-linear-gradient(bottom, #C40021 0%, #9E061A 100%);
	background-image: -webkit-linear-gradient(bottom, #C40021 0%, #9E061A 100%);
	background-image: -ms-linear-gradient(bottom, #C40021 0%, #9E061A 100%);
	background-image: linear-gradient(to bottom, #C40021 0%, #9E061A 100%);
	
}
a.button span.pointer {
	padding-right: 16px;
	background: transparent url(../images/button_arrow.png) right center no-repeat;		
}


* {

	font-family: "Proxima Nova Light", sans-serif;
}

i {
	visibility: hidden;
}

p {
	font-size: 18px;
	font-family: "Proxima Nova Light", sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 1em;
}

h1 {
	font-size: 35px;
	font-family: "Proxima Nova Light", sans-serif;
	font-weight: normal;
}
h2 {
	font-size: 24px;
	font-family: "Proxima Nova Light", sans-serif;
	font-weight: normal;
}
h3 {
	font-size: 18px;
	font-family: "Proxima Nova Light", sans-serif;
	font-weight: normal;
}
legend {
	font-size: 20px;
	font-family: "Proxima Nova Light", sans-serif;
	font-weight: normal;
}

.wrapper {
	width: 1000px;
	margin: auto;
}

#top_navigation {
	background: #333;
	color: #fff;
	display: relative;
	height: 35px;
	font-family: "Museo Sans", sans-serif;
	font-weight: 300;
	font-size: 14px;
}
#top_navigation a {
	color: #ddd;
	text-decoration: none;
}
#top_navigation a:hover {
	color: #fff;
	text-decoration: underline;
}
#top_navigation  ol  li {
	margin: 0px 10px;
	text-transform: uppercase;
	
	padding: 0px 10px;
	
	height: 35px;
    display: table-cell;
	vertical-align: middle;
}
#top_navigation  ol {
	list-style: none;
	float: left;
}
#top_navigation  span {
	text-align: right;
	float: right;
	
	margin-top: 10px;
	
}

header {
	background: #fff;
	height: 115px;
}

#logo {
	background: url(../images/logo.png);
	height: 115px;
	width: 300px;
	float: left;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#logo a:hover {
	border: 0px !important;
}

#header { 
	clear: both;
}
#header  a {
	text-decoration: none;
	color: #5c5c5c;
}
#header  a:hover {
	color: #000;
	border-bottom: 2px solid #b1290f;
}
#header ol {
	float: right;
	font-family: "Museo Sans", sans-serif;
	font-weight: 300;
}
#header ol  li {
	list-style: none;
	padding: 0px 20px;
	height: 115px;
	min-height: 115px;
    display: table-cell;
	vertical-align: middle;
	font-size: 25px;
}


#main_banner {
	background: url(../images/header_brown.jpg);
	height: 465px;
	box-shadow: 0px 10px 15px -10px #000 inset;
	color: #fff;
	font-family: "Proxima Nova Light", sans-serif;
}
#main_banner h1 {
	font-size: 55px;
}
#main_banner h2 {
	font-size: 40px;
}
#main_banner p {
	font-size: 25px;
	line-height: 1.5em;
}

#banner_01 {
	position: relative;
}
#banner_01 h1 {
	position: absolute;
	top: 100px;
	left: 0px;
}
#banner_01 h2 {
	position: absolute;
	top: 175px;
	left: 0px;
}
#banner_01 p {
	position: absolute;
	top: 250px;
	left: 220px;
}
#banner_01 a {
	position: absolute;
	top: 260px;
	left: 0px;
	font-size: 20px;
	padding: 15px 25px;
}




#sub_banner {
	background: url(../images/header_red.jpg);
	padding: 35px;
	box-shadow: 0px 10px 15px -10px #000 inset;
	color: #fff;
	font-family: "Proxima Nova Light", sans-serif;
}
#sub_banner h1 {
	font-size: 55px;
}
#sub_banner h2 {
	font-size: 40px;
}
#sub_banner p {
	font-size: 25px;
	line-height: 1.5em;
}






#page {
	margin-top: 25px;
	margin-bottom: 25px;

}

#page .shared_hosting_main, #page .why_swifthost_main {
	float: left;
	width: 100%;
	background-position: right center !important;
}
#page .shared_hosting_main {
	margin: 0px 0px -25px 0px !important;
}
#page .reseller_hosting_main {
	width: 100%;
	background-position: left center !important;
}
#page .why_swifthost_main  {
	margin: -25px 0px 0px 0px !important;
}
#page .main_articles {
	margin: -25px 0px;
	min-height: 250px;
	clear: both;
	background-repeat: no-repeat !important;
}
#page .main_articles h1 {
	margin-top: 55px;
	margin-bottom: 10px;
}
#page .main_articles p, #page .main_articles h1 {
	width: 600px;
	float: left;
}
#page .reseller_hosting_main h1, #page .reseller_hosting_main p {
	float: right;
}
#page .shared_hosting_main {
	background: url(../images/shared_hosting.jpg);
}
#page .reseller_hosting_main {
	background: url(../images/reseller_panel.jpg);
}
#page .why_swifthost_main {
	background: url(../images/swifthost_servers.jpg);
}

#page .about_swifthost { 
	float: left;
	width: 650px;
}




/*
 * Column Layout
 */
.column {
	float: left;
}
.column.last {
	margin-right: 0 !important;
}

/*
 * Hosting Section
 */
.hostingPlans {
	margin-top: 40px;
	margin-bottom: 40px;
}
.hostingPlans .column {
	background: #fff url(../images/table/innerShadowBottom.png) left bottom repeat-x;
	border: 1px solid #ddd;
	padding-bottom: 25px;
}
.hostingPlans .column:hover {
	position: relative;
	padding: 10px;
	padding-bottom: 25px;
	margin: -10px -10px -10px -11px;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 10px #eee;
	-moz-box-shadow: 0 0 10px #eee;
	box-shadow: 0 0 10px #eee;
}
.hostingPlans .column {
	margin-right: 0;
	margin-left: -1px;
	width: 245px;
}

.hostingPlans .heading {
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 20px;
	padding: 20px 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
}
.hostingPlans .heading h1 {
	margin-bottom: 10px;
}

.hostingPlans .column:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.hostingPlans .column:last-child {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.hostingPlans ul {
	padding: 20px;
	border-top: 1px dashed #ddd;
	list-style: none;
}

.hostingPlans ul li {
	line-height: 22px;
	text-shadow: 0 1px 0 #fff;
}

.hostingPlans ul.keyFeatures,
.hostingPlans .keyFeatures ul {
	background: #f3f3f3;
}

.hostingPlans ul.keyFeatures li,
.hostingPlans .keyFeatures ul li {
	line-height: 24px;
	font-size: 16px;
}

.hostingPlans ul.addFeature,
.hostingPlans .addFeature ul {
	background: #f3f3f3;
}

.hostingPlans ul.addFeatures li,
.hostingPlans .addFeatures ul li {
	line-height: 24px;
	font-size: 16px;
}

.hostingPlans .additionalFeatures li.unavailable {
	height: 22px;
	color: #999;
	background: transparent url(../images/table/iconSmallCross.png) left center no-repeat;
}

.hostingPlans .price {
	text-align: center;
	padding: 20px;
	border-top: 1px dashed #ddd;
}

.hostingPlans .price strong {
	font-size: 32px;
	line-height: 40px;
}

.hostingPlans .price span {
	line-height: 14px;
	font-size: 14px;
	letter-spacing: normal;
}


/* End of the table */

ul#hostingFeatures li {
	float: left;
	width: 50%;
	height: 150px;
	list-style: none;
	margin-top: 20px;
	background-position: 0px 35px !important;
}
ul#hostingFeatures h2 {
	border-bottom: 1px solid #AAA;
	margin-right: 20px;
}
ul#hostingFeatures p {
	margin-top: 10px;
	margin-left: 80px;
	margin-right: 10px;
}
ul#hostingFeatures li.cpanel {
	background: url(../images/features/cpanel.png) no-repeat;
}
ul#hostingFeatures li.installer {
	background: url(../images/features/installer.png) no-repeat;
}

ul#hostingFeatures li.moneyback {
	background: url(../images/features/moneyback.png) no-repeat;
}

ul#hostingFeatures li.php {
	background: url(../images/features/php.png) no-repeat;
}

ul#hostingFeatures li.response {
	background: url(../images/features/response.png) no-repeat;
}

ul#hostingFeatures li.support {
	background: url(../images/features/support.png) no-repeat;
}
ul#hostingFeatures li.disk {
	background: url(../images/features/disk.png) no-repeat;
}
ul#hostingFeatures li.uptime {
	background: url(../images/features/uptime.png) no-repeat;
}







/* More stuff */

.featureTable{
	margin:0 0px;
	float:left;
	width: 1000px;
	margin-top: 20px;
}

ul.tabs{
	float:left;
	background:#fdfcf9;
	text-align:left;
	border:1px solid #ebe9e8;
	border-right:0;
	line-height:normal;
	width: 990px;
}
ul.tabs li{
	list-style: none;
	font-size:16px;
	border-right:1px solid #ebe9e8;
	float:left;
}
ul.tabs li a{
	position:relative;
	color:#3b3930; 
	text-decoration:none;
	padding: 10px 0px 10px 6px;
	width: 103px;
	border-bottom:8px solid #38352f;
	display:block;
}
ul.tabs li a:hover,ul.tabs li a.current{
	color:#b7172f;
	border-bottom:8px solid #b7172f;
}
ul.tabs li a:hover:after, ul.tabs li a.current:after{
	content:"";
	width:10px;
	height:9px;
	background:url(../images/table/arrow.png) no-repeat;
	position:absolute;
	bottom:-17px;
	left:45px;
}


.tabContentContainer{
	border:1px solid #ebe9e8;
	float:left;
	width: 990px;
	border-top:0;
}
.tabContentContainer  h2{
	margin: 10px 10px;
	float: left;
}
.tabContentContainer   p {
	margin-top: 11px;
}
.tabContents { 
	display: none;
}
.tabContents table {
	width: 100%;
	border-collapse: collapse;
}
.tabContents table td {
	padding: 10px 10px;
	border-top: 1px solid #ebe9e8;
	padding-left: 45px;
	width: 70%;
}
.tabContents table td:last-child {
	padding: 8px 10px;
	text-align: center;
}
.tabContents table tr:nth-child(odd) td {
	background: #f9f8f3;
}
.tabContents table tr:last-child td {
	border-bottom: 0px;
}



/*
 * End Hosting Section
 */

 
ul#hostingFAQ {
	margin-left: 20px;
}
ul#hostingFAQ p {
	margin-left: 0px;
}
ol#whatWeOffer {
	margin-left: 20px;
	font-size: 16px;
}
ol#whatWeOffer li {
	margin: 10px;
}
 
 
.testimonial { 
	background-image: url(../images/testimonial.png);
	background-repeat: no-repeat;
	float: right;
	margin-bottom: 15px;
	position: relative;
	width: 322px;
}
.testimonial p { 
	margin: 20px;
}
.testimonial address { 
	background: #fff;
}
.testimonial .bottom { 
	background-image: url(../images/testimonial.png);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	height: 25px;
	position: relative;
	width: 322px;
}
 
 
 
 
 
 






.right_arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #ffffff;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	display: inline-block;
}


#support_24x7x364 {
	background: #9d051b;
	border-bottom: 1px solid #c21a32;
	color: #fff;
	padding: 15px;
}
#support_24x7x364 a {
	color: #fff;
	text-decoration: none;
	padding-right: 20px;
}
#support_24x7x364 h2 {
	width: 50%;
	display: inline-block;
	position: relative;
	font-size: 22px;
}
#support_24x7x364 h2#here247 {
	margin-left: 0px;
}
#support_24x7x364 h2#resolution_guarantee {
	margin-right: -10px;
	text-align: right;
}

#footer {
	box-shadow: 0px 10px 35px -20px #000 inset;
	border-top: 1px solid #000;
	color: #fff;
	
	/* Gradient from 222 to 282828 */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #222222),
		color-stop(0.44, #282828)
	);
	background-image: -o-linear-gradient(bottom, #222222 0%, #282828 44%);
	background-image: -moz-linear-gradient(bottom, #222222 0%, #282828 44%);
	background-image: -webkit-linear-gradient(bottom, #222222 0%, #282828 44%);
	background-image: -ms-linear-gradient(bottom, #222222 0%, #282828 44%);
	background-image: linear-gradient(to bottom, #222222 0%, #282828 44%);
	
	padding-top: 35px;
	padding-bottom: 35px;
}
#footer ol {
	list-style: none;
}

#mission_statement {
	float: left;
	border-top: 1px solid #646464;
	border-bottom: 1px solid #646464;
	width: 400px;
}
#mission_statement p {
	font-size: 16px;
	margin: 10px 10px;
}

#mission_statement legend {
	text-align: center;
	margin: auto;
	margin-top: -10px;
	padding: 0px 10px;
}

#copyright {
	float: left;
	margin-top: 15px;
	background: url(../images/copyright.png) no-repeat;
	background-position: left center;
	padding: 20px 0px 17px 125px;
	width: 275px;
	color: #fff;
	font-size: 14px;
	clear: left;
}

#footer_navigation {
	float: right;
	color: #fff;
}
#footer_navigation h2 {
	margin-bottom: 7px;
}
#footer_navigation a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	white-space: nowrap;
	color: #c9c9c9;
}
#footer_navigation a:hover {
	color: #fff;
}
#footer_navigation ol {
}
#footer_navigation ol li {
	float: left;
	margin: 0px 20px;
}
#footer_navigation ol ol {
	margin: 0px;
}
#footer_navigation ol li li {
	clear: both;
	margin: 5px 0px;
}