/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	-collapse: collapse;	border-spacing: 0;}
* { margin:0px; padding:0px; }

/* mizu reset */
strong, b {font-weight:bold; }
.content ul li, .content  ol li {margin:3px 0px 3px 35px;list-style:circle;} 	
.content ol li {list-style:decimal;}
.content p, .content .txt div {margin-bottom:5px;}
.clear { clear:both; }
.txt table td {
	vertical-align:top;
}
/* custom css */
a {	
	text-decoration:none;
}
.content a {	
	color:#999;
	
	text-decoration:none;
}
.content  a:hover {
	color:#2290e4;
}
html, body {
	
}
html {
    background:#f0f0f0;
}
.main {
	min-width: 890px;
	
	position: relative;
	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../img/struct/points.png) repeat-x center 117px;
}
.main {
 
}
.wrap {
	width:990px;
	position:relative;
	margin:auto;
}
.header {
	height:250px;
	position:relative;
	z-index:20;
}
	.homeLink {
		position:absolute;
		top:44px;
		left:0px;
		width:260px;
		height:70px;
		background:url(../img/struct/logo.png) no-repeat;
	}

.nav {
	clear:both;
	position:relative;
	top:166px;
	left:0px;
	float:left;
}
    .nav li {
        float:left;
    }
	.nav li a {
		
		display:block;
		float:left;
		color:#636363;
		padding:0 10px 0 0;
		margin:0 10px 0 0;
		line-height:20px;
		background:url(../img/struct/nav.png) no-repeat right center;
	}
	.nav li a:hover {
	    text-decoration:underline;	
	}
	.nav li a.on {
		font-weight:bold;
		color:#DF0000;
	}
	.nav li a.last {
	    background:none;
	}
	.nav li ul {
		position:absolute;
		left:0px;
    width:100%;
		top:20px;
		
	}
		
.middle {
	clear:both;
	
}
.footer-spacer  {
    clear:both;
    height:60px;
}
.footer-wrap {
    
	position:absolute;
	bottom:6px;
	left:0px;
	width:100%;
	z-index:30;
	background:#636363;
	
	position:fixed;
	border-bottom:6px solid white;
	bottom:0px;
	
}

.footer {
	clear:both;
	position:relative;
	margin:auto;
	width:890px;	
}
.footer .cnt {
	clear:both;
	padding:0px 25px 0px 0;
	line-height:30px;
	
}
	.footer p {
		display:inline;
		font-weight:bold;
	}
	.footer, .footer a {
		color:#fff;
		font-size:11px;
	}
	.footer a.on, .footer a:hover {
		color:#aaa;
	}
	.footerNav, .footerNav li {
		display:inline;
	}
	 .footerNav li a {
	 	padding:0 5px;
	 }





/* content */
.content {
	clear:both;
	
	
}
	.content .tpl {
		clear:both;
	}
	.content h1, .content h2, .content h3 {
		color:#6b6a6a;
		letter-spacgin:-1px;
	}
	.content h1 {
		font-size:23px;
		font-weight:bold;
	}
	.content h2 {
		font-size:17px;
	}
	.content h3 {
		font-size:17px;
	}
	.content .txt {
		line-height:120%;
		color:#6b6a6a;
	}
	.content .txt, .content .files, .content .gallery, .gallery2 {
		clear:both;
		padding-top:15px;
	}
	.content .gallery {
		/*border-top:1px solid #2290e4;
		border-bottom:1px solid #2290e4;
    */
		padding:5px 0;
		
  
	}
  
	.content .gallery {
		
	}
	.content .gallery2 {
		padding-bottom:20px;	
	} 
	
.img-left .first-img {
  float:left;
  margin:5px 20px 20px 0px;
}
.img-right .first-img {
  float:right;
  margin:5px 0px 20px 20px;
}



/* list */
.list {
	clear:both;
	padding-top:15px;
}
	.list .item {
		clear:both;
		margin-bottom:10px;
		display:block;
		padding:10px 0px;
		border-bottom:1px solid #999;
	}
	.list .firstInRow {
		
	}
	.list .lastInRow {
		margin-right:0px;
	}
	.list .item:hover .more {
		color:#2290e4;
	}
	.list h3, .list .img, .list .txt {
		display:block;
		
	}
	.list .img {
		float:left;
		display:block;
		
		min-height:10px;
		
	}
	.list .txt {
		float:left;
		clear:none;
		width:350px;
		padding:0px 10px 0px 20px;
	}
	.list-full .item {
    width:100%;
    border-bottom:1px solid #ccc;
  }
  .list-full .txt {
      float:right;
      width:500px;
      padding-right:50px;
  }
	
/* projects */
html.projects .middle, html.project .middle, html.home .middle {
    background:#bfbfbf;
    margin-top:30px;
}
html.projects h1, html.home h1 {
    display:none;
}

.list-projects {
	background:#bfbfbf;
	padding:8px 90px 0px 0px;
	
}
 .list-projects .item {
 	width:90px;
	height:60px;
	overflow:hidden;
	float:left;
	clear:none;
	margin:0 8px 8px 0;
	padding:0px;
	border:0px;
	position:Relative;
 }
 
 .list-projects .item .over {
 	
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
 	background:#ff0000;
	z-index:31;
	display:none;
 }
 .list-projects .item:hover .over {
 	display:block;
 } 
 .list-projects h3 {
    display:none;
 }
/* project */
div.project {
    margin-top:30px;
    position: relative;
}
div.project h1 {
    display:block;
}
.project .gallery {
    border:0px;
    width:480px;
    min-height:338px;
    float:left;
}
  .project .slide {
    position:absolute;
    bottom:30px;
  }
.project .col2 {
    width:430px;
    float:left;
    
}
    .project .col2 .cnt {
        position:absolute;
        bottom:30px;
    }
.project h1 {
    font-size:13px;
}
.project .prev, .project .next {
    display:block;
    position:absolute;
    left:480px;
    top:120px;
    width:45px;
    height:45px;
    background:url(../img/struct/arrows.png) no-repeat;
}
 .project .next  {
     left:585px;
     background:url(../img/struct/arrows.png) no-repeat right top;
 }
/* paging */
.paging {
	padding:10px 0px;
	clear:both;
}
	.paging a {
		color:#333;
		padding:0 3px;
	}
	.paging a.on, .paging a:hover {
		background:#2290e4;
		color:white;
	}

/* mail form */

.mailform {
	clear:both;
	width:600px;
	padding-top:20px;	
}
.mailform fieldset {
		border:0px;
		
	}
	.mailform legend {
		padding:0px;
		margin:0px;
		padding-bottom:10px;
	}
	.mailform .error {
		color:#dd7777;
	}
	.mailform .Ierror {
		border:1px solid red !important;
		color:black;
	}
	.mailform .el {
		float:left;
		padding:10px 30px 0px 0px;
		
	}
	.mailform .el-day {
		padding-right:0px;
		clear:both;
		width:500px;
	}
	.mailform .el-textarea textarea {
		width:375px;
		height:60px;	
	}
	.mailform .el-select {
	}
	.mailform .el-select select {
		width:115px;
	}
	.mailform .el-submit {
	 clear:both;
  }
	.mailform .el-submit label {
		display:none;	
	}
	.mailform .submit {
		padding:5px 20px;
		background:#2290e4;
		color:#fff;
		cursor:pointer;
		font-size:20px;
		margin-left:120px;
		border:1px solid white;
		border-radius:6px;
		
	}
	.mailform label {
		float:left;	
		display:block;
		width:120px;
	}
	.mailform .formInputs {
		float:left;
		width:110px;
		padding:2px;
		border:1px solid #aaa;
		background:#ddd;
		
	}
	.mailform .formInputsBox {
		float:left;
	}
	.mailform .spacer {
		float:left;
		height:28px;
		width:270px;
	}
	.mailform .caption, .mailform .title {
		clear:both;	
		margin-left:120px;
		width:370px;
	}
	.mailform .title {
		font-weight:bold;
	}
	
	
/* myscroll */
.mainImg {
	padding-bottom:20px;
}
	.mainImg .main {
		padding-bottom:10px;
	}
	.myscroll {
		background:#e1e1e1;
		width:100%;
		height: 180px;
		position: relative;
		padding:8px 0;
	}
	
	.myscroll div.scrollableArea a.item
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		padding: 0 5px;
	}
	.myscroll .scrollingHotSpotLeft, .myscroll .scrollingHotSpotRight {
		width:50px !important;
		display:block !important;
		min-width:3px;
		height:180px;
	}

html.projects .middle-top, html.project .middle-top, html.home .middle-top  {
    margin:0;
    background:none;
}