@font-face {
    font-family: 'Calibri';
    src: url('CALIBRI.TTF.html');
    font-weight: normal;
    font-style: normal;
}


body {
	margin: 0;
	padding: 0;
	background-color: #efefef;
	background: #efefef url(../images/header.gif) repeat-x 0px 102px;
	font-family: Calibri,Arial;
	font-size: 14px;
}



#wrapper {
	margin: auto;
	width: 900px;
}

#header { width: 900px; padding-top: 16px; height: 88px; }
	#logo { padding-top: 22px; width: 300px; float: left; }
	#search { background: #efefef url(../images/search.jpg) no-repeat top left; width: 194px; height: 27px; float: right; }
	#search input { border: 0; display: inline; float: left; }
	#search input[type=text] { font-size: 11px; padding: 2px 4px; width: 156px; }
	
	#demo { float: right; width: 120px; }
	#demo a { display: block; background-color: #3D759A; color: #fff; font-weight: bold; text-decoration: none; width: 100px; height: 22px; padding-top: 6px; text-align: center; }
	#demo a:hover { background-color: #6695B4; }
		
	#mainmenu { margin-bottom: 10px; margin-top: 32px; float: right; clear: both; }
	#mainmenu a { color: #5a656c; float: left; display: block; margin: 0 0 0 20px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 14px; }
	#mainmenu a.active, #mainmenu a:hover { color: #4c86aa; }

#banner { width: 900px; height: 274px; border-top: 2px solid #fff; }
	#banner .item { width: 900px; }
	#banner .item .text { float: left; width: 400px; height: 200px; margin-top: 10px; }
	#banner .item .img { float: right; width: 430px; margin-top: 0px; }
	#banner .item h1 { color: #6695b4; font-size: 38px; }
	#banner .item p { color: #fff; font-size: 13px; }


#content {
	color: #1b1c1d;
	width: 900px;
	text-align: justify;
}

#content h2 {
	color: #4886b0;
	font-size: 16px;
	margin-bottom: 12px;
}


#footerwrap {
	background-color: #3d7499;
	height: 45px;
}

#footer {
	width: 900px;
	color: #fff;
	font-size: 11px;
	margin: auto;
	padding-top: 14px;
	text-align: center;
}

#footer a {
	color: #fff;
}