@charset "utf-8";
/* CSS Document */

body, a
{background:none repeat scroll 0 0 #E8E7E7;
color:#D1D1D1;
font-family:Segoe UI,Myriad Pro,helvetica,sans serif;
font-size:14px;
line-height:22px;}

.hr
{
background:url(../images/separator.jpg) repeat-x center;
height:2px;
width:700px;
clear:both;
margin:20px auto;}
p a
{background:none repeat scroll 0 0 transparent;
color:white;
font-family:Myriad Pro;
font-size:16px;
font-weight:normal;
text-decoration:none;}

p a:hover
{
background:#922121;
color:#FFF;
border:none;}

#features
{
margin: 20px auto;
width:800px;
}

#features span.featurepanel
{
overflow:hidden;
width:300px;
padding: 20px 49px 0px 49px;
color:#272728;
float:left;
background-color:#F0F0F0;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
height:155px;

}


#features div:hover
{}

.featurepanel
{
display:block;}
.featurepanel span
{
display:block;
border:none;
padding:0;
float:none;
margin:0;
width:auto;	
margin-left:92px;}

.featurepanel img
{
float:left;
margin-right:20px;
}

.featurepanel b
{display:block;
clear:right;
font-weight:normal;
font-size:120%;
color:#666;
text-shadow: 0 1px 0 #FFF;
}

#container
{
width:100%;
margin:auto;
background: #f0f0f0 url(../images/header.jpg) repeat-X left top;

}

#header
{
background:url("../images/bg0.jpg") no-repeat scroll center top #070A0A;
height:570px;
z-index:0;
}
#backgrounds
{
height:570px;
overflow:hidden;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:1;}
#backgrounds img
{
display:none;
float:none;
margin:auto auto auto -725px;
position:absolute;
top:0;
width:3000px;
z-index:1;
}
#iphone
{
background:url("../images/phone.png") no-repeat scroll left top transparent;
height:717px;
left:-286px;
margin:auto;
position:relative;
top:45px;
width:375px;
z-index:2;
}

/*#iphone
{
z-index:0;
background: transparent url(../images/phone2.png) no-repeat top left;
width: 390px;
height:685px;
margin:auto;
position:relative;
left:-254px;
top:30px;}*/

.hide, #spanel li
{
}

.hide2
{
display:none;}

#header_content
{
background:url("../images/content-bg.png") no-repeat scroll 0 0 transparent;
height:485px;
left:140px;
margin:-655px auto 0;
padding-top:10px;
position:relative;
width:382px;
z-index:2;
}

#heading
{ background: url(../images/heading.png) center top no-repeat;
width:492px;
height:129px;
}

#slider
{
position:relative;
text-align:center;
text-indent:0;
width:385px;}

#slider li
{
display:none;
left:0;
margin-top:10px;
position:absolute;
top:0;
}

#slider li.active
{display:block;}

#slider li p.sublist
{
background:url("../images/baseball.png") no-repeat scroll 0 4px transparent;
color:white;
display:block;
font-size:17px;
letter-spacing:-1px;
margin-bottom:2px;
margin-left:55px;
margin-top:0;
padding-bottom:0;
padding-left:26px;
position:relative;
text-align:left;
text-shadow:1px 1px black;
}

#spanel
{
background:url("../images/spanelbg.png") no-repeat scroll left top transparent;
height:43px;
margin:0 auto auto;
opacity:0.9;
position:relative;
text-indent:0;
width:347px;
z-index:1;}

#spanel li
{
display:inline-block;
z-index:3;

}

.box-content
{
width:585px;
margin:auto;
}

.description
{
float:left;
position:relative;
width:300px;
}
.box-content p, .box-content img
{
float:left;
margin:0;
max-width: 300px;
text-indent:0;}

.box-content h1
{
text-indent:0;
margin:0;}

ul#spanel, #spanel ul
{
margin-left:6px;
padding:0 5px;
position:relative;
z-index:8;
}

#spanel li a
{
background:none repeat scroll 0 0 transparent;
color:white;
display:block;
font-size:17px;
font-weight:bold;
height:37px;
margin:9px 17px;
padding:0;
text-decoration:none;
text-shadow:0 1px #333333;
z-index:115;
}

#spanelbg
{
height:37px;
left:4px;
position:absolute;
top:4px;
width:115px;
z-index:-1;
}

.new
{
background:url(../images/new.png) no-repeat top left;
width:92px; 
float:none;
height:92px;
position:absolute;
margin:auto;
top:00px;
left:300px;
z-index:10;}


.tempcontain
{
position:relative;
width:960px;
margin:auto;}

.viewport
{
height:373px;
left:93px;
margin:auto;
overflow:hidden;
position:absolute;
top:150px;
width:259px;
z-index:99;
}

.slider
{
width:1039px;
float:left;
position:relative;
right:0;}

.slider img
{
margin:0;
padding:0;
margin-right:-4px;
}/*
.viewport
{
position:absolute;
z-index:99;
width:269px;
overflow:hidden;
height:402px;
margin:auto;
left:93px;
top:132px;
}

.slider
{
width:9000px;
float:left;
position:relative;
right:0;}

.slider img
{
margin:0;
padding:0;
margin-right:-4px;
}*/
#fingers
{
background:url(../images/finger.png) no-repeat left;
width:129px;
height:305px;
position:absolute;
top:285px;
left:93px;
z-index:100;
}

#search
{
position: absolute;
top:60px;
z-index:999;
right:10%;
padding: 10px 10px 0 10px;
background:top left url(../images/searchbar.png) transparent no-repeat;
height: 27px;
color:#222222;
font-family: Myriad Pro, sans serif;
font-size: 15px;
width: 214px;
border:none;
}

#tweetbubble
{
width:320px;
height: 149px;
position:absolute;
background:url(../images/twitterbg.png) no-repeat;
top:-108px;
left:60%;z-index:999;
}

#tweetbubble:hover
{
cursor:pointer;
}

#content
{
color:#272728;
font-family:Myriad Pro, segoe ui, sans serif;
position:relative;
z-index:1;
width:940px;
margin:auto;
padding: 20px;}

.slidemenu1 {
float:right;
font-family: Myriad Pro, segoe ui, sans serif;
width:380px; /*If you change the menu items, you may need to change the width according to the new number of characters*/
}
.slidemenu {
float:right;
font-family: Myriad Pro, segoe ui, sans serif;
margin-top:-20px;
margin-bottom:20px;
width:350px; /*If you change the menu items, you may need to change the width according to the new number of characters*/
}

.slidemenu1 li a
{
font-family: Myriad Pro, segoe ui, sans serif;
text-decoration:none;
color:#777777;
padding: 7px;
font-size: 16px;}

.slidemenu li, .slidemenu1 li
{
float:left;
text-shadow: 0 1px 1px #FFF;
}

.slidemenu1 li a:hover
{color:#333;}

.slidemenu li a
{
font-family: Myriad Pro, segoe ui, sans serif;
text-decoration:none;
float:left;
color:#999;
padding: 6px;
font-size: 14px;
text-shadow: 0 1px 1px #FFF;}

.slidemenu li a:hover
{color:#555;}

.copy
{
margin: 55px 0 10px 40px;}

p, h1, h1 a
{
margin: 10px 40px 0 40px;
color:#272728;
line-height:30px;
}
p
{color:white;
font-size:17px;
letter-spacing:-1px;
line-height:22px;
margin:10px 45px;
text-align:left;
text-shadow:1px 1px black;
}

.pimg
{
float:right;
margin:20px 0 20px 20px;}

h1, h1 a
{
color:white;
font-family:Myriad Pro;
font-size:35px;
font-weight:600;
letter-spacing:-1px;
margin:5px 20px 0;
text-shadow:1px 1px black;}

#plans
{
width:793px;
font-size: 18px;
font-weight:bold;
color:#0d0d0d;
margin:auto;
margin-top:10px;
}

button:active
{
outline:none;}

.buynow
{width:126px;
height:36px;
background:url(../images/buybutton.png) top no-repeat transparent;
cursor:pointer;
outline:none;
border:none;}



.buynow:hover, #contactus:hover
{background-position:0px -36px;
}

.buynow:active, #contactus:active
{
background-position:0 -74px;
outline: 0;
border:none;}

#contactus
{width:126px;
height:36px;
background:url(../images/submit.png) top no-repeat transparent;
cursor:pointer;
outline:none;
border:none;
text-indent:-9999px;}

.legend
{ background:url(../images/asterisk.png) left no-repeat;
padding-left:13px;
text-align:left;
font-size:12px;
font-weight:normal;
color:#0d0d0d;}
 
#plans tr td.first
{color:#646464;
text-align:left;
width:15%;
padding-left:3%;
 }
#plans tr td
{

vertical-align:middle;
width:25%;
text-align:center;}

#plans tr.hover
{
border-bottom: 1px solid #d5d5d5;
border-top:1px solid #d5d5d5;
border-collapse:collapse;
height:65px;}

#plans tr
{
border-top: none;
border-collapse:collapse;
height:65px;}

#testimonials
{
width:800px;
margin:auto;
overflow:visible;
margin-top:20px;
background-color:#f0f0f0;
height:200px;
padding-bottom:20px;
}

#testimonials h1
{
width:100%;margin:0;margin-bottom:20px;text-align
                :center;}

#testimonials div
{
width:800px;
padding:0;
overflow:visible;}
#testimonials div div
{
width:215px;
padding:20px;
line-height:24px;
font-size:15px;
background:url(../images/quote.png) top left no-repeat;
float:left;
text-align:right;
}

#testimonials div i
{
text-align:left;
color:#444444;
display:block;
margin-bottom:13px;}

h2
{
font-family:Myriad Pro, segoe ui, sans serif;
width:100%;
font-size:21px;
color:#33a2be;
margin:3px 0;}

.cimg
{
float:right;
position:relative;bottom:10px;
}

.contactinfo
{float:right; margin-right:50px;width:430px;text-align:left;
}

.contactinfo div
{
font-family:Myriad Pro, segoe ui, sans serif;
width:100%;
border-bottom: 1px #d5d5d5 solid;
padding: 14px 0 19px 0;
color:#535353;
font-size:16px;
letter-spacing:0.4px;
}

.footer
{
border-top:1px solid #777777;
padding-top:20px;
position:relative;
width:100%;
}

.footercontent
{
margin:54px auto auto;
width:770px;
}

.footercontent .column{
float:left;
margin:0 0 0 28px;
width:225px;
z-index:1000;

}

.footercontent .column a{
cursor:pointer;
display:block;

}

.footercontent .column a img{


}

.footercontent .column h2{
color:#A3A3A3;
font-size:27px;
letter-spacing:-1px;
text-shadow:0 1px white;

}

.footercontent .column ul{
margin-left:10px;

}

.footercontent .column ul li{
color:#A3A3A3;

}

.footercontent .column ul li a{
color:#A3A3A3;
text-decoration:none;

}