/* Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

html {
height:100%;

}

body {
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
	font-size: 100%; color: #333; 	
	margin: 0;
	background: #fff url(../images/bg-sub.jpg) top repeat-x;
	height: 100%
} 

body#home {
	background: #504f4f url(../images/bg.jpg) top repeat-x;
}

#container {
	margin: 0 auto;
	width: 960px;
	position: relative;
	min-height:100%;
}

#header {
	width: 960px;
	height: 96px;
	background: url(../images/header.jpg) top no-repeat;
}

#banner-home {
	width: 960px;
	height: 207px;
	background: url(../images/banner-home.jpg) top no-repeat;
}

#banner-services {
	width: 960px;
	height: 207px;
	background: url(../images/banner-services.jpg) top no-repeat;
}

#banner-freemium {
	width: 960px;
	height: 207px;
	background: url(../images/banner-freemium.jpg) top no-repeat;
}

#banner-news {
	width: 960px;
	height: 207px;
	background: url(../images/banner-news.jpg) top no-repeat;
}

#banner-about {
	width: 960px;
	height: 207px;
	background: url(../images/banner-about.jpg) top no-repeat;
}

#contact-box {
	position: absolute;
	right: 20px;
	top: 18px;
	color: #900;
	font-size: 90%
}

/* ---- Home Page ---- */

#home-left, #home-middle, #home-right  {
	float: left;
	width: 305px;
	padding: 0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82.5%;
	height: 345px;
	position: relative;
}

#home-left h2, #home-middle h2, #home-right h2  {
	font-size: 120%;
	color: #666;
	padding: 30px 0 42px 0;
	width: 295px;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
}

#home-left h2 a, #home-middle h2 a, #home-right h2 a {
	color: #666
}

#home-left h2, #myOnPageContent1 h2 {
	background: url(../images/icon1.jpg) top right no-repeat;
}

#home-middle h2 {
	background: url(../images/icon2.jpg) top right no-repeat;
}

#home-right h2 {
	background: url(../images/icon3.jpg) top right no-repeat;
}

#home-left p, #home-middle p, #home-right p {
	padding: 0 20px 0 0;
}

#home-left ul, #home-middle ul, #home-right ul {
	padding: 12px 0 0 0;
	width: 300px;
}

#home-left li, #home-middle li, #home-right li {
	list-style: none;
	background: url(../images/bullet.gif) left top  no-repeat;
	padding: 0 0 0 10px;
	line-height: 135%;
	
	}


#home-left, #home-middle {
	background: url(../images/bg-vertical-div.gif) top right no-repeat;
}



#foot-left, #foot-middle, #foot-right  {
	float: left;
	width: 285px;
	padding: 20px 17px 30px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}

#foot-content {
	font-size:90%;
	color: #fff;
}

#foot-content h3 {
	font-size: 120%;
	color: #fff;
	padding: 0 0 20px 0;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
}

#foot-content a, #footer a {
	color: #fff;
	text-decoration: none;
}
#foot-content a:hover, #footer a:hover  {
	color: #fff;
	text-decoration: underline;
}

#foot-middle ul, #foot-right ul {
	margin: -3px 0 0 0;
}

#foot-middle ul li, #foot-right ul li{
	list-style: none;
	padding: 3px 10px 3px 0;
}

.date {
	font-size: 90%;
	color: #000
}
/* ---- Sub Pages ---- */

#left-column {
	float: left;
	width: 245px;
	padding: 120px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;	
}

#left-column p {
	font-size: 80%;
	width: 220px;	
	padding: 0 0 0 20px;
}

#main-column {
	float: left;
	width: 695px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 140%;
	margin: 0 0 40px 0;
	min-height: 350px;
}

#main-column h2 {
	font-size: 110%;
	color: #666;
	padding: 30px 0 70px 0;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
}

#main-column h3 {
	font-size: 110%;
	color: #333;
	padding: 0 0 15px 0;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
}

#main-column ul, #main-column ol {
	margin: 0 0 15px 30px
}

#main-column p {
	margin: 0 0 20px 0
}

#infrastructure #main-column  h2 {
	background: url(../images/icon1.jpg) top right no-repeat;
}

#application #main-column  h2 {
	background: url(../images/icon2.jpg) top right no-repeat;
}

#compliance #main-column  h2 {
	background: url(../images/icon3.jpg) top right no-repeat;
}



#footer {
	clear:left;

	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	width: 100%;
	background-color: #4f4f4f;

}

#footer-sub {
	width: 940px;
	margin: 0 auto;
	border-top: 1px solid  #3f3f3f;
	padding: 30px 0 0 0;
	position: relative;
	height: 100px;
	background-color: #4f4f4f;
}

#logo {
	margin: 8px 0 0 13px;
	float: left;
}


#free {
	position:absolute;
	top: 220px;
	left: 15px;	
}

#badges {
	position:absolute;
	top: 15px;
	right: 0
}

#badges img {
	margin: 0 0 0 10px
}

.more {
	position: absolute;
	top: 297px;
}

.fl-right {
	float: right;
}

.no-display {
	display: none;
}


/* Demo 1 - Spaceship returnHome Demo */
#navigation {
	position: absolute;
	width: 550px;
	height:30px;
	top: 50px;
	left: 420px;
}

#navigation li {
	float: left;
	list-style: none;

}

#navigation li.backLava {
	background: url("../images/bg-nav.gif") no-repeat right;
	height: 30px;
	z-index: 8;
	position: absolute;
}
#navigation li.backLava .leftLava {
	background: url("../images/bg-nav.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */

}

#navigation li a {
	text-decoration: none;
	color: #333;
	outline: none;
	top: 5px;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	padding: 0 10px 0 10px; 
}
#navigation li a:hover, #navigation li a:active{
	color: #fff;
	border: none;
}

#sub-nav {
	margin: 0 0 50px 0;
	width: 190px;
}

#sub-nav li {
	list-style: none;
	line-height: 40px;
	height: 100%;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 15px;
	
}

#sub-nav li a {
	color: #900;
	text-decoration: none;
	display: block;
	height: 40px;
	width: 190px;
	padding: 0 0 0 15px
}

#sub-nav li a:hover, #sub-nav li a:focus {
	background: url(../images/bg-sub-nav.gif) no-repeat;
	color: #333
}

#sub-nav li a:focus, a:focus {
	text-decoration: underline;
}

#infrastructure #sub-nav li#sub-infrastructure a, #application #sub-nav li#sub-application a, #compliance #sub-nav li#sub-compliance a, #about #sub-nav li#sub-about a, #team #sub-nav li#sub-team a, #careers #sub-nav li#sub-careers a{
	background: url(../images/bg-sub-nav.gif) no-repeat;
	color: #333
}

.datasheet {
	margin: 0 0 0 15px
}

.selectedLava a {
	color: #fff !important
}

/* contact forn */
form {
	margin: 35px 0 0 0;
	width: 520px;
	height: 500px;
	position: relative;
}
form input {
	padding: 5px;
	border: 3px solid #ccc;
	float: left;
	width: 250px;
}

form textarea {
	padding: 5px;
	border: 3px solid #ccc;
	float: left;
	width: 350px;
	
}

form label {
	padding: 0 0 4px 0;
	width: 100px;
	float: left;
}

.submit  {
	clear: left;
	padding: 15px 0 0 375px;
	width: 90px;
	height: 45px;
}

.submit input {
	width: 90px;
}

form p {
	clear: left;
	margin: 0 0 8px 0;
	height: 45px;
}

.ddfmwrap {
	margin: -35px 0 20px 0
}

.ddfmerrors {
	display: none;
}

.errorlist {
	color: #F00;
}

.formtext {
	padding: 0 0 10px 0
}


/* general */

img {
	border: none;
	}	

a {
	outline: none;
	color: #900;
	text-decoration:none;
}

a:hover, a:focus {

	text-decoration:underline;
}

.table {
	border: none;
	font-size: 95%;
	border: 1px solid #e0e0e0
}

.table td {
	padding: 4px;

}

.table .alt {
	background-color: #e0e0e0
}

#twitter {
	margin: 18px 0 0 0;
	position: relative
}

#twitter h3 {
	padding: 0 0 10px 25px;
}

#twitter li {
	margin: 0 0 3px 0
}

#twitter .date {
	color:#000
}

#twitter img {
	position:absolute;
	top: 0;
	left: 0
}

#twitter .twtr-hd img {
	padding: 7px 0 0 7px !important
}

.twtr-ft img {
	padding: 7px 0 0 7px !important
}