@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

@media screen, projection {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
	
body {
	line-height: 1; }
		
ul,
ol {
	list-style-type:none;
	margin:13px 0 13px 25px;
	padding:0; }

ul li,
ol li {
	line-height:1.7;
	margin:0 0 2px 0;
	padding:0; }

ul.nolist li,
ol.nolist li {
	list-style-type:none; }
	
:focus {
	outline: 0; }

ins {
	text-decoration: none; }
	
del {
	text-decoration: line-through; }

/* tables need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*	HACKS  */

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clear {clear:both;} 

/*	BODY  */

html {
	font-size: 100%; }

body {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #666;
	min-width:960px;
	line-height: 1.7em;
	padding:0;
	margin:0;
	letter-spacing:-0.04em;
	background: #fefefe;
	} 
 
/*	LINKS  */

a,
input[type=submit] {
	color: #006600;
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	cursor: pointer;
}
 
 
a, 
a:visited, 
a:active {
	text-decoration: none; 
}
 
a:hover,
input[type=submit]:hover {
	border-bottom: 1px solid #555; 
	color: #555;
	background-color:#ccc;
}

a.btn, 
input[type=submit].btn 
{
    cursor: pointer;
	font-family: "Droid Sans Bold", sans-serif;
	font-size:1.5em;
	text-shadow: 0 1px 0 #fff;
	width: 180px;
	height: 46px;
	display: inline-block;
	/*float:left;*/
	margin:10px 10px 0 0;
	line-height: 46px;
	text-align: center;
	background:transparent url("../images/bg_buttons.png") no-repeat 0 0; } 

a.btn:hover,
input[type=submit].btn:hover {
	color:#383838;
	font-size:1.5em;
	border: none;
	text-shadow: 0 1px 0 #fff;
} 

  
/*	TYPOGRAPHY 	*/

p {
	margin:0 0 17px 0;
	line-height: 1.7em;}

h1, h2, h3, h4, h5, h6 { 
	font-family: "Droid Sans Bold", sans-serif;
	color: #323231;
	letter-spacing:-1px;
	}
 /*
h1 {
	font-size:2.5em;
	margin: 0 0 10px 0; }
 */
h1, h2 {
	font-size:2.5em;
	margin: 0 0 5px 0;
	line-height: 1.5em; }
 
h3 {
	font-size:2em;
	margin: 0 0 5px 0; 
	line-height: 1.5em;
	}

h3 span {
	font-family: "Droid Sans Regular", sans-serif;
	font-size:14px;
	margin: 0 0 20px 10px; }

h3.topfeatures {
	padding:0 0 15px 40px;
	height: 32px;
	line-height: 32px;
	background: transparent url("../images/lightbulb_32.png") no-repeat 0 0; }

h3.testimonials {
	padding:0 0 15px 45px;
	height: 32px;
	line-height: 32px;
	background: transparent url("../images/comment_user_32.png") no-repeat 0 0; }

h4 {

	font-size:1.4em;
	line-height: 1.5em;	
	padding:0;
	margin:20px 0 0 0;  
	}

h5 {
	font-family: "Droid Sans Regular", sans-serif;
	font-size:1.7em;
	line-height: 1.5em;
	margin:0;
	padding:0 5px 0 0; }
 
/*	GRID  */

.container {
	width:100%;
	margin:0;
	padding:0;
	background: url("../images/bg_container.png") repeat-x top left; }

.wrapper {
	width:960px;
	margin:0;
	padding:0;
	margin:0 auto; }

.header {
	position:relative;
	width:960px;
	min-height:433px;
	padding:0;
	margin:0 auto; }

.subpage .header {
	position:relative;
	width:960px;
	min-height:177px;
	padding:0;
	margin:0 auto; }

.sub-header {
	position:relative;
	width:960px;
	padding:0;
	margin:0 auto; }

.content-top {
	width: 967px;
	height: 16px;
	margin:0 auto;
	background: transparent url("../images/content_top.png") no-repeat top left; }

.content {
	width:940px;
	padding:15px 10px 15px 20px;
	margin:0 auto;
	background: transparent url("../images/content_bg.png") repeat-y left bottom; }

.content-btm {
	width: 967px;
	height: 16px;
	margin:0 auto;
	background: transparent url("../images/content_btm.png") no-repeat top left; }

/*	FRONTPAGE 2 COLS	*/

.colleft, .colright {
	float:left;
	width: 48%; }

.colright {
	margin:0 0 0 35px; }

.small {
	width: 40%;
}

.col1Home, 
.col2Home {
	float:left; 
}
	
.col1Home { 
	width: 575px;
	padding:10px 25px 0 0;
	border-right: 1px solid #dad9d9; }	

.col2Home {
	width: 280px;
	padding:10px 0 0 25px; }

div.block {
	float: left;
	width: 265px;
	margin: 1em 0 0 20px; }

div.block h4 {
	font-size:1.4em;
	line-height: 1.5em;	
	margin:0;
	padding:0; }

div.block p {
	font-size: 11px; }

div.col2Home .testimonial  {
	float:left;
	padding:0;
	margin: 0 0 0 0;  }
/*
div.col2Home .testimonial h4 {
	font-size:1.4em;
	line-height: 1.5em;	
	padding:0;
	margin:0;  
}
*/
div.col2Home div.testimonial h4 a 
{
    /*font-size: inherit!important;*/
    color: Black;
    font-style: normal;
}

div.col2Home .testimonial a {
	font-style: italic;
}

div.col2Home .testimonial p {
	font-size:11px;
	margin:10px 0 0 0;
	text-align: justify;	
	line-height:24px;
	}
	
/*	INTERFACE	*/

/* HEADER */
.header .top-nav {
	width: 960px;
	height: 79px; }

.header img.logo 
{
    position:absolute;
	top:27px;
	margin:0;
	padding:0 10px;
	width: 150px;
	height: 41px;	
}


.header ul.nav {
	position:absolute;
	z-index: 1000;
	top:0;
	right:0;
	margin:0;
	padding:0; }

.header .nav li {
	list-style-type:none;
	position: relative;
	float:left;
	width:auto;
	white-space:nowrap;
	padding:0 5px !important;
	background:transparent; }

.header .nav li a {
	display:block;
	color:#b4b4b4;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 78px;
	padding:0 10px;
	text-shadow: 0 1px 0 #000;
	background:transparent; }

.header .nav li.login a 
{
    display: inline;
}
.header .nav li a:hover {
	color:#fff;
	background: none;
	border-bottom: none; }

.header .nav li a.selected {
	color:#fff; }

/* SHOWCASE */
.showcase {
	position: relative;
	display:inline-block;
	z-index: 0;
	width: 960px;
	height: 353px;
	margin:0;
	background: transparent  no-repeat top center; }

.showcase .laptop {
	position: absolute;
	right:0;
	top:50px;
	width:487px;
	height:279px;
	background: transparent url("../images/laptop2.png") no-repeat top right; }

.showcase h2 {
	font-family: "Droid Sans Bold", sans-serif;
	font-size:48px;
	text-shadow: 0 1px 0 #323231;
	letter-spacing: -2px;
	margin:60px 0 15px 0;
	color:#fff;} 

.showcase p {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;	
	line-height:24px;
	letter-spacing:-1px;
	width: 450px;
	color:#fff;
	text-shadow: 0 1px 0 #01456d }

/* PAGE TITLE */
.page-title {
	position: relative;
	width: 950px;
	padding: 20px 10px 0px 10px;
	margin:0;
	background: transparent no-repeat top center; }

.page-title h1 {
	font-family: "Droid Sans Bold", sans-serif;
	color:#fff;
	font-size: 36px;
	text-shadow: 0 1px 0 #323231;
	/*line-height: 130px; */
	}

.page-title ul.nav {
	position:absolute;
	top:27px;
	right:0;
	margin:0;
	padding:0; }

.page-title ul.nav li {
	list-style-type:none;
	position: relative;
	float:left;
	width:auto;
	white-space:nowrap;
	padding:0 5px !important;
	background:transparent; }

.page-title ul.nav li a {
	display:block;
	color:#b4b4b4;
	font-size:1.4em;
	font-weight: bold;
	padding:0 10px;
	text-transform: none;
	text-shadow: 0 1px 0 #000;
	background:transparent; }

.page-title ul.nav li a:hover {
	color:#fff;
	background: none;
	border-bottom: none; }

.page-title ul.nav li a.selected {
	color:#fff; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.footer {
	position: relative;
	width: 97%;
	margin:0 auto;
	padding:20px 0; }

.footer .twitter {
	float:right;
	width: 33%;
	margin:0;
	padding:0;
	line-height: 43px;
	text-align: right; }

.footer .twitter a:hover {
	border:0;
	background: inherit;
}


.footer .copy {
	float:left;
	width: 33%;
	line-height: 43px;
	text-align: left; }

.footer p {
	color:#787878;
	padding:0;
	margin:0;
	line-height: 43px;
	font-size:11px;}

.footer a {
	color:#787878; }
}
/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/