/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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:circle;
	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 still 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:950px;
	line-height: 1.7em;
	padding:0;
	margin:0;
	letter-spacing:-0.04em;
	background: #fefefe url("../images/bg_body.png") no-repeat top center; } 
 
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#1c6997;
	margin: 0;
	padding:0;
	outline: 0; }
 
a, a:visited, a:active {
	text-decoration: none; }
 
a:hover {
	border-bottom: 1px dotted #1c6997; }

a.btn {
	font-family: "Droid Sans Bold", sans-serif;
	font-size:1.5em;
	text-shadow: 0 1px 0 #fff;
	width: 180px;
	height: 46px;
	display: 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 {
	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; }
 
h2 {
	font-size:2.5em;
	margin: 0 0 5px 0;
	line-height: 1.5em; }
 
h3 {
	font-size:2em;
	margin: 0 0 5px 0; }

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-family: "Droid Sans Regular", sans-serif;
	font-size:3em;
	line-height: 1.5em;
	margin:0;
	padding:0; }

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

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

.wrapper {
	width:990px;
	padding:0;
	margin:0 auto;
	overflow: hidden; }

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

.subpage .header {
	position:relative;
	width:950px;
	height:207px;
	padding:0;
	margin:0 auto; }

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

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

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

.content-btm {
	width: 970px;
	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%;
}

.col1, .col2 {
	float:left; }
	
.col1 { 
	width: 600px;
	padding:10px 30px 0 0;
	border-right: 1px solid #dad9d9; }	

.col2 {
	width: 273px;
	padding:10px 0 0 15px; }

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

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

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

div.col2 .testimonial  {
	float:left;
	padding:0;
	margin: 1em 0 0 0;  }

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

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

div.col2 .testimonial p {
	font-size:14px;
	margin:10px 0 0 0;
	text-align: justify;	
	line-height:24px;
	letter-spacing:-1px; }
div.col2 a:hover{border: 0}	
div.col2 .left_links  a:hover{border-bottom: 1px dotted #1c6997;}	
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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

.header h1 {
	position:relative;
	top:10px;
	left: 10px;
	margin:0;
	padding:0;
	width: 205px;
	height: 60px;
	text-indent: -9999px;
	background:transparent url("../images/logo.gif") no-repeat top left; }

.header ul.nav {
	position:absolute;
	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 a:hover {
	color:#fff;
	background: none;
	border-bottom: none; }

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

/* SHOWCASE */
.showcase {
	position: relative;
	width: 950px;
	height: 353px;
	margin:0;
	background: transparent; }

.showcase .laptop {
	position: absolute;
	right:0;
	top:20px;
	width:565px;
	color:#CFCFCF;
  z-index: 10;
 }

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

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

/* PAGE TITLE */
.page-title {
	position: relative;
	width: 950px;
	height: 130px;
	line-height: 130px;
	margin:0;
	background: transparent url("../images/bg_showcase.png") no-repeat top center; }

.page-title h2 {
	font-family: "Droid Sans Bold", sans-serif;
	color:#fff;
	font-size:48px;
	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; }

/* SCREENSHOTS */
.boxgrid { 
	width: 138px; 
	height: 140px; 
	margin:15px 15px 10px 0;
	float:left; 
	overflow: hidden;
	position: relative;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc }
				
.last {
	margin:15px 0 10px 0; }
		
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0;  }
		
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000;
	opacity:.8; 
	height: 35px; 
	width: 100%;
	padding:0 0 0 10px;  }

.boxcaption { 
	font-size:11px; }

.boxcaption h3 {
	color:#fff;
	font-weight: normal;
	font-size:14px; 
	margin:8px 0 0 0;
	padding:0; }
		
.boxcaption p { 
	color:#fff;
	padding:0;
	margin:-5px 0 0 0;
	font-size:11px;
	text-shadow: none; }
		
.captionfull .boxcaption {
	bottom: 0;
	left: 0;
	display: none; }

.captionfull a:hover {
	color:#EE4292; }

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

.footer {
margin:0 auto;
overflow:hidden;
padding:0;
width:1100px; }

.footer .copy {
	text-align: left; 
	padding-top:20px}

.footer a:hover{border:0}

/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}

i {display: none;}

/* --download & buy-- */
.downloadWin{
	background-color: #2371A1;
	border-left: 7px solid #353432; 
	padding: 10px 0px 0px 10px; 
	width:49%;
	height: 65px;  
	display: table-cell;
	text-align: center}
.downloadWin:hover{
	background-color: #353432;
	border-left: 7px solid #2371A1;
	}
.downloadMac{
	background-color: #2371A1;
  width:49%;
	height: 65px;   
  display: table-cell;  
  text-align: center;
	background-color: #2371A1;
	border-left: 7px solid #353432; 
	padding: 10px 0px 0px 10px; 
	margin: 0px}
.downloadMac:hover{
	background-color: #353432;
	border-left: 7px solid #2371A1; 
	}
#content ul.download li{
	padding: 0.3em 0;
	background-image:none;
	}
.downloadWin img{ padding:0}
.downloadMac img{ padding:0px}
.downloadWin strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #EEE;padding-top:15px}
.downloadMac strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #EEE;padding-top:15px}
.downloadWin strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #FFF}
.downloadMac strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #FFF}
.downloadWin, .downloadMac em{ font-style: normal; color: #353432; }
.downloadWin:hover, .downloadMac:hover em{ font-style: normal; color: #2371A1; }
.downloadWin a:hover, .downloadMac a:hover {border: 0}
.downloadsep{
	width: 2%; 
	display: table-cell;
	padding: 0px 3px 0px 3px;
	background: #FFFFFF url(../images/spacer.gif) no-repeat top center}

.downloadsepM{
	width: 7px; 
	display: table-cell;
	padding: 10px 3px 0px 3px;
	background: #FFFFFF url(../images/spacer.gif) no-repeat top center}
.buynowsep{
	width: 2px; 
	display: table-cell;
	padding: 0px 2px 0px 2px;
	}		
		
.buynowWin{
	background-color: #FFF;
	border-left: 7px solid #353432; 
	padding: 10px 0px 0px 10px; 
	height: 40px;  
	display: table-cell;
	text-align: center}
.buynowWin:hover{
	background-color: #353432;
	border-left: 7px solid #FFF;
	}
.buynowMac{
	background-color: #FFF;
	border-left: 7px solid #FF3300; 
	padding: 0px 0px 0px 10px; 
	display: table-cell;
	text-align: center}
.buynowMac:hover{
	background-color: #353432;
	border-left: 7px solid #FFF;
	}	
	
#buy{color: white}
#buy:hover{color: white}
#content ul.buy li{
	padding: 0.3em 0;
	background-image:none;
	}
	
.buynowWin img{ padding:0px;}
.buynowMac img{ padding: 0px;}
.buynowWin strong{ font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#202020;line-height:18px}
.buynowMac strong{ font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#202020;line-height:18px}
.buynowMac strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 12px; color: #FFF;}
.buynowWin strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 12px; color: #FFF;}
.buynowWin em{ font-family: "Trebuchet MS",Verdana,Sans-Serif;font-size: 16px;font-style: normal;font-weight: bold; color: #353432; line-height:18px}
.buynowMac em{ font-family: "Trebuchet MS",Verdana,Sans-Serif;font-size: 16px;font-style: normal;font-weight: bold; color: #353432; line-height:18px}
.buynowWin:hover em{ font-style: normal; color: #FFF; }
.buynowMac:hover em{ font-style: normal; color: #FFF; } 
.buynowWin:hover strong{ font-style: normal; color: #FFF; }
.buynowMac:hover strong{ font-style: normal; color: #FFF; } 
.buynowWin a:hover, .buynowMac a:hover {border: 0; }
/****blog twitter **/
    #twitter {
	    	float:left;
				width:200px;
    }
    #twitter .item {
				width:200px;
        padding:0;
				border-bottom:1px dotted #555;
				float:left;
				margin:3px 0 1px;    	
        line-height:15px;
        display:none;
        overflow: hidden;
    }
    #twitter .item.active {
        display:block;
    }
    #twitter .item.active:hover {	text-decoration:none;
	background:url(../images/bg-blog-news.png);}
    #twitter p img {
        position:absolute;
        border:1px solid #f4f4f4;
        padding:1px;
        background:#ccc;
        margin:3px 0 0 -40px;
    }
    #twitter a {	text-decoration: none;}
    #twitter p {
        padding:0 0 0 35px;
        margin:0;
        width:260px;
        line-height:18px;
    }
    #twitter .navigation {
				margin:25px 0 0 145px;
    }
    #twitter .navigation li {
        float:left;
        display:block;
        width:16px;
        height:14px;
        line-height:16px;
        text-align:center;
        margin-right:2px;
        font-weight:bold;
        cursor:pointer;
        text-indent:-999em;
        background:url(../images/pointers.gif) no-repeat;
    }
    #twitter li.prev {
        background-position:0 -14px;
    }
    
    #blogs {
				width:260px;

				word-spacing:-1px;    	
    }
    #blogs .item {
				width:260px;
				float:left;
				border-bottom:1px dotted #555;
				margin:3px 0 1px;    	
        padding:0;
        line-height:15px;
        display:none;
    }
    #blogs .item:hover {	text-decoration:none;
				background:url(../images/bg-blog-news.png);}    
    #blogs .item p{
    	  margin: 0;
    	  width:260px;
    	  line-height:18px;
    }
    #blogs .item a {
				height:1%;
				padding:4px 7px 7px;
				display:block;
				position:relative;    	
    		text-decoration: none;
        font-weight:none;
        width:250px;
    }
    #blogs .item.active {
        display:block;
    }
    #blogs .navigation {
				margin:25px 0 0 205px;
				padding-top:7px;
    }
    #blogs .navigation li {
        float:left;
        display:block;
        width:16px;
        height:14px;
        line-height:16px;
        text-align:center;
        margin-right:2px;
        font-weight:bold;
        cursor:pointer;
        text-indent:-999em;
        background:url(../images/pointers.gif) no-repeat;
    }
    #blogs li.prev {
        background-position:0 -14px;
    }


    #seealso, #related-tags {
				margin-right:70px;
				word-spacing:-1px;    
    }
    #seealso .item,
    #related-tags .item{
				width:260px;
				float:left;
				border-bottom:1px dotted #555;
				margin:3px 0 1px;    	
        padding:0;
        line-height:18px;
        display:none;
    }
    #seealso .item:hover,
    #related-tags .item:hover {	text-decoration:none;
				background:url(../images/bg-blog-news.png);}    
    #seealso .item p,
    #related-tags .item p{
    	  margin: 0;
    	  width:250px;
    	  line-height: 18px;
    	  
    }
    #seealso .item a{
				height:1%;
				padding:4px 7px 7px;
				display:block;
				position:relative;    	
    		text-decoration: none;
        font-weight:none;
        width:270px;
    }	
    #related-tags .item a {
				height:1%;

				position:relative;    	
    		text-decoration: none;
        font-weight:none;
        width:270px;
    color:#555;
    font-size:11px;		
        
    }
    #seealso .item.active,
    #related-tags .item.active {
        display:block;
    }
    #seealso .navigation,
    #related-tags .navigation {
				margin:25px 0 0 205px;
    }
    #seealso .navigation li,
    #related-tags .navigation li {
        float:left;
        display:block;
        width:16px;
        height:14px;
        line-height:16px;
        text-align:center;
        margin:10px 2px 0 0px;
        font-weight:bold;
        cursor:pointer;
        padding:0;
        text-indent:-999em;
        background:url(../images/pointers.gif) no-repeat;
        border: 0;
    }
    #seealso li.prev,
    #related-tags li.prev {
        background-position:0 -14px;
    }
   #seealso b {font-weight: normal }
	   
.connect{width:245px;}
.connect ul{padding-top:7px;}
.connect li{
				float:left;
				margin-right:7px;
				padding:5px 7px 5px 7px;
				border-bottom:1px dotted #555;
}