body {
  font-family: verdana, arial, "lucida Grande", verdana, helvetica, sans-serif;
  font-size: 12px;
}
.center {text-align:center !important;}


h3 {font-size:16px;color:#CF3805;font-family:arial;margin:0 0 10px 0;}
h2 {font-size:18px;color:#CF3805;font-family:arial;margin:0 0 10px 0;}
h4 {font-size:15px;color:#111;font-family:arial;margin:0 0 10px 0;}



#sidebar {width:260px;float:right;text-align:left;}
#sidebar h3 {margin:0 0 10px 0;padding:0 0 5px 0;color:#CF3805;font-family:arial, helvetica, verdana, serif;font-size:16px;font-weight:bold;border-bottom:1px dotted #ccc; }
#sidebar p {font-size:11px;line-height:15px;margin-bottom:15px;}
#sidebar .section {margin-bottom:35px;}
#bodycontent {width:690px;float:left;text-align:left;}

#bodycontent p, #bodycontent pre {margin:0 0 20px 0;line-height:21px;}
#bodycontent ul, #bodycontent ol {margin:0 0 20px 20px;line-height:21px;}
#bodycontent ul ul, #bodycontent ol ol {margin:0 0 0 20px;}
#bodycontent p b, #bodycontent p strong {color:#222;}

#sidebar a:link, #sidebar a:visited, #bodycontent a:link, #bodycontent a:visited {
text-decoration:underline;
font-weight:bold;
color:#333;
}
#sidebar a:hover, #bodycontent a:hover {
color:#CF3805;
font-weight:bold;
text-decoration:underline;
}
#bodycontent pre {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;border:1px solid #ccc;background:#f1f1f1;padding:15px;font-size:11px;line-height:14px;color:#444;}
#bodycontent code {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;background:#f1f1f1;padding:2px;font-size:11px;color:#444;}
#bodycontent pre code {display:block;border:none;padding:0;font-size:11px;}
#index #header {height:120px;}

/** homepage **/
#index  h1 {border:none;padding:0;margin:0 0 5px 0;font-size:40px;}
#index  h1 span {font-weight:normal;color:#C5400E;font-weight:100;}
#index  h5 {border:none;padding:0;margin:0 0 0 0;font-size:16px;color:#666;}
#index #bodycontent {width:100%;text-align:left;}

#index #sidebar {display:none;}
#subtitle {text-align:center;}
#slideshow {width:998px;margin:40px 0 0 0;overflow:hidden;}
#slideshow .slide {
	width:998px;
	background:#f6f6f6;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	border:1px solid #ccc;
	text-shadow:1px 1px 0 #FFF;
	display:none
}
#slideshow img { float:right;border:1px solid #FFF;width:700px;height:325px;}
#slideshow .slide .slideinner {float:left;width:275px;}
#slideshow .slide .slideinner h1 {font-size:30px;color:#1B242C;font-family:'BebasNeueRegular';margin:20px 20px 10px 20px}
#slideshow .slide .slideinner p {font-size:13px;line-height:21px;margin:0 20px 20px 20px}

#slideshow .slide .slideinner p a,
#slideshow .slide .slideinner p a:link,
#slideshow .slide .slideinner p a:visited {
	padding:4px 6px;
	margin-right:10px;
	font-size:10px;
	text-transform:uppercase;
	text-shadow: none !important;
	text-decoration:none !important;
	border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	background:#C5400E;
}
#slideshow .slide .slideinner p a:hover,
#slideshow .slide .slideinner p a:focus {
	text-decoration:none !important;
	text-shadow: none !important;
	background:#1B242C;
}
#screens {width:998px;height:800px;clear: both;}
#screens img {width:998px;}
#index #slider-controls {
	text-align:center;
	position:relative;
	top:-35px;
	left:20px;
	z-index:10000;
	text-shadow:0 0 2px #FFF;
}
#index #slider-controls a {margin-right:2px;float:left;font-size:23px;}
#screenshots #slider-controls {margin-left:32px;}
#screenshots #slider-controls a {margin-right:20px;float:left;font-size:12px;}
#slider-controls a:link, #slider-controls a:visited {
	color:#bbb;
	text-decoration:none;
}
#slider-controls a:hover {
	color:#666;
	text-decoration:none;
}
#slider-controls a.activeSlide {
	color:#C5400E;
	text-decoration:none;	
}

#index #text {
	text-align:center;
	margin:30px 0 10px 0;
	padding:30px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:20px;
	font-family:georgia, garmond, times, serif;
	font-style:italic;
	color:#555;
}
#index #text span {color:#999;font-style:normal;}
#index #text p {line-height:28px !important;margin:0 !important;}
#features {
	width:998px;
	border-collapse:separate;
	border-spacing:25px 25px;
	margin:0 0 0 0px;
	text-shadow:1px 1px 0 #FFF;
}
#features td {
	padding:20px 0;
	width:25%;
	text-shadow:1px 1px 0 rgba(255,255,255,.5);
	text-align:center;
	border:1px solid #ccc;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	vertical-align:top;
}
#features h3 {font-size:27px;color:#1B242C;font-family:'BebasNeueRegular';margin:0;}
#features p {font-size:12px;line-height:18px;margin:0 20px;color:#555;}
#features td img {padding:10px 0;
	opacity:.9;
	-webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;	
}
#features td:hover img {opacity:1;}

/** FOOTER **/

#footer {
  line-height:15px;
  font-size:11px;
  color:#999;
  margin:40px 0;
  }
  #footer a:link, #footer a:visited {
    color:#999;
    text-decoration:underline;
    font-weight:normal;
    }
  #footer a:hover {
    color:#666;
    text-decoration:underline;
    font-weight:normal;
    }

table.download {width:100%;border-collapse:collapse;margin:0 0 15px 0;}
table.download th {font-weight:800;text-transform:uppercase;font-size:10px;color:#333;}
table.download th, table.download td {padding:5px 8px}
table.download td {border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
table.download td span {color:#888;font-size:10px;}
table.download tr.alt {background:#eeeeee;}

.sponsor {font-size:11px;color:#EA7548;margin: 0 0 0 0 !important;text-align:center;text-transform:uppercase;}
.sponsor a:link, .sponsor a:visited, .sponsor a:hover {color:#999 !important;text-decoration:none !important;font-weight:normal !important;}
.sponsor a:hover {color:#777 !important;}

.screenshots {background:#f6f6f6;border:1px solid #ccc;float:left;margin:0 20px 20px 0;width:245px;padding:10px;text-align:center;}
.logos {background:#f6f6f6;border:1px solid #ccc;margin:0 0 20px 0;padding:10px;text-align:center;vertical-align:middle;}