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

body {
	background-color:#FFFFFF;
	background-image:url(../images/page_bg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#6b6b76;
	padding-top:0px;
	margin-top:0px;
}
h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#8b8b9b;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#364045;
	padding-top:4px;
	margin-top:0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#364045;
	padding-top:4px;
	margin-top:0px;
}
a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f57f20;
	text-decoration:none;
	}
	a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f57f20;
	text-decoration:none;
	}
	a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#faa35c;
	text-decoration:none;
	}
	a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f57f20;
	text-decoration:none;
	}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#364045;
}
#container {
	width: 960px;
	}
#logonav {
	width: 960px;
	float:left;
	}
#logo {
	width:336px;
	float:left;
}
#navlist {
	float:left;
	padding-top:32px;
}
#navlist ul{
	list-style-type: none;
	display: inline;
	padding: 0;
    margin-left: 0;
	float: none;
}
#navlist li{
	list-style-type: none;
	display: inline;
	padding: 0;
    margin-left: 0;
	float: left;
}
/*nav buttons*/
.greymenu {
	float:left;
	margin-left:6px;
	margin-right:6px;
	display:inline;
	width:104px;
	text-align:center;
	margin:auto;
	}
	.hhome {
	float:left;
	margin-right:0px;
	}
	
/*home*/	

.greymenu div.home {
	float: left;
	display:inline;
	width: 76px; height: 42px;
	margin: 0 0 0 0;
	background: url( '../images/home.gif' ) 0px -42px no-repeat;
	}


.greymenu div.home a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#969696;
	text-decoration: none;
	background: url( '../images/home.gif' ) 0px 0px no-repeat;
	}
	

.greymenu div.home span {
	display: block;
	width: 76px;
	height: 42px;
	text-align:center;
	}
.greymenu div.home a:hover {
	background-image: none;
	color: #ffffff;
	cursor:pointer;
	}

.greymenu div.homeon {    
	padding:0;
	float: left;
	display:inline;
	width: 76px; height: 42px;
	padding-top:3px;
	background: url( '../images/home.gif' ) 0px -42px no-repeat;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#ffffff;
	text-align:center;
	}
	
	
	/*about*/	

.greymenu div.about {
	float: left;
	display:inline;
	width: 96px; height: 42px;
	margin: 0 0 0 0;
	background: url( '../images/about.gif' ) 0px -42px no-repeat;
	}

.greymenu div.about a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#969696;
	text-decoration: none;
	background: url( '../images/about.gif' ) 0px 0px no-repeat;
	}
.greymenu div.about span {
	display: block;
	width: 96px;
	height: 42px;
	text-align:center;
	}
.greymenu div.about a:hover {
	background-image: none;
	color: #ffffff;
	cursor:pointer;
	}

.greymenu div.abouton {
	padding:0;
	float: left;
	display:inline;
	width: 96px; height: 42px;
	padding-top:3px;
	background: url( '../images/about.gif' ) 0px -42px no-repeat;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#ffffff;
	text-align:center;
	}
	
	
	/*services*/	

.greymenu div.serv {
	float: left;
	display:inline;
	width: 96px; height: 42px;
	margin: 0 3px 0 0;
	background: url( '../images/services.gif' ) 0px -42px no-repeat;
	}

.greymenu div.serv a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#969696;
	text-decoration: none;
	background: url( '../images/services.gif' ) 0px 0px no-repeat;
	}
.greymenu div.serv span {
	display: block;
	width: 96px;
	height: 42px;
	text-align:center;
	}
.greymenu div.serv a:hover {
	background-image: none;
	color: #ffffff;
	cursor:pointer;
	}
	
.greymenu div.servon {
	padding:0;
	float: left;
	display:inline;
	width: 96px; height: 42px;
	padding-top:3px;
	background: url( '../images/services.gif' ) 0px -42px no-repeat;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#ffffff;
	text-align:center;
	}
	
	/*contact*/	

.greymenu div.cont {
	float: left;
	display:inline;
	width: 104px; height: 42px;
	margin: 0 3px 0 0;
	background: url( '../images/contact.gif' ) 0px -42px no-repeat;
	}

.greymenu div.cont a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#969696;
	text-decoration: none;
	background: url( '../images/contact.gif' ) 0px 0px no-repeat;
	}
.greymenu div.cont span {
	display: block;
	width: 104px;
	height: 42px;
	text-align:center;
	}
.greymenu div.cont a:hover {
	background-image: none;
	color: #ffffff;
	cursor:pointer;
	}
	
.greymenu div.conton {
	padding:0px;
	float: left;
	display:inline;
	width: 104px; height: 42px;
	padding-top:3px;
	background: url( '../images/contact.gif' ) 0px -42px no-repeat;
	overflow:hidden;
	font: bold 12px Arial, Verdana, san-serif;
	color:#ffffff;
	text-align:center;
	}
/*nav buttons end*/
#pagecontent {
	float:left;
	width: 960px;
	background-color:#fff;
	margin-top:24px;
}
#pagecontent2 {
	float:left;
	width: 960px;
	background-color:#ffffFF;
	margin-top:24px;
	background-repeat:no-repeat;
}
#pagecontentabout {
	float:left;
	width: 960px;
	background-color:#ffffFF;
	margin-top:24px;
	background:url('../images/page_divider.png')  0px 42px no-repeat;
}
#homeleft {
	width:849px;
	float:left;
	padding-left:30px;
	}
	
#homeright {
	width:925px;
	float:left;
	}
	
#howleft {
	width:849px;
	float:left;
	padding-left:30px;
	}
#features {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#364045;
font-weight:normal;
text-align:left;
list-style-image:url(../images/arrow.gif);
line-height:24px;
float: left;
margin-left: 0px;
padding-left:30px;
margin-top:-12px;
}
#features li span{
margin-left:9px;
padding-top:0px;
margin-top:0px;
}
#features2 {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#364045;
font-weight:normal;
text-align:left;
list-style-image:url(../images/arrow.gif);
float: left;
margin-left: 0px;
padding-left:30px;
margin-top:-12px;
}
#features2 li{
padding-left:12px;
padding-top:0px;
margin-top:8px;
}
td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#6b6b76;
font-size:14px;
	}
td img {
margin-bottom:18px;
}
#homebottom {
	width:960px;
	float:left;
	margin-top:-50px;
	}
#moreinfo {
	margin-left:280px;
	float:left;
	border:none;
	}
#contact_us {
	margin-left:290px;
	border:none;
	}
.orng {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#f47f1f;
padding-left:30px;
float:left;
width:400px;
}
.orng2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#f47f1f;
float:left;
}
#homebottomtoo {
background-color:#ffffff;
	margin-top:0px;
	width:960px;
	float:left;
	background-image:url(../images/bubbles.png);
	background-repeat:no-repeat;
	height:180px;
	}
#one {
line-height:22px;
margin-top:30px;
width:180px;
margin-left:44px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#364045;
float:left;
display:inline;
}
#two {
line-height:22px;
margin-top:30px;
width:180px;
margin-left:56px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#364045;
float:left;
display:inline;
}
#three {
line-height:23px;
margin-top:30px;
width:190px;
margin-left:45px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#364045;
float:left;
display:inline;
}
#four {
line-height:22px;
margin-top:35px;
width:190px;
margin-left:45px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#364045;
float:left;
display:inline;
}
#homebottomthree {
background-color:#ffffff;
	width:960px;
	float:left;
	height:30px;
	margin-top:20px;
	}
#footer {
clear:both;
width:100%;
background-color:#252b2e;
height:90px;
float:left;
}
#footercontent {
width:960px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#8795a1;
text-align: center;
margin-top:20px;
float:left;
}
#miami{
background-image:url("/sticker2010.png");
background-repeat:no-repeat;
height:159px;
left:832px;
position:absolute;
width:157px;
top: 0;
display: block;
zoom: 1;
}
.clicky {
	display:block;
	border:none;
	width: 157px;
	height: 159px;
	}
#abouttop{
width:960px;
float:left;
display:inline;
padding-left:30px;
}
.photo {
float:left;
margin-right:8px;
margin-bottom:8px;
}
.tabletwo td {
font-weight:normal;
}
.inputbox {
width: 318px;
border:1px solid #b6b5b4;
background-color:#fbfbfb;
}
.smaller {
font-size:12px;
}
.benefitsWrapper {
	background: url(/images/benefitsBg.png) repeat-y 0 0;
	width: 925px;
	margin-left: 16px;
}
.benefits {
	background: url(/images/benefits.png) no-repeat 0 0;
	width: 925px;
	text-indent: -20000px;
	height: 34px;
	overflow: hidden;
	zoom: 1;
	margin:0;
	padding:0;
}
.benefitsFooter {
	background: url(/images/benefitsFooter.png) no-repeat 0 0;
	width: 925px;
	height: 34px;
	overflow: hidden;
	zoom: 1;
	margin:0;
	padding:0;
}
#howleft ul {
	list-style-type: none;
	padding: 0 0 0 0;
}

#howleft ul li.one{
	background: url(/images/laptop.jpg) no-repeat 335px 0;
	height: 288px;
}

#howleft ul li.one div{
	width: 300px;
	background: pink;
	text-align: center;
	padding: 0 0 0 80px;
	background: url(/images/1.png) no-repeat 0 0;
	margin: 25px 0 0 0;
	position: relative;
	top: 20px;
}

#howleft ul li.two{
	background: url(/images/server.jpg) no-repeat 21px 0;
	height: 240px;
	margin: 25px 0 0 0;
}

#howleft ul li.two div{
	width: 300px;
	background: pink;
	text-align: center;
	padding: 0 0 0 80px;
	background: url(/images/2.png) no-repeat 0 0;
	margin: 0 0 0 440px;
	position: relative;
	top: 20px;
}

#howleft ul li.three{
	background: url(/images/desktop.jpg) no-repeat 454px 0;
	height: 303px;
	margin: 0 0 0 0;
}

#howleft ul li.three div{
	width: 380px;
	background: pink;
	text-align: center;
	padding: 0 0 0 80px;
	background: url(/images/3.png) no-repeat 0 0;
	position: relative;
	top: 20px;
}

.sublinks {
	float: right;
	width: 267px;
	margin: 0 0 -25px;
}

.howleft .sublinks {
	float:none;
	margin: 0 0 -25px 179px;
	width:267px;
	position: relative;
	top: -85px;
}


.sublinks a{
	text-shadow: 0 1px 3px #894308;
}


a.over:link,
a.over:visited
{
	background: url(/images/over.png) no-repeat 0 0;
	width: 120px;
	height: 22px;
	font-size: 14px;
	color: #fff;
	display: block;
	text-align: center;
	font-weight: bold;
	float:left;
	margin-right: 6px;
	padding-top: 2px;
	text-shadow: 0 1px 3px #894308;
}

a.over:hover,
a.over:active
{
	background: url(/images/over.png) no-repeat 0 -26px;
	width: 120px;
	height: 21px;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 14px;
	float:left;
	padding-top: 3px;
}

.right
{
    float: right;
}
.align_right
{
    text-align: right;
}