body { 
	background : #fff; 
	color : #000; 
	font: 87.5% Arial,helvetica,Tahoma;
	width : 100%; 
	margin : 0; 
	padding : 0; 
} 

img {
	border: 0;
} 

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2.4em;
	line-height: 1.2em;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.7em;	
	line-height: 1.2em;
}
h4 {
	color:#666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.2em;	
	
}

a: {
	color:#0456a3;
	text-decoration:underline;
	font-family:verdana;
}
a:link {
	color:#0456a3;
	text-decoration:underline;
	font-family:verdana;
}
a:visited {
	color:#0456a3;
	text-decoration:underline;
	font-family:verdana;
}
a:hover {
	color:red;
	text-decoration:underline;
	font-family:verdana;
}

#header {
    width:100%;
    height:60px;
}
#header h1 {
    text-indent:-9999px;
    width:150px;
    height:60px;
    float:left;
    background:url(../img/logo.png) no-repeat;
}
#header ul {
	padding:20px 0px 0px 0px;
   /*  width:150px; */
    float:right;
}

#cycle {
    width:100%;
    background: #F9F9F9 url(../img/header_back.png) repeat-x;
	height: 400px;
    border-bottom:1px solid #E9E9E9;
    border-top:2px solid #fff;
}
#cycle-content {
    width:970px;
    margin:0 auto;
    padding:50px 0;
}
#cycle-left {
	margin:60px auto;
    float:left;
    width:430px;
}
#cycle-right {
    float:right;
    width:480px;
}
#cycle-content h2 {
    line-height:50px;
    margin-bottom:20px;
}
#cycle-content p {
    margin-bottom:20px;
    line-height:24px;
}

p.bigger {
	font-size: 18px;
	line-height: 160%;
	text-shadow: #fff 1px 1px 0;
}
p.wtf {
	text-shadow: #fff 1px 1px 0;
}	

p.support {
	/* font-size: 13px;
	line-height: 160%; */
	text-align:center;
	text-shadow: #fff 1px 1px 0;
}
	

a.black {
	color:#000000;
	font-size: 12px;
	text-decoration:underline;
	text-shadow: #fff 1px 1px 0;
}
a.black:visited {
	color:#000000;
	text-decoration:underline;
	text-shadow: #fff 1px 1px 0;
}
a.black:hover {
	color:red;
	text-decoration:underline;
	text-shadow: #fff 1px 1px 0;
}

.inner {
    width:970px;
    margin:0 auto;
    position:relative;
	font-size: 12px;
}
.page {
    width:970px;
    margin:0 auto;
    position:relative;
	font-size: 12px;
}
#content {
    padding:30px;
}
#contentpage {
    padding:0px 0px 0 100px;
}


#foot {
    width:970px;
    margin:0 auto;
    font-size:11px;
}
#foot.wide p {
    padding:10px 20px 10px 0;
    color:#000;
    text-align:right;
}

.fb_banner_style{

 float:center;
	margin:0px 0 0 0;
	padding:1px;
	background:#e4f0ff;
	font-size:14px;
	line-height:17px;
	width:922px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.fb_banner_text{
	margin:0px 0px 0px 0px;
	font-size: 12px;
	text-shadow: #fff 1px 1px 0;
}


#fb_banner_login{float:right;vertical-align:5px;;}
#fb_banner_login img{vertical-align:-5px;}


.twitter-share-button{
	float:right;
	padding:0px 0px 0px 0px;
}


.padder {
	width: 970px;
	margin: 0 auto;
	position: relative;
}


	div#middlesection div.left, div#middlesection div.middle, div#middlesection div.right,
	div#bottomsection div.left, div#bottomsection div.middle, div#bottomsection div.right {
		float: left;
		width: 306px;
		margin-right: 26px;
	}
	div#middlesection div.right, div#bottomsection div.right { margin-right: 0; }
	
	
.text{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

div.feature div.image p {
	position: relative;
	text-shadow: #000 1px 1px 0;
	background: #3d3d3d;
	color: #fff;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: italic;
	float: right;
	text-align: right;
}
		
div#bottomsection {
	/* overflow: hidden; */
	color: #000;
}

	
div#bottomsection div.feature div.image p {
	background: #339933;
	font-size: 18px;
	margin: -150px 10px 0 0;
	padding: 8px 10px 5px 10px;
}
	
	
div.gradient  {
	background: #FFFFFF url( ../img/gradient.png ) repeat-x left bottom;
	width:100%;
	height:6px;
}	

div.footline  {
	background: #E9E9E9;
	width:100%;
	height:1px;
}	
	


a.button {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #DDDDDD;
	color: #888;
	cursor: pointer;
	font-family: Arial,helvetica,Tahoma; 
	font-size: 18px;
	font-weight: normal;
	padding: 4px 13px;
	text-decoration: none;
	vertical-align: bottom;
}
a.button:hover { 
	color: #333; 
	border-color: #aaa; 
}
a.download {
	color: #fff;
	border-color: #2368CC;
	font-weight: bold;
	padding: 2px 13px 1px;
	background: #2368CC url( ../img/download_button.gif ) repeat-x left bottom;
	text-shadow: #000 0 -1px 0;
}
a.download:hover {
	color: #f0f0f0;
	border-color: #F5F5F5;
}














.irony {
	font-style: italic;
	color: #cc3333;
	text-align: center;
	}






















button {
	position: relative;
	/* margin: 0 .5em .5em .5em; */
	padding: 0.5em 1.5em;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial,helvetica,Tahoma; 
	/* text-decoration:none; */
	color: #4f4f4f;
	text-shadow: 0 1px 1px #fff;
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
	background: -moz-linear-gradient(top, #ededed, #c4c4c4);
	border: 1px solid #acacac;
	border-top-color: #bdbdbd;
	letter-spacing:-1px;
	border-bottom-color: #949494;
	border-radius: .214em;
	-webkit-border-radius: .214em;
	-moz-border-radius: .214em;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	         box-shadow: inset 0 1px 0 #fff;
    		-webkit-box-shadow: inset 0 1px 0 #fff;
    		-moz-box-shadow: inset 0 1px 0 #fff;
    		-o-box-shadow: inset 0 1px 0 #fff;
	cursor: pointer;
	}
	button:hover,
	button:focus {
		
		
		box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
    		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
    		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
    		-o-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
		}
	button:active {
		background: #ccc;
		background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));
		background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);
		border-color: #a6a6a6;
		border-top-color: #939393;
		border-bottom-color: #bcbcbc;

		
			box-shadow: inset 0 -1px 0 #fff;
    		-webkit-box-shadow: inset 0 -1px 0 #fff;
    		-moz-box-shadow: inset 0 -1px 0 #fff;
    		-o-box-shadow: inset 0 -1px 0 #fff;
		}
button.default {
	color: #1c4257;
	background: #a3cde3;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));
	background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);
	border: 1px solid #759bb1;
	border-top-color: #8ab0c6;
	border-bottom-color: #587e93;
		
	}
	button.default:hover,
	button.default:focus {
	box-shadow: 0 0 7px #53a6d5;
	
		
		     box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    		-webkit-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    		-moz-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    		-o-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
			
		}
	button.default:active {
		background: #8abcd7;
		background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));
		background: -moz-linear-gradient(top, #81afc8, #b7def4);
		border-color: #6e94a9;
		border-top-color: #567c91;
		border-bottom-color: #88aec4;

		
		box-shadow: inset 0 -1px 1px #fff;
    		-webkit-box-shadow: inset 0 -1px 1px #fff;
    		-moz-box-shadow: inset 0 -1px 1px #fff;
    		-o-box-shadow: inset 0 -1px 1px #fff;
		
		
		}
button[disabled],
button[disabled]:active {
	color: #a7a7a7;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);
	border-color: #d4d4d4;
	border-top-color: #dedede;
	border-bottom-color: #c9c9c9;
	cursor: default;
	}
	button[disabled]:hover,
	button[disabled]:focus {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		}
		
		#dirbutton img { margin-top:-3px;}