@charset "utf-8";
/* CSS Reset */
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;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
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;}

/* Basic layout */
#wrap{ width:960px; margin:0 auto; overflow:hidden; background:#fff;}
html{ font-size:12px; background:#5F7CA4}
a {color:#5f7ca4}
a:visited, a:link{ text-decoration:none;}
a:hover{ text-decoration:underline;}

 form{ line-height:12px;}

/* Pages layout */
#header{ height:149px; background:url(images/logo.gif) no-repeat -15px 0px; }
#navi{ height:37px; background:url(images/bg_nav.gif) repeat-x;}
#search{ height:26px; background:url(images/bg_searchbar.gif) repeat-x; vertical-align:middle; }
#sidebar{ width: 254px; background:url(images/bg_sidebar.gif) no-repeat; float:left; min-height:700px;}
#items{ width:705px; float:left}



#navi ul{ margin:0 20px;}
#navi ul li{ float:left; padding:10px 15px; position:relative}
#navi ul li a{ color:#FFF; font-weight:bold; text-decoration:none; font-size:14px; display:block}
#navi ul li a:hover{ color:#C7E3F4}
#navi ul li span{
	display:none;
	position:absolute;
	top:33px;
	left:0;
	background:#6D99C8;
	padding:5px 0;
	z-index:999;
	border:1px #ccc solid;
	width:90px;
	text-align:center;
}
#navi ul li span a{	font-size:12px;
	font-weight:normal;}


#sidebar h1 { background:url(images/bg_sidebar_h.gif) no-repeat; width:192px; height:29px; display:block; font-size:14px; letter-spacing:6px; font-weight:bold; padding:20px 0 0 20px ; margin-top:1px;}
#sidebar marquee{ width:212px; height:130px; padding:10px 0;}
#sidebar marquee ul { margin-left:20px; }
#sidebar marquee ul li a{ color:#173F70;}

#sidebar .special { margin-left:8px;}
#sidebar .special li a{ background:url(images/li_img.gif) no-repeat 180px 9px; width:195px; height:22px; display:block; padding:7px 0 0 10px; border-bottom:1px #ccc solid; color:#173F70; font-size:13px; font-weight:bold;}

#sidebar .contact { background:url(images/bg_contact.gif) no-repeat; width:215px; height:74px; margin-top:30px; margin-left:5px; padding-top:10px;}
#sidebar .contact cite{margin-left:55px; line-height:25px; color:#173F70}


#items .item{ width:330px; height:180px; overflow:hidden; display:inline; margin:30px 0 0 10px; padding-left:10px; float:left}
#items .item h1 a{ width:310px; height: 18px; background:url(images/btn_more.gif) no-repeat 270px 6px; border-bottom:1px #e3e3e3 solid; display:block; color:#173F70; padding:5px 0 0 20px; font-size:14px; font-weight:bold;}
#items .item ul { margin:10px 0 0 5px ;}
#items .item ul li{ line-height:20px; background:url(images/dot.gif) no-repeat 19px 10px; padding-left:26px; height:20px; overflow:hidden;}
#items .item ul li a{ color:#666 }

#items .border{ border-left:1px #ccc dotted;}
#items .pics{ width:96%}
#items .pics h1 a{ width:100%; background-position:622px 6px; background:none;}
#items .pics ul{width:2000px;}
#items .pics ul li{ float:left; background:none; height:auto;}

#items .list{ width:96%}
#items .list h1 a{width:100%; background-position:622px 6px; background:none;}


#demo img{ width:128px; padding:1px; height:128px; border:1px #ccc solid; margin:5px; }
#demo {
overflow:hidden;
width: 1500px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}



#footer{ height:80px; padding-top:15px; text-align:center; border-top:#173F70 3px solid; clear:both; background:#6C8CB4; color:#fff; line-height:20px;}