html{
	background:#e9e8ee;
	font-family:helvetica;
	font-size:12px
}

body{
	width:1000px;
	margin:20px auto;
	min-height:600px;
	background:white;
	border-radius:7px;
	position:relative;
}

body>header{
	height:245px;
	background:url('../pics/ban-4.jpg') no-repeat;
	position:relative;
	border-radius:7px 7px 0 0
}

body>header>nav{
	height:40px;
	bottom:0;
	display:block;
	width:100%;
	position:absolute;
	background:#17212d;
}

body>header>h1, body>header>h4{
	color:white;
	position:absolute;
	top:73px;
	left:15px;
	font-style:italic;
	font-weight:normal;
	font-size:17px;
	margin-top:15px
}

body>header>h2{
	color:white;
	position:absolute;
	top:120px;
	left:400px;
	font-size:17px;
	font-weight:bold
}	
	
body>header>nav a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	height:40px;
	line-height:40px;
	padding:0 20px;
	display:inline-block;
	*display:inline;
	zoom:1;
}

body>header>nav a:first-child{
	margin-left:20px;
}	

body>header>nav a:hover{
	background:#4c719d;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in
}

body>header>nav a.active{
	text-decoration:underline
}

body>div#main{
	padding-bottom:20px;
}

div#main>p{
	margin:30px 40px;
	font-size:14px
}

div#main>ul{
	margin-left:50px;
	font-size:14px
}

div#main>ul li{
	font-size:16px;
	list-style:none;
	color:#4c719d;
	background:url(../pics/arrow.jpg) no-repeat left center;
	text-indent:24px;
	margin-bottom:5px;
}

div#main>section{
	background:#f4f4f4;
	width:440px;
	min-height:200px;
	display:block;
	margin-left:40px;
	margin-top:23px;
	float:left;
	position:relative
}

div#main>section h2{
	background:#e7ebf2;
	margin-top:0;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	text-indent:20px;
	font-size:17px
}

div#main>section h3, div#main>section p{
	padding-left:20px;
}	

div#main>section h3{
	font-size:18px;
	color:#313166
}

div#main>section li{
	font-size:14px;
	list-style:square
}

div#main>section span{
	background:#d8d8d8;
	border-radius:3px;
	padding:2px 6px
}

div#main>section p{
	font-size:14px;
}

div#main>section a.more{
	background:#4c719d;
	height:30px;
	line-height:30px;
	display:block;
	font-size:15px;
	position:absolute;
	right:15px;
	bottom:15px;
	text-decoration:none;
	padding:0 10px;
	color:white;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
}

div#main>section a.more:hover{
	background:#86a2c2;
}	

body>footer{
	text-align:center;
	position:absolute;
	bottom:-40px;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:13px;
	font-weight:bold
}

body>footer a{
	color:black;
	text-decoration:none
}	

body>footer a:hover{
	text-decoration:underline
}	

.clear{
	clear:both;
}