@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
html,body{
	margin:0px;
	padding:0px;
	height:100%;
}
body{
	font-family:"Arial", sans-serif;
	font-size:12px;
	color:#fff;
}
#site{
	height:100%;
	width:100%;
}
#menu{
	float:left;
	width:196px;
	padding-left:10px;
	padding-right:10px;	
	min-height: 100%;
background: url("../img/menu-part.jpg") 0 repeat-y;
	font: 12px "Open Sans", sans-serif;
	 z-index:10;
}
#logo {display:block; position:relative; top:0px; background:url(../img/logo.png) no-repeat; width:190px; height:200px; padding-right:0px; z-index:10; text-indent:100%; white-space:nowrap; overflow:hidden; text-indent:-9999px;}
#menulist ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
		-webkit-font-smoothing:antialiased;
}
#menulist ul li{
	margin:0px;
	padding:0px;
}
#menulist ul li a{
	background: url("../img/menu-line.png") 0px 0px repeat-x;
	text-decoration:none;
	display:block;
	font-size:20px;
	text-transform:uppercase;
	color:#5f5959;
	padding:10px;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#menulist ul li a:hover{
	color:#ffffff;
}
#menulist ul li ul{
	visibility:hidden;
	position:absolute;
    opacity: 0;
	margin-left:207px;
	margin-top:-45px;
	z-index:10;
	background: url("../img/menu-part.jpg") 0 repeat-y;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#menulist li:hover ul {
    opacity: 1;
    visibility: visible;
}
#social{
	margin-top:5px;
	background-image:url("../img/sub-menu-part.jpg");
	padding:15px;
	padding-bottom:0px;
}
#social .icons{
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#social .icons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
#social .icons .stretch{
  width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
	padding:0px;
	margin:0px;
}
#copy{
	margin-top:10px;
	padding:5px;
	text-align:center;
}
#copy .webmaster{
	font-size:10px;
}
#copy a{
	text-decoration:none;
	color:#fff;
	   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#copy a:hover{
	color:#666;
}
#content{
	width:734px;
	margin-left:216px;
	min-height:100%;
	background-image:url(../img/content-background.png);
}
#content .container{
	color:#000000;
	height:700px;
		font: 12px "Open Sans", sans-serif;
}

#content .container h2 {
margin-bottom: 20px;
padding-bottom: 10px;
background: url("../img/content-line.png") bottom left repeat-x;
color: #000;
font: 27px "Open Sans", sans-serif;
font-weight: 700;
line-height: 19px;
}

#content .container .head{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
}
#content .container .body{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;	
}
#content .container .body .content{
/*	border:solid 1px #fff;*/
}
.container1{
		height:130px;
		width:700px;
		margin-left:auto;
		margin-right:auto;
		margin-top:-10px;
}
.container1 ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
    display: block;
	font: 12px "Open Sans", sans-serif;	
}
.container1 ul li:first-child{
	margin-left: 0px;
}
.container1 ul li{
	display: block;
	float: left;
	margin-left: 6px;
}
.container1 ul li .pic{
	width:150px;
	height:100px;
	border:solid 5px #fff;
}
.container1 ul li .title{
	background-image:url(../img/picover.png);
/*background: url("../img/menu-part.jpg") 0 repeat-y;*/
	width:130px;
	position:absolute;
	margin-top:-45px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:3px;
	
}
.container1 ul li .pic a{
	text-decoration:none;
	color:#FFF;
		   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			font-size:12px;
			text-transform:uppercase;
}
.container1 ul li .pic a:hover{
	color:#00a651;
}

.open ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
    display: block;
	font: 12px "Open Sans", sans-serif;	
}
.open ul li:first-child{
}
.open ul li{
	display: block;
	float: left;
	margin: 6px;
}
.open ul li .pic{
	width:150px;
	height:100px;
	border:solid 5px #fff;
}
.open ul li .title{
	background-image:url(../img/picover.png);
/*background: url("../img/menu-part.jpg") 0 repeat-y;*/
	width:130px;
	position:absolute;
	margin-top:-45px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:3px;
	
}
.open ul li .pic a{
	text-decoration:none;
	color:#FFF;
		   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			font-size:12px;
			text-transform:uppercase;
}
.open ul li .pic a:hover{
	color:#00a651;
}

.clearfix {
				float: none;
				clear: both;
			}
.controls{
	margin:5px;
}
			.prev {
				float:right;
				width:21px;
				height:21px;
				display:block;
				margin-right:5px;
			}
			.next {
				float:right;				
				width:21px;
				height:21px;	
				display:block;							
			}
			.next a{
				background-image:url(../img/nextsk.png);
				background-repeat:no-repeat;
				width:21px;
				height:21px;	
				background-size:cover;
				display:block;			
					   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;								
			}
			.prev a{
				background-image:url(../img/prev.png);
				background-repeat:no-repeat;
				width:21px;
				height:21px;	
				background-size:cover;
				display:block;							
					   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;	
			}
			.next a:hover{
				opacity:0.5;
			}
			.prev a:hover{
				opacity:0.5;
			}			
.prev2 {
				float:right;
				width:21px;
				height:21px;
				display:block;
				margin-right:5px;
			}
			.next2 {
				float:right;				
				width:21px;
				height:21px;	
				display:block;							
			}			
			.next2 a{
				background-image:url(../img/nextsk.png);
				background-repeat:no-repeat;
				width:21px;
				height:21px;	
				background-size:cover;
				display:block;			
					   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;								
			}
			.prev2 a{
				background-image:url(../img/prev.png);
				background-repeat:no-repeat;
				width:21px;
				height:21px;	
				background-size:cover;
				display:block;							
					   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;	
			}
			.next2 a:hover{
				opacity:0.5;
			}
			.prev2 a:hover{
				opacity:0.5;
			}						
input{
	padding:2px;
}
textarea{
	padding:2px;	
}
.btnreq{
		border-radius:5px;
	padding:5px;
}
#content .container .foot{
	text-align:center;
	margin-top:10px;
	padding-top:10px;
	width:700px;
	margin-left:auto;
	margin-right:auto;	
	background: url("../img/content-line.png") top left repeat-x;
/*			border:solid 1px #fc0;*/
}

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }