/*

Copyright (c) 2009, OTB Design.

version: 1

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, 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 {

	background: #FFF;

	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

	margin-left: 20px;

	margin-top: 18px;



}

#logo {

	width: 150px;

	height: 240px;

}

#sidebar {

	width: 150px;

	float: left;

}

#content {

	width:790px;

	float: left;

	margin-left:11px;

	position:relative;



}

#content a {

	border: 0px;

}

h1	{

	color: #666;

	font-size: 20px;

	font-weight:100;

	line-height:28px;

	text-decoration:underline;

	padding-top:70px

}

h2 {

	font-size: 11px;

	font-weight: normal;

	font-style: normal;

	color: #000;

}

a {

	color: #555;

	text-decoration: none;

	border-bottom: #c3c2c1 solid 1px;

	outline:none;

}

a img {

	border: none;

}

a:hover {

	text-decoration: none;

	border-bottom: #c3c2c1 solid 1px;

}

ul {

	list-style-type: none;

	line-height: 15px;

	color: #666;

}

ul li  {

	width: 150px;

	border-bottom: #c3c2c1 solid 1px;

}

ul li:hover, .current  {

	width: 150px;

	border-bottom: #999 solid 1px;

}

ul li a  {

	border-bottom-style: none;

}

ul li a:hover  {

	border-bottom-style: none;

}

span.update {

	display: inline;

	margin-left: 6px;

	font-size: 10px;

	color: #999;

}

.title {

	color:#000;

}

.blankbox {

	float: left;

	width:790px;

	height:240px

}

.quote{

	float: left;

	width:470px;

	height:240px

}

.about {

	float:left;

	width: 470px;


}

#navCols{

	font-size: 11px;

}

#navColsLeft{

	width: 150px;

	float: left;

}

.backbutton {

	width: 150px;

	float: right;

	position:absolute;

	bottom:10px;

	left:640px;

	font-size:10px;

}



/*...............Modules...............*/



.module {

	width: 790px;

	height: 357px;

	font-size: 10px;

	line-height: 15px;

	margin: 0 0 12px 0;

}

.module img {

	float: left;

	border-bottom: #c2c3be solid 1px;

	border-top: #c2c3be solid 1px;

}

.modulecol {

	width: 150px;

	float: right;

}

.modulecol h2 {

	width: 150px;

	border-bottom: #c3c2c1 solid 1px;

}

.modulecol p {

	padding-bottom: 3px;

	margin-top: 1px;

	color: #333;

}

.modulecol a {

	text-decoration: underline;

}



/*...............Modules-thumb...............*/



.module-thumbtop img, .module-thumb img {

	border-bottom: #c2c3be solid 1px;

	border-top: #c2c3be solid 1px;

	margin-bottom:1px;

}

.module-thumbtop {

	float: left;

	width: 150px;

	margin-right:10px;

}

.module-thumb {

	float: left;

	width: 150px;

	margin:30px 10px 0 0;

}

.module-header {

	float: left;

	clear:both;

	width: 150px;

	margin-top:5px;

	border-bottom: #c3c2c1 solid 1px;

}

.module-caption {

	float: left;

	clear:both;

	color: #666;

	font-size: 10px;

	line-height: 15px;

	padding: 5px 0 12px 0;

	width: 150px;

}

.module-caption li {

	display:inline;

	font-style: italic;

	list-style-type: none;

	padding-right:2px;

}

.clearboth { 

	clear: both; 

}



/*...............Footer...............*/







#footer {

	float:left;

	clear:both;

	width:790px;

	font-size: 10px;

	margin: 70px 0 50px 0;

	padding-left:160px;

}