* {
	padding:0;
	margin:0
}

html, body { 
	position:relative; 
	width:100%; 
	height:100% 
}

body { 
	font-family:Verdana,Arial,sans-serif; 
	font-size:12px; 
	color:#333;
	background-color:#2d5583
}

.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%;
}

#wrapper {
	position:relative;
	width:880px;
	margin:0 auto;
	padding-bottom:64px;
	background-color:#fff;
	height:100%
}

#left {
	position:relative;
	float:left;
	width:350px;
	padding:10px;
	margin:24px 0 0 24px
}

#left h1 {
	font-size:24px;
	font-weight:bold
}

#left h2 {
	font-size:14px;
	font-style:italic;
	font-weight:normal
}

#left ul {
	position:relative;
	margin:24px 0 0 16px
}

#left ul li {
	padding:3px 0 6px 0
}

#right {
	position:relative;
	float:right;
	width:380px;
	margin:40px 80px 0 0
}

#right img {
	position:relative;
}

#footer {
	clear:both;
	position:relative;
	width:100%;
	text-align:center;
	font-style:italic;
	padding:24px 0
}

#footer a {
	text-decoration:none
}

#bgLeft {
	position:absolute;
	left:-92px;
	top:0;
	width:92px;
	height:100%;
	background:transparent url('shadow_left.png') top left repeat-y
}

#bgRight {
	position:absolute;
	right:-92px;
	top:0;
	width:92px;
	height:100%;
	background:transparent url('shadow_right.png') top left repeat-y
}