*{
    border-collapse:collapse;
    margin:0;
    padding:0
}
img{
	border:0
}
body{
	background:#fff url("../images/bkg.gif") repeat-x;
	font:normal 12px/1  Helvetica, Arial, sans-serif;
	color:#FFF;
}
h1{
	font-size:2.5em
}
h2{
	font-size:2em
}
h3{
	font-size:1.6em
}

p{
	font-size:1em;
	line-height:1.2em;
}
p a{
	font-size:1em;
	margin-left:3px;
}
a{
	color:#fa8400;
	text-decoration:none;
	font-weight: bold;
	
}
a:hover{
	color:#a6ce38; 
	text-decoration:underline;
	font-weight: bold;
}

ul{
	list-style:none;
	color:#636363;
}

li {
	background: url("../images/bullet.gif") no-repeat 1px 7px;
	padding: 0 0 0 10px;
}

#maincontent{
background: url("../images/template.jpg") no-repeat;
position: relative;
margin: 0 auto;
width: 1024px;
height: 900px;
}

#maincontent2{
background: url("../images/template.jpg") no-repeat;
position: relative;
margin: 0 auto;
width: 1024px;
height: 900px;
}

#maincontent3{
background: url("../images/template.jpg") no-repeat;
position: relative;
margin: 0 auto;
width: 1024px;
height: 900px;
}

#logo {
	background: url("../images/logo.png") no-repeat;
	width: 588px;
	height: 90px;
	float: left;
	display: inline;
	margin: 25px 0 0 37px;
	
	
}

#logohostpro {
	background: url("../images/logo_hostpro.png") no-repeat;
	width: 588px;
	height: 90px;
	float: left;
	display: inline;
	margin: 25px 0 0 37px;
	
	
}

#logo span{
	position: absolute;
	left: -9999px;
}

#logohostpro span{
	position: absolute;
	left: -9999px;
}


#logo a{
	width: 588px;
	height: 90px;
	display: block;
}

#formContainer{
width: 382px;
float: right;
margin: -59px 33px 0 0;
overflow: hidden;
display: inline;
}


.formTop{
    background: url("../images/formTop.png") no-repeat;
	width: 382px;
	height: 212px;
	position: relative;
}

.formTopAH{
    background: url("../images/formTopClosed.png") no-repeat;
	width: 382px;
	height: 203px;
	position: relative;
}

.formTop  h2{
color: #FFF;
top: 80px;
left: 19px;
position: absolute;

}

.formTop  p{
color: #FFF;
top: 106px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 205px;
line-height: 1.2em;
}

.formTopAH  h2{
color: #FFF;
top: 102px;
left: 19px;
position: absolute;

}

.formTopAH  p{
color: #FFF;
top: 134px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 205px;
line-height: 1.2em;
}

.formTop2{
    background: url("../images/formTop2.png") no-repeat;
	width: 382px;
	height: 270px;
	position: relative;
}

.formTop3{
    background: url("../images/formTop3.png") no-repeat;
	width: 382px;
	height: 270px;
	position: relative;
}

.formTop2  h2{
color: #FFF;
top: 90px;
left: 19px;
position: absolute;
font-size:3em;
}

.formTop3  h2{
color: #FFF;
top: 90px;
left: 19px;
position: absolute;
font-size:3em;
}

.formTop2 p{
color: #FFF;
top: 106px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 205px;
line-height: 1.2em;
}

.formTop3 p{
color: #FFF;
top: 106px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 205px;
line-height: 1.2em;
}

.formTop2 ul{
color: #FFF;
top: 135px;
left: 19px;
position: absolute; 
width: 190px;
}

.formTop3 ul{
color: #FFF;
top: 135px;
left: 19px;
position: absolute; 
width: 190px;
font-size: 15px;
line-height: 20px;
font-weight: normal;
}

.formTop2 li {
	background: url("../images/arrow_white.GIF") no-repeat 1px 7px;
	padding: 6px 0 0 12px;
	font-size:1.1em;
}

.formTop3  li {
	background: url("../images/arrow_white.GIF") no-repeat 1px 7px;
	padding: 6px 0 0 12px;
	font-size:1.1em;
}

 a.chat{
	width:103px;
	height:33px;
	display:block;
	cursor:pointer;
	background: url("../images/btnChat.gif") no-repeat;
  	margin: 156px 0 0 16px;
	float: left;
	display: inline;
	}

 a.chat2{
	width:159px;
	height:56px;
	display:block;
	cursor:pointer;
	background: url("../images/btnChat2.gif") no-repeat;
  	margin: 185px 0 0 14px;
	float: left;
	display: inline;
	}

.formPhone{
	background: url("../images/formPhone.jpg") no-repeat;
	width: 382px;
	height: 57px;
	position: relative;
	z-index: 1;
}

.formPhone2{
	background: url("../images/formPhone2.jpg") no-repeat;
	width: 382px;
	height: 143px;
	position: relative;
	z-index: 1;
}


.phoneNumber {
	position: absolute;
	left: 195px;
	top: 10px;
}

.phoneNumber2 {
	position: absolute;
	left: 110px;
	top: 40px;
}

.formPhone h3{
color: #FFF;
font-size: 1.91em;
margin-top: 5px;
}

.formPhone2 h3{
color: #FFF;
font-size: 3em;
margin-top: 0px;
letter-spacing:-1px;
}


.formPhone span{
color: #cff36e;
padding-bottom: 10px;

}

.formPhone2 span{
color: #cff36e;
padding-bottom: 10px;
font-size:1.7em;
letter-spacing:-1px;
}

.phone {
	background:url("../images/phone.png") no-repeat;
	width: 141px;
	height: 116px;
	position: absolute;
	top: -25px;
	left: 60px;
	z-index: 1;
}


.formClosed{
background: url("../images/formClosed.jpg") no-repeat;
	width: 382px;
	height: 238px;
}

.formMid {
  min-height:80px;
  height:auto !important;
  height:310px;
  position: relative;
  background: #a6cf39 url("../images/bkgGrade.jpg") no-repeat bottom;

}

.formMid h2{
color: #FFF;
top: 35px;
left: 19px;
position: absolute;
}
.formMid a{
	color:#a6ce38;
        text-decoration:underline;
}
.formMid a:hover{
	color:#fa8400;
        text-decoration:underline;
}


.formMid p{
color: #FFF;
top: 69px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 305px;
line-height: 1.2em;
}

.formMidClosed {
  min-height:260px;
  height:auto !important;
  height:260px;
  position: relative;
  background: #a6cf39 url("../images/bkgGrade.jpg") no-repeat bottom;

}

.formMidClosed h2{
color: #FFF;
top: 32px;
left: 19px;
position: absolute;

}

.formMidClosed p{
color: #FFF;
top: 60px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 205px;
line-height: 1.2em;

}

.formMid2 {
  min-height:80px;
  height:auto !important;
  height:310px;
  position: relative;
  background: #eeeeee url("../images/bkgGrade2.jpg") no-repeat bottom;

}

.formMid2 h2{
color: #666;
top: 25px;
left: 19px;
position: absolute;
font-size:1.3em;
}

.formMid2 p{
color: #666;
top: 45px;
left: 19px;
position: absolute; 
font-size: 0.9em;
width: 305px;
line-height: 1.2em;
}

.formMid2 span{
color: #666;

}

.formArrow {
	width: 382px;
	height: 32px;
	background: url("../images/formArrow.jpg") no-repeat;
	position: relative;
}


.formBtm {
  position: relative;
  background: #789921 url("../images/formBtm.jpg") no-repeat;
  width: 382px;
  height: 34px;
  display: block;
}

.formBtm2 {
  position: relative;
  background: #789921 url("../images/formBtm2.jpg") no-repeat;
  width: 382px;
  height: 34px;
  display: block;
}
 
form div{
    padding: 110px 0 0 19px;
}

.form2 {
    padding: 80px 0 0 19px;
	color:#999999;
}

form div.afterHours{
	padding: 40px 0 0 19px;
}



input.submit {
	margin: 18px 0 0 240px;

}

input.submit2 {
	padding-top:0px;
	vertical-align:top;	
}

#leftContainer{
float: left;
display: inline;
width: 500px;
margin: 65px 0 0 65px;


}

#leftContainer h1 {
	font-size: 3em;
	color: #fa8400;
	letter-spacing: -2px;
}

#leftContainer p {
	color: #636363;
	line-height: 1.5em;
	
}

#leftContainer .bottomCopy {
	width: 512px;
	margin: 10px 0 0 0;
	float: left;
	
}

#leftContainer .hardware {
	background: url("../images/server.png") no-repeat;
	width: 186px;
	height: 385px;
	float: left;
	display: inline;
	margin: 45px 0 0 0;
	
}

#leftContainer .chalkboard {
	background: url("../images/chalkboard.png") no-repeat;
	width: 200px;
	height: 354px;
	float: left;
	display: inline;
	margin: 15px 0 0 -25px;
	position:absolute;
	
}

#leftContainer .support {
	background: url("../images/support.png") no-repeat;
	width: 164px;
	height: 332px;
	float: left;
	display: inline;
	margin: 45px 0 0 0;
	
}

#leftContainer .capabilities {
	background: url("../images/capabilities.png") no-repeat;
	width: 164px;
	height: 306px;
	float: left;
	display: inline;
	margin: 45px 0 0 0;
	
}

#leftContainer .people {
	background: url("../images/people.png") no-repeat;
	width: 166px;
	height:  289px;
	float: left;
	display: inline;
	margin: 45px 0 0 0;
	
}

#leftContainer .windowsservers {
	background: url("../images/windowsservers.png") no-repeat;
	width: 166px;
	height:  476px;
	float: left;
	display: inline;
	margin: 45px 0 0 0;
	
}

#leftContainer .twomonthsfree {
	background: url("../images/2monthsfree.png") no-repeat;
	width: 166px;
	height:  476px;
	float: left;
	display: inline;
	margin: 45px 0 0 0;
	
}

#leftContainer #leftList  {
	width: 305px;
	margin: 20px 0 10px 0;
	float: right;
	display: inline;
	
}

#leftContainer #leftList h2 {
	font-size: 1.30em;
	color: #fa8400;
	letter-spacing: -1px;
	
}

#leftContainer #leftList h3 {
	font-size: 1.1em;
	color: #fa8400;
	padding: 14px 0 0 0;
	
}

#leftContainer #leftList ul {
	line-height: 1.5em;
	margin: 5px 5px;
	
}




.innerpage{
margin: 15px; 
}



#social {
	float: right;
	display: inline;
	margin: 25px 80px 0 0;
}

.socialIcon  {
display:block;
float:left;
height:55px;
margin:0 4px 0 0;
width:34px;
}

#footer {
	text-align: right;
	padding-top: 25px;
	color: #636363; 
	font-size: 0.8em;
}

#footer p {
	margin-bottom: 5px;
}

div.hr {
	width: 910px;
	color:#636363;
	border-bottom: thin solid #999;
	margin: -30px 0 50px 65px;
	clear: both;
	
}

    #status{
    	width:330px;
    	padding:3px;
		margin: 0 0 15px 0;
    	outline:none;
    }
    .focusField{
    	border:solid 2px #fa8400;
    	background:#f1f7e2;
    	color:#000;
    }
    .idleField{
    	background:#f1f7e2;
    	color: #6F6F6F;
		border: solid 2px #eee;
    }
	
	.super {
		font-size: 0.7em;
		vertical-align: super;
		line-height: 0;
	}
	
	#status2{
    	width:160px;
    	padding:2px;
		margin: 0 0 10px 0;
    	outline:none;
		background-color:#f3f3f3;
		border:solid 1px #bababa;
		color:#666;
		font-size:1em;
		vertical-align:middle;
    }
    
	#status3{
    	width:166px;
    	padding:2px;
		margin: 0 0 10px 0;
    	outline:none;
		background-color:#f3f3f3;
		border:solid 1px #bababa;
		color:#666;
		font-size:1em;
		vertical-align:middle;
    }


.smaller {
	font-size:11px; 
  }

.price {
	background: url("../images/3-lines-of-business.png") no-repeat;
	width: 252px;
	height:  427px;
	float: left;
	margin: 25px 0 0 -70px;
	position: absolute;
	z-index: 1;
	
}
.difference {
	background: url("../images/difference.png") no-repeat;
	width: 240px;
	height:  295px;
	float: left;
	margin: 20px 0 0 -71px;
	position: absolute;
	z-index: 1;
	
}

.included-managed {
	background: url("../images/included-managed.png") no-repeat;
	width: 250px;
	height:  425px;
	float: left;
	margin: 20px 0 0 -71px;
	position: absolute;
	z-index: 1;
	
}
.included-dedicated {
	background: url("../images/included-dedicated.png") no-repeat;
	width: 245px;
	height:  330px;
	float: left;
	margin: 20px 0 0 -71px;
	position: absolute;
	z-index: 1;
	
}
.included-colo {
	background: url("../images/included-colo.png") no-repeat;
	width: 245px;
	height:  425px;
	float: left;
	margin: 20px 0 0 -71px;
	position: absolute;
	z-index: 1;
	
}