/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding: 0;
	font-family: Arial, verdana, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
	padding-right: 10px;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:bold;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.clear{
	clear:both;
}

a{
	color:#000;
	text-decoration:none;

}

a:hover{
	color:#669900 !important;
}


/*==============================================================================*/
html {
	font-family:"Arial", verdana, sans-serif;
	font-size:12px;
	line-height: 17px;
}

body{
	background:#fff url(../images/body-bg.jpg) repeat-x;
}

/*==============================================================================*/

.container{
	width:820px;
	/*height:1500px;*/
	margin:0 auto;
}

.title{
	height:58px;
	width:405px;
	float:left;
	margin-top:22px;
	display:inline;
}

.logo{
	width:305px;
	height:85px;
	float:right;
	display:inline;
	margin-top:6px;
}

.blank18{
	height:18px;
}

.menubar{
	height:25px;
	width:790px;
	margin:0 auto;
	background:url(../images/menu-bg.png) repeat-x;
}

.menubar ul{
	text-align:left;
	padding-top:5px;
	padding-left:2px;
}

.menubar ul li{
	margin-right:2px;
	display:inline;
}

.last_li{
	margin-right:0px !important;
}

/* ===========================  banner here =======================*/

.banner{
	width:800px;
	height:280px;
	border:10px solid #fff;
}
/*===============================================================================*/


/* ======================= middle here =========================================*/
.middle_wrapper{
	width:798px;
	margin:0 auto;
	
	
}

.middle_content{
	position:relative;
	/*height:800px;*/
	background:url(../images/middle-bg.png) repeat-y;
}

.right-bottom{
	height:77px;
	width:77px;
	position:absolute;
	right:0;
	bottom:-16px;
	z-index:10000;
	background:url(../images/right-bottom.png) no-repeat;
}

.left-bottom{
	height:77px;
	width:77px;
	position:absolute;
	left:0;
	bottom:-16px;
	z-index:10000;
	background:url(../images/left-bottom.png) no-repeat;
}

.bottom{
	z-index:0;
	
}

.midtop1{
	background:url(../images/midtop1.png) repeat-x;
	min-height:118px;
	margin:0 auto;
	width:770px;
}

.midbot{
	background:url(../images/midbot.png) repeat-x;
	background-position:bottom;
	/*min-height:308px;*/
}

.hed{
	float:left;
	display:inline;
	margin:15px 0 0 10px;
}

.data{
	width:740px;
	float:left;
	color:#ff6699;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-right: 10px;
}

.main_hed2{	
	float:left;
	margin-left:10px;
}

.header2{
	float:left;
	width:210px;
	color:#ff6699;
	margin-right:30px;
	display:inline;
}

.header2 ul{
	float:right;
	/*margin-left:15px;*/
	display:inline;
}


.header2 ul li{
	margin-top:15px;
}

.header3{
	width:160px !important;	
}

.images{
	float:left;
	
}

.images img{
	margin-left:7px;
}

.blank25{
	height:25px;
}
/*==============================================================================*/


/* =================================== footer here =========================*/

.footer{
	font-size:10px;
}


.copy{
	width:624px;
	margin:0 auto;
	text-align:center;
	color:#669900;
}

.map{
	width:790px;
	margin:0 auto;
}

.sitemap{
	color:#ff6699;
	float:left;
	margin-bottom:15px;
}

.sitemap a, .design a{
	color:#00ccff;
}

.design{
	float:right;
	color:#ff6699;
}