body {
	background-color:#383838; /*v2.0*/
	font-family: "Lucida Grande", "Helvetica";
}

img {
	border:none;
}

a {
	color: inherit;
}

.clear {
	clear:both;
}

.emphasis {
	font-weight:bold;
	/*letter-spacing: 1px;*/
}

#container {
	margin: 0 auto;
	width: 929px;
}

#project {
	display: none; /*v2.0*/
	z-index: 2;
	position: absolute;
	margin-top: 20px;
	margin-left: 820px;
	text-align: center;
}

#project h3 {
	color: #ffffff;
	
	font-size: 24px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
	margin-top:10px;
}

#article-container { /*v2.0*/
	background-color:#f1f1f1;
	padding: 8px; /*v2.0*/
}

#article {
	position: relative; /*v2.0*/
	
	background-color:#272727;
	height: 40px; /*v2.0*/
	overflow: hidden; /*v2.0*/
	
	color: #ffffff;
	
	-webkit-border-radius: 8px; /*v2.0*/
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	/* For WebKit (Safari, Google Chrome etc) */
	background-image: -webkit-gradient(radial, 50% 75%, 0, 50% 75%, 
			400, from(rgba(62,62,62,1.0)), to(rgba(39,39,39,1.0)));
	/* For Mozilla/Gecko (Firefox etc) */
	background-image: -moz-radial-gradient(50% 75%, circle, 
			rgba(62,62,62,1.0) 0px, rgba(39,39,39,1.0) 400px); 
}

#article-copy {
	background-color:#f1f1f1;
}

#article-container .copy a {
	color: rgb(0,79,247);
}

#article-container .nav a {
	color: rgb(0,79,247);
}

#article h3 {

}

#feature-container { /*v2.0*/
	background-color:#f1f1f1;
	height: 450px; /*v2.0*/
	padding: 8px; /*v2.0*/
}

#feature {
	
	position: relative; /*v2.0*/
	
	background-color:#272727;
	height: 430px; /*v2.0*/
	overflow: hidden; /*v2.0*/
	
	color: #ffffff;
	
	-webkit-border-radius: 8px; /*v2.0*/
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	/* For WebKit (Safari, Google Chrome etc) */
	background-image: -webkit-gradient(radial, 50% 75%, 0, 50% 75%, 
			400, from(rgba(62,62,62,1.0)), to(rgba(39,39,39,1.0)));
	/* For Mozilla/Gecko (Firefox etc) */
	background-image: -moz-radial-gradient(50% 75%, circle, 
			rgba(62,62,62,1.0) 0px, rgba(39,39,39,1.0) 400px); 
}

.featureblog {
	height: auto !important;
}

.featureblog #tagline {
	padding: 20px 60px !important;
}

#feature a {
	text-decoration: none;
}

#feature #tagline {
	color: #dcdcdc;
	
	padding-top: 40px;
	padding-left: 60px;
	
	
	font-size: 20px; /*v2.0*/
	font-weight: bold;
	
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#article #tagline {
	color: white;
	
	padding-top: 7px;
	padding-left: 22px;
	
	
	font-size: 20px; /*v2.0*/
	font-weight: bold;
	
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#article-container .copy {
	width: 46%;
	float: left;
	/*margin-right:60px;*/
	
	font-size: 12px;
}

#article-container .nav {
	width: 46%;
	float: right;
	margin-right: 22px;
	font-size: 12px;
}

#article-container p {
	color: black;
	margin-left: 22px;
	margin-bottom: 20px;
}

#feature #slideshow {
	float:right;
	width:48%;
	
	/*padding-left: 30px;*/
}


#feature #slideshow img {
	/*box-shadow: inset 10px 10px 20px rgba(0,0,0,0.8);*/
	/*width: 100%;*/
	margin-top: 10px;
	width:420px;
}

#feature #slideshow .contactinfo {
	padding-left: 30px;
}

#feature #slideshow .contactinfo a {
	border-bottom: 1px dotted #dcdcdc;
}

#feature #slideshow .contactinfo img {
	padding: 0px 10px 10px 0px;
}

#feature #download-links {
	position: absolute;
	bottom: 140px;
}

#feature #tabs {
	clear:both;
	position: absolute;
	/*left: 0px;*/
	bottom: 0px;
	height: 100px;
}

#feature #tabs .tab {
	width:182px;
	height:100%;
	float:left;
	
	background: url(/images/effects/tab-inset-shadow.png) repeat-x top, url(/images/effects/tab-divider.png) repeat-y left;
	
	/*border-top: 1px solid black;
	box-shadow: inset 0px 2px 1px rgba(0,0,0,0.8);*/
}

/* tab javacsript sets sel values as selection is changed */
#feature #tabs .tab[sel=yes] {
	background: none !important;
}

#feature #tabs .tab[sel=rightof] {
	background: url(/images/effects/tab-inset-shadow.png) repeat-x top, 
				url(/images/effects/tab-left-inset-shadow.png) repeat-y left !important;
}

#feature #tabs .tab[sel=leftof] {
	background: url(/images/effects/tab-inset-shadow.png) repeat-x top, 
				url(/images/effects/tab-divider.png) repeat-y left,
				url(/images/effects/tab-right-inset-shadow.png) repeat-y right !important;
}

/* leftmost tab never display the left divider image; better way to do this? */
#feature #tabs .tab[sel=leftof-firstitem] {
	background: url(/images/effects/tab-inset-shadow.png) repeat-x top,
				url(/images/effects/tab-right-inset-shadow.png) repeat-y right !important;
}

#feature #tabs .tab img {
	float: left;
	padding: 15px 10px;
}

#feature #tabs .tab p {
	padding:20px 8px;
	font-size: 12px;
	color: #dcdcdc;
}

#feature #product-welcome {
	float:left;
	width:42%;
	
	color: #dcdcdc;
	
	padding-top: 20px;
	padding-left: 30px;
	
	text-align: left;
	
	font-size: 12px;
	
	line-height:1.5em;
	/*letter-spacing:0.5px;*/
	
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#feature #mailresult {
	color: #dcdcdc;
	padding-left: 60px;
	padding-top: 20px;
	
	text-align: left;
	font-size: 12px;
	line-height:1.5em;
	/*letter-spacing:0.5px;*/
	
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#feature #welcome {
	float:right;
	width:30%;
	
	color: #dcdcdc;
	
	padding-top: 40px;
	padding-right: 30px;
	
	text-align: left;
	
	font-size: 12px;
	
	line-height:1.5em;
	/*letter-spacing:0.5px;*/
	
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#feature #welcome a {
	border-bottom: 1px dotted #dcdcdc;
}

#feature #product-welcome a {
	border-bottom: 1px dotted #dcdcdc;
}

#feature #projects {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	
	padding-top: 60px;
}

#feature #projects #left {
	width: 48%; /*v2.0*/
	float: left;
	text-align: right;
}

#feature #projects #right {
	width: 48%; /*v2.0*/
	float: right;
	text-align:left;
}

#feature #projects .app {
	float: left;
	width:192px;
	margin:40px 20px;
}

#feature #projects h3 {
	
	font-weight: bold;
	font-size: 22px; /*v2.0*/
	color: #cdcdcd;
	margin-top: 40px;
	margin-bottom: -10px;
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
}

#feature #projects p {
	
	font-size: 14px;
	color: #cdcdcd;
	
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
}

#feature #projects .break {
	clear: both;
	padding:10px;
	border-bottom: 1px dotted black;
	width:70%;
	margin: 0 auto;
	margin-bottom:40px;
}

#feature #projects p.about {
	margin: 0 auto;
	width: 50%;
	margin-top: 20px; /*v2.0*/
	
	
	line-height: 1.4em;
	font-size: 13px; /*v2.0*/
	color: #dcdcdc;
	
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
	text-align: center;
}

#feature .products {
	float:left;
	width: 400px;
}

#feature .store-product {
	clear:both;
	padding-top: 20px;
	margin-left: 60px;
	
	
	font-size: 14px;
}

#feature .store-product a {
	line-height:128px;
	font-size: 20px;
	
	color: #dcdcdc;
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
}

#feature .store-license {
	clear:both;
	padding-top: 20px;
	margin-left: 60px;
	
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
	
	font-size: 14px;
}

#feature .store-license h3 {
	margin-top:10px;
	margin-bottom: 10px;
	font-size:20px; /*v2.0*/
}

#feature .store-license .attention {
	color: yellow;
}

#feature .store-license .success {
	color: green;
}

#feature .store-license .info {
	font-size: 12px;
	line-height: 1.4em;
}

#feature .store-license .info a {
	border-bottom: 1px dotted #dcdcdc;
}

#feature .description {
	
	width: 300px;
	height: 70%;
	float:right;
	border-left: 1px dotted black;
	
	padding: 25px;
	
	text-align: left;
	
	font-size: 12px; /*v2.0*/
	
	line-height:1.5em; /*v2.0*/
	/*letter-spacing:0.5px; v2.0*/
	
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#feature .description a {
	border-bottom: 1px dotted #dcdcdc; 
}

#feature .description .profile {
	width:90%;
}

#feature .description .profile img {
	border: 1px solid black;
	background-color: white;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	height: 72px;
	width: 72px;
	float: left;
}

#feature .description .profile h3 {
	font-size: 14px;
	margin-bottom: 2px;
	padding: 0px;
}

#feature .description .profile .emphasis {
	font-size: 12px;
	/*font-weight: bold;*/
	line-height: 1.5em;
}

#feature .description .profile p {
	clear:both;
	font-size: 12px;
	line-height:1.5em;
}

#feature .business {
	float:left;
	width: 400px;
	margin-top: 20px;
	margin-left: 60px;
	
	font-size: 12px; /*v2.0*/
	line-height: 1.5em;

	color: #dcdcdc;
	text-shadow: rgba(0,0,0,1.0) 0px 1px 0px;
}

#feature .business a {
	border-bottom: 1px dotted #dcdcdc;
}

#feature .credits {
	padding-top: 40px;
	text-align:center;
	line-height: 1.4em;
	font-size:14px;
}

#feature .credits .title {
	font-size: 0.9em;
}

#feature .credits .additional {
	font-size: 0.8em;
}

#highlights {
	background-color:#f1f1f1;
	height:240px; /*v2.0*/
	
	padding: 0px 0px 10px 30px;
	
	-webkit-border-bottom-left-radius: 8px; /*v2.0*/
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#highlights #left {
	width: 48%;
	float: left;
}

#highlights #right {
	width: 48%;
	float: right;
}

#highlights .entry .title { /*v2.0*/
	font-size:16px;
	margin-bottom:0px;
	color: rgb(182,46,25);
}

#highlights .entry p { /*v2.0*/
	font-size: 11px;
	color: #606060;
	margin: 4px 0px;
}

#highlights .entry a {
	color: rgb(0,79,247);
}

#highlights .description {
	color: #606060;
	
	float:left;
	padding-top: 7px;
	width: 280px;
	
	
	line-height: 1.5em;
	font-weight: bold;
	font-size: 15px;
	
	text-decoration: none;
	text-shadow: rgba(255,255,255,1.0) 0px 1px 0px;
}

#highlights .description a {
	text-shadow: rgba(255,255,255,1.0) 0px 1px 0px;
	text-decoration: none;
	color: #606060;
}

#highlights .follow {
	color: #606060;
	
	float:right;
	margin-top: 15px;
	margin-right: 20px;
	/*width: 280px;*/
	
	
	line-height: 26px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 15px;
	
	text-decoration: none;
	text-shadow: rgba(255,255,255,1.0) 0px 1px 0px;
}

/*#highlights*/ .action-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	box-shadow: 0px 2px 4px rgba(0,0,0,0.8); /*v2.0*/
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color: #606060;
	font-family:arial;
	font-size:14px; /*v2.0*/
	font-weight:bold;
	padding:5px 22px; /*v2.0*/
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	
	float: left; /*v2.0*/
	line-height: 15px; /*v2.0*/
	margin: 9px 10px 0px 0px;
	
}/*#highlights*/ .action-button:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}/* #highlights .action-button:active {
	position:relative;
	top:1px;
} */

/*#highlights*/ .action-button img {
	vertical-align:middle;
	margin-right: 10px;
	padding: 0px;
}

#highlights .twitter-button {
	padding:6px 6px !important;
	margin: 10px 0px 10px 0px !important;
}

#highlights .twitter-button img {
	margin-right: 0px !important;
}

#content {
	margin: 40px 0px;
}

.blogcontent {
	background-color:#f1f1f1;
	margin: 0px !important;
}

#content .blogpadding {
	padding: 5px 20px;
}

#content .blogpadding #blognav {
	width: 30%;
	float: left;
	height:100%;
}

#content .blogpadding #blogentries {
	width: 67%;
	float: right;
	padding-left: 20px;
	border-left: 1px solid #acacac;
	
	-moz-box-shadow: inset 1px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow: inset 1px 0px 0px rgba(255,255,255,1);
	box-shadow: inset 1px 0px 0px rgba(255,255,255,1);
}

/*
.blogfooter {
	clear:both;
}*/

#content .featurette {
	float: left;
	width: 303px;
	height: 200px;
	
	margin-top: 5px;
	margin-bottom: 5px;
	
	background-color: #f5f5f5;
	
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,0.15);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.15);
	
	-webkit-border-radius: 6px;
	-mox-border-radius: 6px;
	border-radius: 6px;
	
	
}

#content .featurette h3 {
	font-size:16px;
	line-height: 1.5em;
	color: #494949;
	text-shadow: rgba(255,255,255,1.0) 0px 1px 0px;
}

#content .featurette p {
	font-size:12px;
	line-height: 1.4em;
	color: #969696;
}

#content .leftside {
	margin-right:5px;
}

#content .centerside {
	margin-left:5px;
	margin-right:5px;
}

#content .rightside {
	margin-left:5px;
}

#content #ft1, #content #ft2, #content #ft3, #content #ft4, #content #ft5, #content #ft6 {
	background-repeat:no-repeat;
}

#content #ft1 {
	background-image: url(/images/featurettes/calendar.png);
	background-position: -48px -30px;
}

#content #ft1 .copy {
	margin-left: 150px; 
	margin-top:40px;
	width: 120px;
}

#content #ft2 {
	background-image: url(/images/featurettes/searching.png);
	background-position: -2px 80px;
}

#content #ft2 .copy {
	margin-left:30px; 
	margin-top:10px;
}

#content #ft2 h3 {
	float: left;
	width: 120px;
}

#content #ft2 p {
	padding-top: 5px;
	padding-right: 10px;
	float: right;
	width: 130px;
}

#content #ft3 {
	background-image: url(/images/featurettes/photos.png);
	background-position: 150px -20px;
}

#content #ft3 .copy {
	margin-left: 20px; 
	margin-top:30px;
	width: 120px;
}

#content #ft4 {
	background-image: url(/images/featurettes/actions.png);
	background-position: -5px -5px;
}

#content #ft4 .copy {
	margin-left: 20px; 
	margin-top:70px;
}

#content #ft4 h3 {
	float: left;
	width: 100px;
}

#content #ft4 p {
	padding-top: 5px;
	margin-right: 10px;
	float: right;
	width: 150px;
}

#content #ft5 {
	background-image: url(/images/featurettes/immersive.png);
	background-position: 120px -5px;
}

#content #ft5 .copy {
	margin-left: 20px; 
	margin-top:30px;
	width: 120px;
}

#content #ft6 {
	background-image: url(/images/featurettes/customize.png);
	background-position: -10px 110px;
}

#content #ft6 .copy {
	margin-left:20px; 
	margin-top:10px;
}

#content #ft6 h3 {
	padding-top: 10px;
	float: right;
	width: 120px;
}

#content #ft6 p {
	padding-top: 5px;
	padding-left: 0px;
	float: left;
	width: 140px;
}

.break {
	clear:both;
}

.divider {
	margin: 10px 0px;
	clear:both;
	/*background-color:#aaaaaa; v2.0 */
	height:1px;
}

#footer {
	
	margin: 0 auto;
	width: 600px;
	text-align: center;
}

#footer a {
	
	margin: 0px 2px; /*v2.0*/
	
	color: rgb(0,93,187); /*v2.0*/
	
	/*font-family:"Helvetica"; v2.0*/
	/*font-weight: bold; v2.0*/
	font-size: 11px; /*v2.0*/
	
	text-decoration: none;
}

#footer .logo { /*v2.0*/
	font-size: 13px;
	color: rgb(51,160,40);
}

#footer .copyright {
	
	margin-top:10px;
	
	color: rgb(246,246,246); /*v2.0*/
	
	/*font-family:"Helvetica"; v2.0*/
	/*font-weight: bold; v2.0*/
	font-size: 11px; /*v2.0*/
	line-height:1.5em;
}

#footer .advertisement {
	margin-top:15px;
	font-size: 0.8em;
}

#blognav .advertisement {
	clear:both;
	margin: 0 auto;
	width: 200px;
}

.feed {
	padding-right:9px;
}

/* NAVIGATION */

#navigation {
	background-color:#000000; /*v2.0*/
	height:35px; /*v2.0*/
	
	padding: 1px 15px; /*v2.0*/
	
	-webkit-border-top-left-radius: 8px; /*v2.0*/
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}

#navigation .logo {
	float: right; /*v2.0*/
	height: 32px; width: 32px; /*v2.0*/
}

#navigation li {
	float: left;
	/*margin: 10px 10px; /*v2.0*/
	margin-top: 4px;
	
	color: #f7fafb; /*v2.0*/
	
	font-family:"Lucida Grande", "Helvetica"; /*v2.0 */
	/*font-weight: bold; v2.0 */
	font-size: 13px; /*v2.0*/
	
	
	
	/*v2.0*/
	padding: 5px 10px;
	padding-bottom: 12px;
}

#navigation li.current {
	color: #242728; /*v2.0*/
	background-color: #f1f1f1; /*230*/
	
	-webkit-border-top-left-radius: 4px; /*v2.0*/
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

#navigation a {
	text-decoration: none;
	/*text-shadow: rgba(255,255,255,1.0) 0px 1px 0px; v2.0 */
}

#navigation a:hover {
	text-decoration: underline;
}

#navigation .current a:hover {
	text-decoration: none;
}
	
	#navigation .menu {
		margin: 0px; padding: 0px;
		list-style:none;
		float: left;
	}
	/*
	#navigation .menu li {
		position:relative; 
		float:left;
	}*/

.newsletter-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 11px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.newsletter-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.newsletter-button:active {
	position:relative;
	top:1px;
}