/* CSS Reset */
html, body, div, span,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,  
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: baselinebaseline;  
    background: transparent;  	
}  
body {  
    line-height: 1;  
}  
ol, ul {  
    list-style: none;  
}  
blockquote, q {  
    quotes: none;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
    content: '';  
    content: none;  
}  
  
table {  
    border-collapse: collapse;  
    border-spacing: 0;  
} 

/* CSS Reset End */

/* Base */

@font-face {
	font-family: DejaVuSans;
	src: url('fonts/dejavusans-webfont.ttf');
}

@font-face {
	font-family: DejaVuSerif;
	src: url('fonts/dejavuserif-webfont.ttf');
}

@font-face {
	font-family: DejaVuSansMono-Bold;
	src: url('fonts/dejavusansmono-webfont.ttf');
	/* src: url('fonts/FlexiBendi.ttf'); */
}

body {
	background-color: #2f3030;
	color: #3b3c3c;
	font-family: DejaVuSerif,serif;
	font-size: 10pt;
	line-height: 1.2em;
}

h1 {
	font-size: 13pt;
	/* color: #3b3c3c; */
	font-family: DejaVuSansMono-Bold,sans-serif;
	text-transform: uppercase;
	/* color: #3b3c3c; */
}

h2 {
	font-size: 12pt;
	font-family: DejaVuSans,sans-serif;
	margin-bottom: 8px;
	/* color: #3b3c3c; */
}

a:link {
	text-decoration: none;
	color: #5997cb;
}

a:hover {
	text-decoration: underline;
	color: #5997cb;
}

/*header*/

#nav {
	float: right;
}

#navlist {
	margin-top: -42px;
	color: #3b3c3c;
}

#navlist li {
	display: inline;
	font-family: DejaVuSansMono-Bold,sans-serif;
	font-size: 16pt;
	text-transform: uppercase;
	margin-left: 8px;
}

#navlist li a {
	color: #3b3c3c;
	text-decoration: none;
}

#navlist li a:hover {
	color: #ff9a05;
	text-decoration: none;
	text-shadow: 2px 2px 2px #ffb632
}

#navlist li a.active {
	color: #ff9a05;
	text-decoration: none;
	text-shadow: 2px 2px 2px #ffb632
}

#navlist li.buy a {
	color: #5896c9;
	padding: 4px 8px 4px 8px;
	border-radius: 4px;
	box-shadow: 0px 2px 20px #adadad;
	background-color: #feb52f;
    	background: linear-gradient(top, #feb52f, #ff9a05);
    	background: -o-linear-gradient(top, #feb52f, #ff9a05);
    	background: -moz-linear-gradient(top, #feb52f,#ff9a05);
    	background: -webkit-linear-gradient(top, #feb52f, #ff9a05);
    	background: -ms-linear-gradient(top, #feb52f, #ff9a05); /* IE10 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb52f', endColorstr='#ff9a05')"; /* IE8+ */ 
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb52f', endColorstr='#ff9a05')"; /* IE8+ */ 
}

#navlist li.buy a:hover {
	background-color: #f0ac2e;
	background: linear-gradient(top, #f0ac2e, #f29305);
	background: -o-linear-gradient(top, #f0ac2e, #f29305);
	background: -moz-linear-gradient(top, #f0ac2e, #f29305);
	background: -webkit-linear-gradient(top, #f0ac2e, #f29305);
	background: -ms-linear-gradient(top, #f0ac2e, #f29305);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ac2e', endColorstr='#f29305')"; /* IE8+ */ 
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ac2e', endColorstr='#f29305')"; /* IE8+ */ 
}

#headerwrapper {
	background: #f1f1f1;
	height: 64px;
	box-shadow: 2px 3px 20px #101010;
}

header {
	width: 960px;
	margin: auto auto;
}

.logo {
	display: block;
	height: 64px;
	width: 239px;
}

/* footer */

#footerwrapper {
	/* position: absolute; */
	/* bottom: 0px; */
	height: 96px;
	margin-top: 28px;
	background: #202020;
    	background: linear-gradient(top, #202020, #373737);
    	background: -o-linear-gradient(top, #202020, #373737);
    	background: -moz-linear-gradient(top, #202020, #373737);
    	background: -webkit-linear-gradient(top, #202020, #373737);
    	background: -ms-linear-gradient(top, #202020, #373737); /* IE10 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#373737')"; /* IE8+ */ 
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#373737')"; /* IE8+ */ 
	box-shadow: 2px 3px 20px #101010;
    }

#footer {
	width: 960px;
	margin: auto auto;
	padding-top: 38px;
	text-align: center;
	font-family: DejaVuSans, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}

/* Content */

#wrapper {
	padding-top: 28px;
	width: 960px;
	margin: auto auto;
}

.content {
	color: #2f3030;
	background: #f1f1f1;
	padding: 16px;
	border-radius: 4px;
}

.span {
	height: 32px;
}

#aboutimage {
	display: block;
	float: left;
	margin: 0px 16px 16px 16px;
}

.features {
	height: 200px;
	
}

.features > div {
	padding: 16px;
	border-bottom: 1px dashed #f1f1f1;
}

.darkstyle {
	color: #ffffff;
}

.darkstyle p {
	color: #888888;
}

/* divlist */

.tleft {
	float: left;
	width: 440px;
	height: 150px;
}

.tright {
	float: right;
	width: 440px;
	height: 150px;
}
