@import url(reset.css);
@import url(typography.css);

html, body{background: url(images/whiteGrid.jpg) top left repeat #fff;}

#pageWrap1{
width:100%;
text-align:center;
position:relative;
background:url(images/top-sliver.gif) repeat-x top left;
}
#pageWrap2{
width:100%;
background:url(images/light.png) no-repeat center top;
text-align:center;
overflow:hidden;
}
#innerWrap{
text-align:left;
margin:0 auto;
width:960px;
position:relative;
}

#header{
height:144px;
}

img.logo{margin:54px 0 0 -12px;}

#videoHome, #secondaryLinks{
float:left;
}
#videoHome{
border-right:1px solid #adadad;
padding-right:25px;

}
#videoHome a{
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
border:1px solid #666;
}
#secondaryLinks{
padding-left:30px;
width:260px;
margin:0;
list-style:none;
}

#secondaryLinks ul{
list-style:none;
margin:0;
}
#secondaryLinks li{
margin:0 0 9px 0;
}
#secondaryLinks li a{
font: lighter 22px/36px Helvetica Neue, Helvetica, Arial sans-serif;
color: #666;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}

#secondaryLinks li a:hover{
color:#1b2ba0;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
}


.tryFree{
background:#03850f;
background:rgba(3, 133, 15, 0.8);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
border:6px solid #03850f;
padding:9px 10px;
margin-bottom:18px;
cursor:pointer;
}
.tryFree:hover{
border:6px solid #0abd1a;
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.8);
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.8);
-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.8);

}
.tryFree h3{
font: bold 46px/36px Helvetica Neue, Helvetica, Arial sans-serif;
margin-bottom:9px;
color:#fff;
}
.tryFree a{
color:#fff;
text-decoration:none;
border:0 none;
}
.tryFree p{
font: lighter 14px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#fff;
}
.featureBottom{
margin:18px 0 90px 0;
background:#fff;
padding:9px;
border:1px solid #ccc;
}
.featureBottom h3{
padding-top:12px;
}
.featureBottom .tryFree h3{
font: bold 36px/36px Helvetica Neue, Helvetica, Arial sans-serif;
margin:0;
padding:2px 0;
text-align:center;
}

.featureBottom .tryFree{
width:290px;
float:right;
margin:0;
}


/*-- feature box ---*/
#slider{
width:960px;
height:450px;
position:relative;
float:left;
}
.scroll{
width:960px;
margin:0 auto;
height:450px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -28px;
}
.scrollButtons.right {
    right: -28px;
}
.hide {
    display: none;
}
.scrollContainer div.panel {
width:960px;
height:450px;
margin:0 auto;
}

.feature1{
background:url(images/feature-1.png) top left no-repeat;
position:relative;
}
.fakeText{
	position:absolute;
	top:198px;
	left:72px;
	width:250px;
	height:208px;
}
.fakeText h5{
font: bold 18px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#a30c00;
margin:0 0 9px 0;
}
.fakeText p{
font: 11px/13px Helvetica Neue, Helvetica, Arial sans-serif;
color: #8a8a8a;
}


.feature1 ol{
list-style:none;
float:right;
width:210px;
}

.feature1 ol li{
position:relative;
height:96px;
padding:52px 0 0 0;
font: lighter 18px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#1b2ba0;
}

span.olText{
z-index:10;
position:absolute;
text-shadow:1px 1px 1px rgba(0,0,0, 0.2);
}
span.number{
font: bold 160px/130px Helvetica Neue, Helvetica, Arial sans-serif;
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0, 0.4);
opacity:0.4;
position:absolute;
top:0;
left:0;
z-index:5;
}
span.head{
font: bold 48px/44px Helvetica Neue, Helvetica, Arial sans-serif;
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0, 0.4);
opacity:0.4;
position:absolute;
top:0;
left:0;
z-index:5;
}

.feature2{
background:url(images/feature-2.png) top left no-repeat;
}
.feature2 div, .feature3 div{
position:absolute;
width:300px;
height:72px;
padding:34px 0 0 0;
font: lighter 18px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#1b2ba0;
}
.feature2 .one{
top:16px;
left:330px;
}
.feature2 .two{
top:128px;
left:330px;
}
.feature2 .three{
top:16px;
left:650px;
}

.feature2 .blink{
position:absolute;
top:370px;
left:498px;
}

.feature3{
background:url(images/feature-3.png) top left no-repeat;
}
.feature3 .antsMarching{
position:absolute;
top:165px;
left:78px;
}
.feature3 .one{
top:16px;
left:620px;
}


ul#featuresExplained{
margin:0 0 54px 0;
list-style:none;
float:left;
padding:0;
width:960px;
}
ul#featuresExplained li{
float:left;
width:288px;
padding:9px 30px 9px 0;
border-right:1px solid #adadad;
border-left:1px solid #fbfbfb;
}

ul#featuresExplained li h4, ul#featuresExplained li p {
padding-left:30px;
color:#535353;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}
ul#featuresExplained li:hover h4, ul#featuresExplained li:hover p {
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}

ul#featuresExplained li h4{
font: 18px/18px Helvetica Neue, Helvetica, Arial sans-serif;
}
ul#featuresExplained li p{
font: normal 12px/18px Helvetica Neue, Helvetica, Arial sans-serif;
}

ul#featuresExplained li a 		{color:#535353;display:block;}
ul#featuresExplained li.focus a	{color:#1b2ba0;}

ul#featuresExplained li:hover a {
color:#333;
}
ul#featuresExplained li:hover.focus a {
color:#111e7a;
}

ul#featuresExplained .explain1{border-left:0 none;}
/*ul#featuresExplained .explain1 p, ul#featuresExplained .explain1 h4{padding:0 30px 0 0;}*/
ul#featuresExplained .explain3{border-right:0 none;}


/*-- navigation --*/

ul#navigation{
width:auto;
margin:72px 0 0 0;
border-bottom:1px solid #e6e7e8;
position:absolute;
right:0;
top:0;
}
ul#navigation li{
float:left;
padding:0 24px 9px 0px;
list-style:none;
border-bottom:1px solid #666;
}
ul#navigation li.last{
padding:0 0 9px 0;
}
ul#navigation a{
font: bold 18px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#f6f6f6;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
}
ul#navigation a:hover{
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);
color:#fff;
}


#footer{
margin-top:72px;
}
#footer p{
font: lighter 14px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#666;
}


/*--subpage styles--*/
#headerSubWrap{
width:100%;
text-align:center;
position:relative;
background:url(images/subHead.jpg) repeat-x top center;
height:162px;
}
#headerSub{
height:162px;
text-align:left;
margin:0 auto;
width:960px;
position:relative;
}


.featureItem, .featureItem2, .featureItem3, .footerFloat, .featureAlt {
float:left;
border-right:1px solid #C7C8CC;
margin:18px 0;
padding:0 40px 0 10px;
width:190px;
}
.featureFirst, .footerFirst {
padding:0 40px 0 0;
}
.featureItem img, .featureItem2 img {
margin:9px 0;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
border:1px solid #999;
}
.featureLast{
border-right:0 none;
}

/*---tooltip styles---*/

#tooltip {
	position: absolute;
	z-index: 3000;
	width:193px;
	height:auto;
	background:#fff;
	background:rgba(245, 245, 245, 0.95);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
border:1px solid #999;


}

#tooltip p{margin:0 10px; color:#333; text-align:left; opacity:1.0;}
div.hide{ display:none;}

.priceBox1{
width:289px;
float:left;
padding:0 30px 9px 0;
border-right:1px solid #adadad;
}
.priceBox2-3{
width:258px;
float:left;
padding:0 30px 9px 30px;
border-right:1px solid #adadad;
border-left:1px solid #fff;
}

.priceBox3-3{
width:289px;
float:left;
padding:0 0 9px 30px;
border-left:1px solid #fff;
}

.priceBox2{
width:606px;
float:left;
padding:0 0 9px 30px;
margin-top:18px;
}

.priceBox1 h2.price{
font-size:130px;
line-height:90px;
margin:0;
letter-spacing:-10px;
}
.priceBox1 h2.price span.dollar{ 
font-size:42px;
margin-bottom:0;
letter-spacing:normal;
}
.priceBox1 h2.price span.month{
letter-spacing: normal;
font-size:22px;
color:#666;
} 
.priceBox1 h3{
margin-top:-9px;
}
.priceBox1 li{
color:#000;
font-size:16px;
font-weight:bold;
}
.priceBox1 li h6{
color: #333;
font-size:14px;
line-height:18px;
font-weight:normal;
}

/*-- price page --*/

.hostPrice{
width:282px;
float:left;
padding:18px;
border-right:1px solid #adadad;
margin:18px 0 36px 0;
background: url(images/priceBox.jpg);
height:306px;
border:1px solid #ccc;
position:relative;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
}

.hostPrice h2.price{
overflow:hidden;
text-indent:-9999px;
position:absolute;
height:1px;
width:1px;
top:0px;
}
.hostPrice h3.month{
position:absolute;
left:34px;
top:225px;
font: lighter 34px/36px Helvetica Neue, Helvetica, Arial sans-serif;
color:#fff;
letter-spacing:-1px;
}
.hostPrice h3.untilLive{
position:absolute;
left:34px;
top:270px;
font-size:20px;
}

.priceList{
width:636px;
float:left;
padding:0 0 9px 0;
border-left:1px solid #fff;
margin-top:18px;
}
.priceList ul{
list-style:none;
margin:18px 0 0 0;
padding:0;
}
.priceList li{
font: bold 14px/18px Helvetica Neue, Helvetica, Arial sans-serif;
color:#1b2ba0;
padding:9px 30px 9px 70px;
background: url(images/check.png) 30px 3px no-repeat #eee;
background:url(images/check.png) 30px 3px no-repeat rgba(0,0,0, 0.05);
margin-bottom:2px;
}

.priceList li.odd{
background:url(images/check.png) 30px 3px no-repeat #fff;
background:url(images/check.png) 30px 3px no-repeat rgba(0,0,0, 0.1);
}
a.action{
display:block;
background:#e3a000;
border:3px solid #cd9000;
padding:4px 0px;
color:#fff;
font-weight:bold;
width:137px;
text-align:center;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
}
a.action:hover{
border:3px solid #fdb509;
}

.twoCol-1{
width:609px;
float:left;
padding:0 30px 9px 0px;
margin-top:18px;
}
.twoCol-2{
width:289px;
float:left;
padding:0 0 9px 30px;
}
.twoCol-1 h1{
font-size:54px;
letter-spacing:-2px;
line-height:54px;
width:960px;
}
.twoCol-1 img, .halfTwo img, .halfOne img{
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
border:1px solid #999;
}
#entry{
background:url(images/whiteGrid-entry.gif) repeat-y top center;
}

.halfOne{
width:449px;
padding-right:30px;
border-right:1px solid #adadad;
float:left;
}

.halfTwo{
border-left:1px solid #fff;
padding-left:30px;
width:449px;
float:left;
}
.quarterOne{
width:193px;
padding-right:30px;
border-right:1px solid #adadad;
float:left;
}
.quarterTwo{
border-left:1px solid #fff;
padding-left:30px;
width:193px;
float:left;

}

a.noBorder{
border-bottom:0 none;
}


/*----PSD page----*/
#PSDmast{margin-top:9px;}
#PSDmast .feature3{
height:430px;
position: relative;
}

#PSDmast .feature3 .antsMarching{
top:165px;
}

#PSDmast span.head{
color:#666;
}
#PSDmast div.one{
top:46px;
}