@charset "UTF-8";
body {
	font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #5c5c5c;
}

/**************/
/*** LAYOUT ***/
/**************/
h1{	
	font-size: 20px;
	text-transform:uppercase;
	color:#548eb2;
	margin: 10px 0;
}
h2{
	font-size: 16px;
	color:#548eb2;
	font-weight: bold;
	margin: 20px 0 0 0;
}
p{
	display: block;
	margin: 10px 0;
	line-height:22px;
}
p.gallery{
	margin: 25px 0;
}
a{	
	color:#548eb2;
	text-decoration:none;
}
a:hover{
	color:#396179;
}
img.left{
	float:left;
}
img.right{
	float:right;
}

/************/
/*** GRID ***/
/************/
header{
	clear:both;
	height:159px;
}
#home header{
	height:330px;
}
header #logo {
	position:absolute;
	top:28px;
	left:35px;
	z-index:3;
}
#wrapper{
	margin:0 auto;
	width:1020px;
	position:relative;
}
#content{
	padding:20px 10px;
	width:100%;
}
footer{
	width:705px;
	position:relative;
	margin:20px auto;
	border-top:1px solid #c3c3c3;
	padding:10px 0;
}

/************/
/*** ALL ***/
/************/
header #logo a {
	display:block;
	width:210px;
}

#home header #logo a {
	width:300px;
}

header #logo a img{
	width:100%;
}

header img.head{
	z-index:2;
	position:relative;
}

ul#mainnav{
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	left:320px;
	z-index:4;
}

#home ul#mainnav{
	top:260px;
	left:170px;
	z-index:1;
}

ul#mainnav li{
	padding:0 2px 0 0;
	float:left;
	background:url("img/nav_sep.png") no-repeat right top;
}

#home ul#mainnav li{
	background:url("img/nav_sep.png") no-repeat right bottom;
}

ul#mainnav li:last-child{
	padding:0;
	background:none !important;
}

ul#mainnav li a{
	text-transform:uppercase;
	color:#548eb2;
	font-size:18px;
	margin: 0;
	padding: 3px 0 11px;
	margin: 0 19px;
	display:block;
}

#home ul#mainnav li a{
	padding: 30px 19px 11px;
	margin: 0;
}

ul#mainnav li a:hover,
ul#mainnav li a.active{
	color:#396179;
	background:none;
	border-bottom: 3px solid #396179;
}

#home ul#mainnav li a:hover,
#home ul#mainnav li a.active{
	color:#548eb2;
	background:url("img/nav_hover_bg.png") repeat-x 0 -13px;
	border-bottom:none;
}

.portlet{
	background:#f5f2ed;
	width:330px;
	height:300px;
	margin:0 5px 0 0;
	float:left;
	position:relative;
}

.portlet a.btn{
	background:url("img/btn_bg.png") no-repeat;
	width:141px;
	height:15px;
	font-size:12px;
	color:#fff;
	display:block;
	text-align:center;
	padding:8px 0;
	position:absolute;
	bottom:15px;
	right:15px;
	text-shadow: 0 1px 0 #548eb2;
}

.portlet a.btn:hover{
	right:17px;
}

.portlet:last-child{
	margin:0;
}

.portlet p {
	padding:5px 15px 15px 35px;
	line-height:20px;
	font-size:15px;
}

p.subtext {
	font-size: 16px;
	font-style: italic;
	margin:20px 0;
}

p strong{
	font-weight:bold;
	color:#333;
}

ul.point{
	margin:0 0 0 10px;
}

ul.point li{
	margin:0 0 10px;
	padding:0 0 0 15px;
	background: url("img/li_point.png") no-repeat 0 5px;
	font-weight:normal;
}

table tr td{
	padding:10px 20px;
	width:460px;
}

table tr td:first-child{
	font-weight:bold;
}

table.blank tr td:first-child{
	font-weight:normal;
}


table tr td span{
	font-weight:normal;
	color:#999;
	font-size:12px;
}

footer #legal{
	width:100%;
	text-align:center;
	color:#b4b4b4;
	font-size:12px;
}

footer #footernav{
	width:100%;
	text-align:center;
	position:relative;
	margin:5px 0 0 0;
}

footer ul{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	position:relative;
	width:279px;
}

footer ul li{
	float:left;
	border-right:1px solid #b4b4b4;
	margin:0;
	padding:0;
}

footer ul li:last-child{
	border-right:none;
}

footer ul li a,
footer ul li a:visited{
	color:#b4b4b4;
	text-decoration:underline;
	padding:0 10px;
	font-size:12px;
}

footer ul li a:hover{
	color:#777;
}

/****************/
/*** CLEARFIX ***/
/****************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}