@charset "UTF-8";
/* CSS Document */

/*****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}
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}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }


@font-face {
    font-family: 'biondiregular';
    src: url('font/biondi-webfont.eot');
    src: url('font/biondi-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/biondi-webfont.woff') format('woff'),
         url('font/biondi-webfont.ttf') format('truetype'),
         url('font/biondi-webfont.svg#biondiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	height:1000px;
	width:100%;
	background-color:#354467;
	font-family:'FranklinGothicDemi',sans-serif;
	font-weight:600;
	overflow-x:hidden;
	
}



#wrap{
	width:1000px;
	height:auto;
	margin:auto;
	
}

#header{
	width:100%;
	height:120px;
	color:#f3f4f6;
}
		#header .left{float:left; width:55%;}
		#header .right{float:right; width:32%;}

		#header h1{
			font-size:42px;
			text-align:left;
			padding:0;
			margin:33px 0 0px 0;
			font-weight:400;
			font-family:'biondiregular',sans-serif;
		}
		
		#header h1 span{
				font-size:22px;
		}
		
		#header h2{
			font-size:21px;
			margin:0px 0 0 0;
			padding:0;
			text-align:left;
			
			font-weight:400;
			font-family:'biondiregular',sans-serif;
		}
		
		#header h3{
			font-size:16px;
			margin:2px 0 0 0;
			font-style:italic;
			font-weight:600;
			
		}


#menu{
	width:100%;
	height:40px;
	background:#fedd00;
	font-style:;
	z-index:140;
}

		#menu ul{
			height:20px;
			padding:13px 0 0 15px;
			width:100%;
			position:absolute;
		}
		
		#menu li{
			list-style:none;
			display:inline;
			color:#000;
			font-weight:600;
			padding:0 15px;
			position: relative;
			
		}
		
		#menu a{
			color:#263865;
			
		}
		
		#menu li:hover > ul.child { display: block; }
		
		#menu li ul{
			height:auto;
			padding:5% 0 0 0;
			width:auto;
			margin:0 0 0 70px;
			position:absolute;
			background:#eee;
			display:none;
			z-index:2000;
			border:none;
		}
		
		#menu li ul li{
			color:#000;
			font-weight:600;
			width:88%;
			display: block;
			text-align:left;
			padding:5%;
			margin:1%;
			background:#eee;
			
		}
		
		#menu li ul li:hover{
			background-color:#263865;
			
			color:#fedd00;
			text-decoration:none;
			
		}
	



#main{
	width:100%;
	height:600px;
	background:#fff;
	background-image:url(img/bg.jpg);
	background-position:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}
		#main .content{
			width:30%; 
			float:right; 
			margin:2%;
			
			
		}
		
		#main .contentlong{
			width:30%;
			height:780px; 
			float:right; 
			margin:0%;
			padding:20px;
			background:#FFF;
			opacity:0.7;
			z-index:700;
		}
		
		#main .content div, #main .contentlong p{
			float:right;
			padding:3%;
			margin:1%;
			width:96%;
			background:#FFF;
			color:#000;	
			font-style:;
			position:relative;
			z-index:30;
		}
		
		#main .slideshow{
			width:100%;
			height:100%;
			position:absolute;
			z-index:20;
			
			
		}
		
		#main a{
			color:#000;
			
		}
		
		#main h1{
			font-size:32px;
			text-align:left;
			padding:0;
			margin:20px 0 6px 0;
			font-weight:600;
		}
		
		#main h3{
			font-size:28px;
			text-align:left;
			padding:0;
			margin:10px 0 10px 0;
			font-weight:600;
		}
		
		
		#main h4{
			font-size:14px;
			text-align:left;
			padding:0;
			margin:2px 0 6px 0;
			font-weight:600;
		}
		
		#main .workinfo h4{
			font-size:14px;
			text-align:left;
			padding:0;
			margin:2px 0 6px 0;
			font-weight:600;
			background:#fff;
			width:100%;
		}
		
		
		#main .slideshow img{
			width:100%;
			height:100%;
			position:absolute;
			z-index:20;
			
			
		}
		
		#main ul , #main .contentlong ul{
			float:right;
			padding:2%;
			margin:1%;
			width:96%;
			background:#FFF;
			color:#000;	
			
			position:relative;
			z-index:90;
		}
		
		#main .contentlong ul.worklist{
			background-color:#242e46;
			color:#fff;
			text-align:center;
			width:95%;
			padding:7px 10px;
			margin:5px 0 10px 7px;
			clear:both;
			
		}
		
		#main .contentlong .worklist li{
			background-color:#242e46;
			color:#fff;
			text-align:center;
			width:100%;
			padding:1px 0;
			margin:0 auto;
			clear:both;
			font-size:14px;
			
		}
		
		
		#main .left{
			
		width:64%;
		height:800px;
		margin:1%;
		padding:1%;
		
		
		}
		
		#main .left ul{
			
		width:90%;
		height:auto;
		background:none;
		margin:20px 0 0 0;
		padding:0;
		float:left;
		
		
		
		}
		
		#main .left li{
			
		width:33%;
		height:150px;
		padding:5px;
		margin:5px;
		display:inline;
		
		
		
		
		}
		
		#main .left li img{
			
		background:#fedd00;
		padding:5px;
		z-index:20;
		
		
		}
		
		#main .left li img:hover{
			
		background:#fff;
		padding:5px;
		-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
		
		
		
		
		}
		
		
	
		
		
		
		
		
		
		#main .center{
		
		background:#fedd00;	
		height:260px;
		margin:1%;
		padding:1%;
		margin:auto;
		
		
		}
		
		#main ul.namelist{
		
		background:#fedd00;		
		width:12%;
		height:200px;
		top:18px;
		margin:1%;
		padding:1%;
		margin:auto;
		float:left;
		
		
		}
		
		#main ul.submissionlist{
		
		background:#fedd00;		
		width:36%;
		height:200px;
		margin:1%;
		padding:1%;
		float:left;
		
		}
		#main ul.namelist li{
			
			height:37px;
			text-align:right;
			
			
		}
		
		#main ul.namelist li, #main ul.submissionlist li{
		
		margin:2%;
		line-height:20px;
		
		}
		
		#main ul.submissionlist input, textarea{
			
			margin-left:0%;
			border:none;
			padding:2.5%;
		
		
		}
		
		textarea{
			
			width:80%; max-width:100%; max-height:100px; height:50px
			
		}
		
		
		
		
		
		
		
		
		



#footer{
	background-color:#242e46;
	height:230px;
	color:#f3f4f6;
}

		#footer .left{float:left; margin:5%; width:55%}
		#footer .right{float:right; margin:4% 0.1% 0 0; width:34%}
		
		#footer p{font-size:12px;}
		
		#footer span{margin:5px 0 0 0;font-size:9px;}
		
		#footer h1{
			font-size:42px;
			text-align:left;
			padding:0;
			margin:2px 0 6px 0;
			font-weight:600;
		}
		
		#footer h2{
			font-size:24px;
			margin:33px 0 0 0;
			padding:0;
			text-align:left;
			font-style:italic;
			font-weight:600;
		}
		
		#footer ul{
			height:20px;
			margin:5px -30px;
			width:100%;
			text-align:right;
		}
		
		#footer li{
			list-style:none;
			color:#fff;
			text-align:right;
			
		}