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

/******************************Universal Styles******************************/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(images/background.gif) repeat-x;
}

#wrapper {
margin:0 auto;
height:inherit;
width:1024px;
}

#header {
float:left;
height:75px;
width:1024px;
margin-top:45px;
}

#logo {
float:left;
width:484px;
height:75px;
padding-left:35px;
}

.likeSendButton {
float:left;
width:125px;
margin:15px 0px 0px -100px;
height:50px;
}

#nav {
float:right;
width:340px;
height:44px;
margin-top:5px;
margin-right:35px;
}

#nav ul li {
  display:inline;
  float:left;
}

#nav ul li a.home {
display:block;
background:url('/images/nav-home.png');
width:78px;
height:44px;
}

#nav ul li a.home:hover {
display:block;
background-position:bottom;
width:78px;
height:44px;
}

#nav ul li a.plans {
display:block;
background:url('/images/nav-plansandpricing.png');
width:156px;
height:44px;
}

#nav ul li a.plans:hover {
display:block;
background-position:bottom;
width:156px;
height:44px;
}

#nav ul li a.contact {
display:block;
background:url('/images/nav-contact.png');
width:101px;
height:44px;
}

#nav ul li a.contact:hover {
display:block;
background-position:bottom;
width:101px;
height:44px;
}

#footer {
display:block;
float:left;
clear:both;
width:984px;
height:100px;
margin-bottom:50px;
padding-right:40px;
}

.footerNav {
font-size:10px;
padding-left:10px;
}

.footerNav li {
float:left;
list-style-type: none;
padding-left:15px;
color:#147bb8;
}

.footerNav a {
color:#147bb8;
text-decoration:none;
}

.mspLogoandIcons {
float:right;
text-align:right;
margin-bottom:50px;
}

/******************************Form Styles******************************/
.formLeftCell{
text-align:right;
padding-right:5px;
width:25%;
height:35px;
vertical-align:middle;
}

.formRightCell{
text-align:left;
padding-right:5px;
width:75%;
height:35px;
}

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;  
  background: url('/images/bg-input-focus.png') repeat-x 0px 0px;
  background: url('/images/bg-input.png') repeat-x 0px 0px;
  background-color:#FFFFFF;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  width: 270px;
}

select{
 font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;  
  background: url('/images/bg-input-focus.png') repeat-x 0px 0px;
  background: url('/images/bg-input.png') repeat-x 0px 0px;
  background-color:#FFFFFF;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  width: 100px;
}

input.text:focus,
input.email:focus,
input.password:focus,
select:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;  
  background: url('/images/bg-input-focus.png') repeat-x 0px 0px;
  background-color:#FFFFFF;
}


/******Home Page Styles******/
#content {
clear:both;
float:left;
width:1024px;
height:700px;
position:relative;
margin-bottom:50px;
}

.slideshow {
z-index:0;
width:1024px;
height:675px;
position:absolute;
top:0px;
left:0px;
}

#content a.play:link {
z-index:10;
position:absolute;
top:220px;
left:210px;
background:url('images/play-button.png');
width:160px;
height:158px;
}

#content a.play:visited {
z-index:10;
position:absolute;
top:220px;
left:210px;
background:url('images/play-button.png');
width:160px;
height:158px;
}

#content a.play:hover {
z-index:10;
position:absolute;
top:220px;
left:210px;
background-position:bottom;
width:160px;
height:158px;
}

#content a.play:active {
z-index:10;
position:absolute;
top:221px;
left:210px;
background-position:bottom;
width:160px;
height:158px;
}

#content h1 {
z-index:10;
position:absolute;
top:45px;
left:597px;
color:#1f6aab; 
font-size:48px; 
letter-spacing:-3px;
line-height:100%;
text-shadow:0px 1px white;
}

#content h2 {
z-index:10;
position:absolute;
top:145px;
left:597px;
color:#444; 
font-size:37px; 
letter-spacing:-2px;
line-height:100%;
text-shadow:0px 1px white;
}

.contact-details {
z-index:10;
position:absolute;
top:300px;
left:597px;
color:#585858;
letter-spacing:-1px;
font-weight:bold;
font-size:28px;
text-shadow:0px 1px white
}

.contact-details a {
	color:#1f6aab;
	text-decoration:none;
}

.contact-details a:hover {
	text-decoration:underline;
}

#kickstart-box {
z-index:15;
position:absolute;
bottom:160px;
right:22px;
}

#content a.seeplans {
z-index:10;
position:absolute;
top:235px;
left:597px;
background:url('images/home-button-plans.png');
width:186px;
height:40px;
}

#content a.seeplans:hover {
z-index:10;
position:absolute;
top:235px;
left:597px;
background-position:bottom;
width:186px;
height:40px;
}

#content a.seeplans:active {
z-index:10;
position:absolute;
top:235px;
left:597px;
background-position:bottom;
width:186px;
height:40px;
}

#content a.signup {
z-index:10;
position:absolute;
top:235px;
left:597px;
background:url('images/home-button-signup.png');
width:186px;
height:40px;
}

#content a.signup:hover {
z-index:10;
position:absolute;
top:235px;
left:597px;
background-position:bottom;
width:186px;
height:40px;
}

#content a.signup:active {
z-index:10;
position:absolute;
top:235px;
left:597px;
background-position:bottom;
width:186px;
height:40px;
}

.mspHome {
z-index:10;
position:absolute;
bottom:75px;
right:25px;
width:211px;
height:41px;
}

.footerNavHome {
z-index:10;
position:absolute;
bottom:0px;
left:20px;
font-size:10px;
}

.footerNavHome li {
float:left;
list-style-type: none;
padding-left:15px;
color:#147bb8;
}

.footerNavHome a {
color:#147bb8;
text-decoration:none;
}
/******End Home Page Styles******/

/******Plans and Pricing Page Styles******/
#contentPlans {
display:block;
clear:both;
float:left;
width:1024px;
height:656px;
margin:-10px 0px 20px 0px;
background:url('images/plansandpricing.png');
position:relative;
}

.column1Title {
position:absolute;
top:62px;
left:310px;
}

.column1Price {
position:absolute;
top:108px;
left:304px;
color:#fff;
font-size:13px;
text-shadow:0px 1px #1a5075;
}

#contentPlans a.getstarted1:link {
display:block;
position:absolute;
top:108px;
left:385px;
background:url('images/button-getstarted.png');
width:108px;
height:31px;
}

#contentPlans a.getstarted1:visited {
display:block;
position:absolute;
top:108px;
left:385px;
background:url('images/button-getstarted.png');
width:108px;
height:31px;
}

#contentPlans a.getstarted1:hover {
display:block;
position:absolute;
top:108px;
left:385px;
background-position:bottom;
width:108px;
height:31px;
}

#contentPlans a.getstarted1:active {
display:block;
position:absolute;
top:109px;
left:385px;
background-position:bottom;
width:108px;
height:31px;
}

.column2Title {
position:absolute;
top:62px;
left:532px;
}

.column2Price {
position:absolute;
top:101px;
left:325px;
color:#fff;
font-size:12px;
text-shadow:0px 1px #1a5075;
}

.column2Price p {
color:#ddd;
font-size:10px;
text-shadow:0px 1px #1a5075;
}

#contentPlans a.getstarted2:link {
display:block;
position:absolute;
top:108px;
left:460px;
background:url('images/button-getstarted.png');
width:108px;
height:31px;
}

#contentPlans a.getstarted2:visited {
display:block;
position:absolute;
top:108px;
left:460px;
background:url('images/button-getstarted.png');
width:108px;
height:31px;
}

#contentPlans a.getstarted2:hover {
display:block;
position:absolute;
top:108px;
left:460px;
background-position:bottom;
width:108px;
height:31px;
}

#contentPlans a.getstarted2:active {
display:block;
position:absolute;
top:109px;
left:460px;
background-position:bottom;
width:108px;
height:31px;
}

.column3Title {
position:absolute;
top:51px;
left:750px;
}

#contentPlans a.learnmore:link {
display:block;
position:absolute;
top:108px;
left:750px;
background:url('images/button-learnmore.png');
width:108px;
height:31px;
}

#contentPlans a.learnmore:visited {
display:block;
position:absolute;
top:108px;
left:750px;
background:url('images/button-learnmore.png');
width:108px;
height:31px;
}

#contentPlans a.learnmore:hover {
display:block;
position:absolute;
top:108px;
left:750px;
background-position:bottom;
width:108px;
height:31px;
}

#contentPlans a.learnmore:active {
display:block;
position:absolute;
top:109px;
left:750px;
background-position:bottom;
width:108px;
height:31px;
}

.column1Title h1, .column2Title h1 {
color:#444;
font-size:17px;
letter-spacing:-1px;
}

.column3Title h1 {
color:#444;
font-size:15px;
letter-spacing:0px;
line-height:100%;
text-align:center;
}

#contentPlans .list {
display:block;
float:left;
clear:both;
width:1024px;
height:656px;
}

#contentPlans .list ul {
position:absolute;
top:150px;
left:43px;
width:233px;
height:475px;
font-size:11px;
letter-spacing:0px;
list-style-type: none;
padding-top:2px;
}

#contentPlans .list li {
line-height:300%;
padding-left:41px;
}

#contentPlans .list li a {
color:#147bb8;
text-decoration:none;
}
/******End Plans and Pricing Page Styles******/

#contentContact {
clear:both;
float:left;
width:1024px;
height:650px;
position:relative;
margin-bottom:50px;
margin-top:25px;
}