html{

}

.alertbox {
background-color: #fee101;
border: 0px solid #000;
color: #fee101;
height: 18px;
text-align: center;
padding:5px;
width: 100%;
}

body{
	margin:0 auto;
	font:12px Arial, Helvetica, sans-serif;
	background:#509dea url(../images/html.jpg) repeat-x 50% 0;
}
img{ border:none;}
a{
	color:#1d86ce;
	text-decoration:underline;
}
a:hover{
		text-decoration:none;
}

form, fieldset{
	margin:0;
	padding:0;
	border:none;
}
input, select, textarea{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}
#wrapper-bg {
	background:#3177d0 url(../images/bg.gif) repeat-x;
	}
#wrapper{
	margin:0 auto;
	width:995px;
	overflow:hidden;
}
/* Header */
#header{
	background:url(../images/header-bg.png) no-repeat;
	width:970px;
	height:121px;
	overflow:hidden;
	padding:0 11px 0 14px;
}
h1.logo{
	float:left;
	background:url(../images/logo.png) no-repeat;
	width:355px;
	height:67px;
	text-indent:-9999px;
	margin:7px 0 0 -7px;
	display:inline;
}
h1.logo a{
	display:block;
	width:355px;
	height:67px;
	overflow:hidden;
}
h2.slogan{
	float:right;
	font-size:15px;
	color:#fff;
	margin:44px -12px 0 0;
	position:relative;
	display:inline;
}
.slogan span{
	color:#fee101;
	font-size:19px;
}
.slogan em{
	font-style:normal;
	font-size:25px;
	color:#a8d2ff;
}
.visual{
	width:100%;
}
/* Main Navigation */
.nav{
	float:left;
	margin:22px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:723px;
}
.nav li{
	float:left;
	background:url(../images/separator.gif) no-repeat 0 50%;
	padding:0 8px;
	margin:0 1px 0 -1px;
}
.nav li a{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.nav li a:hover,
.nav li a.active{
	color:#539eea;
}
.form{
	float:right;
	margin:17px 0 0;
	position:relative;
}
.form .search{
	border:0;
	padding:5px 0 4px 7px;
	width:217px;
	vertical-align:middle;
	#color:#b9b9b9;
	color:#000;
	font-weight:bold;
	font-size:12px;
}
.form .search-btn{
	border:0;
	padding:0;
	margin:0 0 0 3px;
	width:15px;
	height:15px;
	background:url(../images/search-btn.gif) no-repeat 0 50%;
	cursor:pointer;
	position:relative;
	font-size:12px;
}
.form .search-btn:hover,
.form .search-btn-hover{
	background:url(../images/search-btn-h.gif) no-repeat 0 50%;
}
/* Main Page */
#page{
	background:url(../images/page-bg.png) repeat-x;
	width:987px;
	overflow:hidden;
	padding:0 4px 4px 4px;
}
/* Main */
#main{
	background:url(../images/main-bg.gif) repeat-y;
	overflow:hidden;
	width:100%;
	min-height:1273px;
}
* html #main{
	height:1273px;
	overflow:visible;
}
/* Side bar */
.sidebar{
	float:left;
	width:201px;
	padding:0 0 0 7px;
	overflow:hidden;
}
.box{
	background:#fff;
	margin:7px 0 0;
}
.box .top{
	background:url(../images/sidebar-top.gif) no-repeat;
	padding:6px 0 0 0;
}
.box .bottom{
	background:url(../images/sidebar-bot.gif) no-repeat 0 100%;;
	width:190px;
	padding:0 0 12px 11px;
	overflow:hidden;
}
.box ul{
	margin:0;
	padding:7px 0 10px;
	list-style:none;
	overflow:hidden;
}
.box ul li{
	line-height:18px;
	position:relative;
}
.box ul li a{
	background:url(../images/bullet.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
	color:#5d5d5d;
	text-decoration:none;
}
.box ul li a:hover,
.box ul li a.active{
	background:url(../images/bullet-over.gif) no-repeat 0 50%;
	color:#000;
}
.box h3{
	margin:0;
	color:#575757;
	font-size:16px;
}
/* Content */
.content{
	float:right;
	width:732px;
	padding:13px 21px 0 0;
}
.content h3{
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.content p{
	margin:10px 0 0;
	color:#000;
}
.breadcrumbs{
	background:url(../images/path-bg.gif) no-repeat 0 50%;
	overflow:hidden;
	width:100%;
	margin:0 0 0;
	padding:5px 0;
}
.breadcrumbs ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.breadcrumbs ul li{
	float:left;
	background:url(../images/separator2.gif) no-repeat 0 5px;	
	padding:0 6px 0 11px;
}
.breadcrumbs ul li:first-child{
	background:none;
}
.breadcrumbs ul li a{
	text-decoration:none;
	font-size:13px;
	position:relative;
}
.breadcrumbs ul li a:hover,
.breadcrumbs ul li a.active{
	color:#1d86ce;
}
.gallery{
	width:745px;
	border-bottom:1px dotted #d6d6d6;
	padding:11px 0 14px;	
	overflow:hidden;
}
.gallery ul{
	margin:0;
	padding:0;
	list-style:none;
}
.gallery ul li{
	float:left;
	padding:3px 3px 0 0;
}
.gallery ul li a{
	display:inline;
	overflow:hidden;
	position:relative;
}
.gallery ul li a img{
	border:1px solid #d6d6d6;
	padding:1px;
}
.gallery ul li a:hover img{
	border:1px solid #424242;
}
.list{
	margin:17px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.list li{
	float:left;
	border:1px solid #d2d2d2;
	margin:0 0 0 5px;
}
.list li a{
	text-decoration:none;
	color:#979797;
	padding:5px 10px;
	display:block;
	font:12px Tahoma, Geneva, sans-serif;
	font-weight:bold;
}
.list li a:hover,
.list li a.active{
	color:#fff;
	font-weight:bold;
	background:#137ccd;
	font:12px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	border:none;
}
/* Footer */
#footer{
	text-align:right;
	padding:8px 0;
}
#footer p{
	margin:0;
	color:#fff;
}
#footer p a{
	text-decoration:none;
	color:#fff;
}
#footer p a:hover{
	text-decoration:underline;
}