/*
Original design: Variant Multi (mobile) (v1.0 - Dec 15th, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-multi/
*/

*{margin:0;padding:0;}
body{
	background: #1a1a1a;
	color: #444;
	font: 100% Helvetica,sans-serif;
}
p{line-height:1.7em;margin-bottom:15px;}
a{color:#467aa7;}
a:hover{
	color: #FC0;
}
h1{
	color: #FFFFFF;
	font-family: Georgia,serif;
	font-size: 2em;
}
h2{
	color: #FF9900;
	font-family: Georgia,serif;
	font-size: 2.2em;
	font-weight: 400;
	margin: 0 0 10px 0;
}
h3{
	color: #FF9900;
	font-family: Georgia,serif;
	font-size: 2em;
	font-weight: 400;
	margin: 0 0 8px;
}
ul,ol,dl{margin:0 0 20px 20px; padding:0;}
li{padding-bottom:5px;}

#containermobile{
	padding: 0;
	overflow: hidden;
	width: 1400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header{
	background-color: #141414;
	margin: 0 auto;
	padding: 10px 20px;
}
#header h1{margin:0;padding:10px 0 5px;}
#header h1 a{color:#eee;font-family:Georgia,serif;font-size:1.5em;font-weight:400;text-decoration:none;}
#header h2{color:#ddd;padding:0 0 10px 20px;margin:0;font-family:Georgia,serif;font-size:1.8em;font-weight:400;}

#menu{background-color:#467aa7;height:39px;}
#menu ul{float:right;height:40px;list-style:none;margin:0;padding:0 25px 0 0;}
#menu ul li{background-color:#2a5a7a;display:block;float:left;margin:0 0 0 5px;padding:0;}
#menu ul li a{background-color:#2a5a7a;color:#ddd;display:block;font-size:1.4em;padding:9px 12px;text-decoration:none;}
#menu ul li a:hover{color:#fff;}
#menu ul li a.current{background-color:#eee;color:#333;}

#feature{background-color:#eee;color:#555;padding:15px 15px 5px;border-bottom:1px solid #ccc;}
#feature h2{color:#467aa7;font-size:2em;line-height:1em;}
#feature p{font-size:1.3em;margin:0 0 5px 0; line-height:1.5em;}

#main{clear:both;margin:0;background-color:#fff;padding:20px 15px 5px;}
#content{width:72%;}

#sidebar{
	background: transparent url('images/sidebar-top.jpg') no-repeat scroll top left;
	float: right;
	width: 40%;
}
#sidebar .sidebarbox {margin:0 0 25px 0;background-color:#fff; border:1px solid #467aa7;}
#sidebar p{margin:10px 0 10px 10px;}
#sidebar ul{list-style:none;margin:10px 0 10px 10px;padding:0;}
#sidebar ul li{margin:0 0 5px 0;}
#sidebar ul li a{color:#467aa7;font-weight:400;}
#sidebar ul.sidemenu {margin:0;}
#sidebar ul.sidemenu li{display:inline;padding:0;margin:0;}
#sidebar ul.sidemenu li a{display:block;padding:7px 5px 6px 10px;font-size:1.2em; font-weight:400;text-decoration:none;border-bottom:1px solid #ddd;}
#sidebar ul.sidemenu li a:hover{background-color:#eee;color:#333;border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul{margin:0;padding:0;font-size:0.9em;border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul li a{padding:5px 5px 5px 25px;border:0;font-weight:400;}
#sidebar ul.sidemenu ul li a:hover{border:0;}
#sidebar ul li a:hover{color:#333;}
#sidebar h2{background-color:#467aa7;color:#fff;font-size:1.5em;margin:0 0 0 0;padding:10px;}
#sidebar h3{font-size:1.4em; padding:10px 10px 0 10px;}

#footer{
	background-color: #369;
	margin: 0 auto;
	padding: 20px 25px 10px;
	border-top: 1px solid #ccc;
}
#footer h2{
	color: #FF9900;
	font-weight: 400;
	font-size: 1.5em;
}
#footer p{
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
}
#footer ul{border-top:1px solid #ccc;list-style:none;margin:0 0 15px 0;padding:0;}
#footer ul li{padding:0;margin:0;}
#footer ul li a{border-bottom:1px solid #ccc;color:#333;display:block;padding:7px 10px;text-decoration:none;}
#footer ul li a:hover{background-color:#eee;}

#footersections{display:block;margin:0 auto;}
#footersections .half{float:left;margin:0 3% 0 0;width:47%;}
#footersections .lasthalf{float:left;margin:0;width:50%;}
#footersections .quarter{float:left;margin:0 3% 0 0;width:22%;}
#footersections .lastquarter{float:left;width:25%;margin:0;}

#credits{
	background-color: #369;
	color: #FFF;
	padding: 15px 25px;
}
#credits p{text-align:left;font-size:1.2em;margin:0;padding:0;line-height:1.4em;}
#credits a{color:#aaa;font-weight:400;}

.left{
	float: left;
	width: 64%;
}
.right{
	float: right;
	width: 38%;
}
.clear{clear:both;visibility:hidden;}
.small{font-size:0.8em;}