/* Resets =================================================================== */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}



/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:20px;
	color:#63615e;
	min-width:960px;
	background:url(images/bg.png) repeat #FFF;
}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;color:#63615e;}
a:hover {text-decoration:none;}
.button {
	display:inline-block; 
	background:#000000;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	border-radius: 7px;
	-moz-border-radius: 7px;
}
.button span {
	background: none repeat scroll 0 0 #ff0000;
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 1;

}
.button strong {
	display: block;
	padding:7px 14px 7px;
	position: relative;
	z-index: 2;
	font-weight:normal;
	color:#ffffff;
}


<!--h2 {font-family: Verdana; font-size:24px;line-height:36px; color:#3b3839;  margin:10px 0 12px; }-->
.head {font-family: Verdana; font-size:24px;line-height:36px; color:#3b3839;  margin:10px 0 12px; }
h2 {font-family: Verdana; font-size:24px;line-height:36px; color:#fff;  margin:10px 0 12px; background-color:#3F3C3C;}
.page-head {font-family: Verdana; font-size:24px;line-height:36px; color:#fff;  margin:10px 0 12px; text-align:center; font-weight:bold;}
h2 span {display:block; margin-top:-6px}
<!--h3 {font-family: Agency; font-size:20px;line-height:24px; color:#3b3839;  margin:36px 0 15px; font-weight:200;}-->
h3 {font-family: Verdana; font-size:18px;line-height:24px; color:#3b3839;  margin:36px 0 15px; font-weight:200; background-color:#3F3C3C; color:#fff; padding-left:10px;}
h3 a {color:#3b3839;}
h3 a:hover {color:#79AA05;}
ul {margin:0; padding:0;list-style-image:none;}

.under-hover a {display:inline-block; position:relative; overflow:hidden;}
.under-hover a em {display:block; height:1px; bottom:0; width:0px; position:absolute; left:50%; background:#ee1194;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}


.fleft {float:left !important;}
.fright {float:right !important;}

.line-height {line-height:20px !important}
.italic {font-style:italic}
.tright {text-align:right}
.line-height {line-height:22px}

.top-01 {margin-top:-5px !important}
.top-02 {margin-top:-10px !important}
.top-03 {margin-top:-7px !important}
.top-1  {margin-top: 20px;}
.top-2  {margin-top: 30px;}
.top-3  {margin-top: 10px;}

.bot-1 {margin-bottom:16px !important}

.font-1 {font-family: Verdana; font-size:18px; color:#3b3839}
.font-2 {font-family: 'Ruthie', cursive; font-size:20px;color:#3B3839; line-height:25px}
.font-3 {font-size:12px; line-height:20px}

.color-1 {display:inline-block; position:relative; overflow:hidden; color:#79aa05}
.color-1 em {display:block; height:1px; bottom:0; width:0px; position:absolute; left:50%; background:#79aa05;}

.color-2 {display:inline-block; position:relative; overflow:hidden;}
.link {display:inline-block; position:relative; overflow:hidden; color:#00F;}
.color-2 em {display:block; height:1px; bottom:2px; width:100%; position:absolute; left:0; background:#63615e;}

.border-1 {font-size:14px; color:#63615e; padding:20px 20px 45px; background:url(images/border-1.png) no-repeat right;}
.border-2 {background:url(images/border-1.png) no-repeat left;}

.pad-1 {padding:0px 29px 18px; font-size:14px}
.pad-2 {padding-bottom:15px}

.img-indent {float:left; margin-right:20px}

.width-1 {width:350px}

.right-1 {margin-right:23px}
/*********************************header*************************************/
header {height: 758px;overflow: hidden;position: relative;width: 100%;z-index: 5;}
.header1 {height: 1400px;overflow: hidden;position: relative;width: 100%;z-index: 5;}

h1 a {font-family: Verdana;line-height:76px; font-size:18px; color:#FFF; text-decoration:none;font-weight:100; padding-right:17px; margin:14px 0 5px; text-shadow:#000000 -1px -1px 1px; display:inline-block}

/***********************************nav*************************************/
nav {position:relative; z-index:101;}
.head-content {position:relative; z-index:2; margin:0 auto;}

/*********************************content*************************************/



#content { 
	padding:0px 0 0px;
	z-index:6;
	position:relative;
	}
.content {margin-top:-115px}
.item-2 {width: 72px; height:72px; display:block; margin:0 auto;}
.item-2 span {background:url(images/item-2.png) no-repeat left top; width:72px; height:72px; display:block; margin:0 auto;}
.item-3 span {background:url(images/item-3.png) no-repeat left top;}
.item-4 span {background:url(images/item-4.png) no-repeat left top;}
.border-1:hover .item-2 {background-position:0 bottom}
.border-1:hover .item-2 span {background-position:0 bottom}
.blocks {background:url(images/blocks.png) repeat left top; box-shadow:0 0 6px #dddcdc; line-height:22px; top:22px;}
.box {background:#fefefe; padding:24px 28px 26px; box-shadow:0 0 5px #e2e2e1}
.box:hover {background:#464447; color:#fefefe;}

.list {}
.list li {background:url(images/marker.png) no-repeat left 0px; padding:0px 0 0px 31px; margin-bottom:14px}
.list li a {font-size:12px; font-weight:bold; color:#79aa05;position:relative; overflow:hidden;}
.list a em {display:block; height:1px; bottom:-2px; width:0px; position:absolute; left:50%; background:#63615E;}

.list-1 {line-height:24px;}
.list-1 a {display:inline-block; position:relative; overflow:hidden;}
.list-1 a em {display:block; height:1px; bottom:2px; width:0px; position:absolute; left:50%; background:#79aa05;}




.lap {background:url(images/lap.png) no-repeat left top;padding:7px 0 0 37px; font-style:italic; font-size:14px; line-height:22px}

.ban {background:url(images/ban.jpg) no-repeat left top; width:299px; height:169px; border:1px solid #FFFFFF; display:block;margin-top:30px}
.ban .h2 {font-family: 'Times New Roman'; font-size:30px;line-height:30px; color:#3b3839;  font-weight:400;  text-shadow:#FFF 1px 1px 1px; display:block; margin:25px 20px 0 0; ; width:129px; float:right;}
.ban .button-1 {float:right; margin:25px 32px 0 0}



/***********************aside************************/
footer {margin:40px 0 35px; color:#63615e}
footer .border-2 {border-top:6px solid #464547}

.social li
{display: inline; }


.slider-block {
	left: 50%;
    margin-left: -800px;
    overflow: hidden; 
    position: absolute;
    width: 1600px;
    z-index: 1;
	height:758px
	}
.slider {
	background: url(images/line_header.png) repeat-x scroll 0 bottom transparent;
    height: 750px;
    padding-bottom: 8px;
    position: relative;
    width: 1600px;
    z-index: 1;
}
.items {
	display:none;
}
.pagination { z-index:111;margin:-145px auto 0; position:relative; padding:20px 0 0 423px;background:url(images/nav-2.png) repeat left top;width:517px; height:30px;}
.pagination li {display:block; width:11px; height:11px;float:left;margin-right:1px}
.pagination li.current a{cursor:default}
.pagination li a {display:block; width:11px; height:11px; background:url(images/item.png) no-repeat left top; }
.pagination li a:hover, .pagination li.current a {background-position:0 bottom;}

.content_my{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin:0 10px}
.alpha{margin-left:0}
.omega{margin-right:0}
.content_my .grid_1{width:60px}
.content_my .grid_2{width:140px}
.content_my .grid_3{width:220px; float: left;}
.content_my .grid_4{width:300px}
.content_my .grid_5{width:330px}
.content_my .grid_6 {width:920px}
.content_my .grid_7{width:540px}
.content_my .grid_8{width:620px}
.content_my .grid_9{width:700px}
.content_my .grid_10{width:780px}
.content_my .grid_11{width:860px}
.content_my .grid_12{width:940px}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
#grid_3 {float: right; padding-right: 30px;}

.sf-menu {margin:0;}
.sf-menu ul {position:absolute; display:none;}
.sf-menu li {position:relative; float:left;}
.sf-menu a { font-family: Verdana;; text-decoration:none}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:10}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0px;}

ul.sf-menu>li {text-align:center;background:url(images/nav.png) repeat left top; margin-right:1px}
ul.sf-menu>li.last {width:185px; height:80px; margin-right:0}
ul.sf-menu>li.last:hover {width:185px; height:80px; margin-right:0;background:url(images/nav.png) repeat left top;}
ul.sf-menu>li>a {font-size:18px; line-height:20px; color:#010101;display:inline-block; font-weight:200; font-family: Verdana; padding:15px 0; width:180px; text-align:center;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {color:#FFF;}
ul.sf-menu>li.current, ul.sf-menu>li.sfHover, ul.sf-menu>li:hover {background:url(images/nav-2.png) repeat left top;}
.sf-menu>li>ul ul, .sf-menu>li>ul { width:180px;  top:51px; left:0;display:block; }
.sf-menu>li>ul>li a {color:#FFF; display:inline-block; line-height:6px;padding:10px 4px 10px 8px; font-family: Verdana; font-size:14px; width:180px}
.sf-menu>li>ul>li {display:block; float:none; text-align:left; background:url(images/nav-2.png) repeat left top; margin-bottom:1px;width:180px;}
.sf-menu>li>ul ul {background:#d4d4d4; left:180px !important; }



ul.sf-menu>li.current li li, ul.sf-menu>li li.sfHover li { float:none; display:block; float:none;padding:11px 0; text-align:left;}
ul.sf-menu>li.current li li a, ul.sf-menu>li li.sfHover li a{color:#ed008c;display:inline-block;}
ul.sf-menu>li li.sfHover, .sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover:hover,ul.sf-menu>li li.sfHover li:hover {background:url(images/nav.png) repeat left top;}
ul.sf-menu>li li.sfHover a, .sf-menu>li>ul>li a:hover, ul.sf-menu>li>ul>li.sfHover a:hover,ul.sf-menu>li li.sfHover li a:hover {color:#010101}
ul.sf-menu>li li.sfHover li a {text-decoration:none}

ul li li .sf-sub-indicator {display:none}



.tran-div {position: absolute;top: 180px;left:0px;width: 100%; margin: 0 auto;width: 940px; height: 500px; background-color: rgba(0,0,0,0.8); display:inline-block;}
.tran-div h2 {color:#FFF; text-align:center;}
.tran-div .images { }

.tran-div-wh {position: absolute;top: 180px;left:0px;width: 100%; margin: 0 auto;width: 810px; height: 450px; background-color: rgba(255,255,255,0.9); display:inline-block; font-size:14px; text-align:justify; padding:50px; color:#000;}
.tran-div-wh h2 {color:#fff; text-align:left; padding-left:20px; font-weight:200;}
.tran-div-wh  { }
/*.tran-div .images .img { border:1px solid #ccc; padding-bottom:75px;  }
.tran-div .images img { padding:7px;}*/


#gallery { padding:40px;}

<!--#gallery li { display:inline; margin-bottom:10px; }-->
<!--#gallery a { padding-bottom:10px;}-->
#gallery img{width: 170px; height: 100px; border:1px solid #fff; margin:5px;   }
#gallery img:hover{width: 170px; height: 100px; border:1px solid #ccc; margin:5px; opacity:0.4; }

.container{
	width: 880px;
	
	/*margin: 50px 10px 10px;*/
	
	text-align:center;
	
	
}

.page_navigation , .alt_page_navigation{
	width:880px;
	height:50px;

	
	
	
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 10px;
	margin:5px;
	color:white;
	text-decoration:none;
	text-align:center;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#000;
	border: 1px solid #fff;
}
.active_page{
	background-color:white !important;
	color:black !important;
}	

.imgcontent, .alt_content{
	color: black;
}

.imgcontent li, .alt_content li, .imgcontent > p{
	
}

 .con li{ background: url(images/bullet.png) no-repeat 3px 4px; padding:0px 0px 5px 40px; }
 #list-padd1
{
	text-align:left;
	margin-left:15px;
}
#list-padd
{
	text-align:left;
	margin-left:35px;
}
#list-padd li a
{
	color:#666666;
	text-decoration: none;
}
#list-padd li a:link
{
color:#000099;
}
#list-padd li a:hover
{color:#CCCCCC;}

#list-padd li a:visited
{
color:#CC6633;
}

.left { float:left; padding:10px;}
.right { float:right;padding:10px;}
.textbox { background-color:#d3d3d3; color: #FFF; padding:3px; }
.con h3 {url(images/bullet1.png) no-repeat; padding:0px 0px 0px 30px; }