@charset "utf-8";
body{	background-image: url(images/thumb/bg.jpg);
	background-repeat: repeat;}
	
	
		
	
#wrapper {
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	
}
#header {
	float: left;
	height: 96px;
	width: 100%;
	background-color: #FFF;
	position: absolute;
	left: 0px;
	top: 0px;
	border-width:0px 0px 10px 0px;
	-moz-border-image:url("images/shadow.jpg") 00 0 10 0 repeat stretch;
	-webkit-border-image:url("images/shadow.jpg") 0 0 10 0 repeat stretch;
	border-image:url("images/shadow.jpg") 0 0 10 0 repeat stretch;
}
#shadow {
	background-image: url(images/shadow.jpg);
	float: left;
	height: 11px;
	width: 100%;
}











#logo {
	background-image: url(images/logo.png);
	float: right;
	height: 70px;
	width: 81px;
	margin-top: 10px;
	margin-right: 20px;
}
#text {
	font-size: 14px;
	color: #3c3c3c;
	float: left;
	height: 15px;
	width: 637px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	margin-top: 41px;
margin-left: 98px;
}
#contact {
	float: left;
	height: auto;
	width: 300px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 21px;
	margin-top: 17px;
	margin-left: 38px;
}

.blk{color:#000;}
.port {
	float: left;
	height: 170px;
	width: 240px;
	margin-top: 23px;
	margin-left: 23px;
	
}
#footer {
	float: left;
	height: 50px;
	width: 100%;
	margin-top: 23px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #3c3c3c;
	text-align: center;
	line-height: 30px;
	background-color: #FFF;
}
#copy {
	float: left;
	height: 50px;
	width: 100%;
	margin-top:70px;
}




#port {
	float: left;
	height: 220px;
	width: 240px;
	margin-top: 23px;
	margin-left: 23px;
	background-color: #9FF;
	border: thin solid #CCC;
}
#small_logo {
	background-image: url(images/small_logo.png);
	float: left;
	height: 49px;
	width: 49px;
}
#cap_txt {
	font-size: 12px;
	color: #000;
	float: left;
	height: 30px;
	width: 180px;
	line-height:18px;
	font-family: 'Roboto', sans-serif;
	margin-top:7px;
	margin-left: 10px;
}















/*
.view {
   width: 240px;
   height: 170px;
  
   float: left;
  
   overflow: hidden;
   position: relative;
   text-align: center;
  
   cursor: default;
   background: rgba(0, 0, 0, 0.8);
  
	border: 2px solid #ccc;
}
.view .mask,.view .content {
   width: 240px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}























.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 1.7s ease-in-out;
   -moz-transition: all 1.7s ease-in-out;
   -o-transition: all 1.7s ease-in-out;
   -ms-transition: all 1.7s ease-in-out;
   transition: all 1.7s ease-in-out;
   
}
.view-tenth .mask {
   
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
  
   
}
.view-tenth h2 {
   border-bottom: 1px solid #FFF;
   background: transparent;
   margin: 10px 20px 0px 20px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
				
*/#caption {
	float: left;
	height: 49px;
	width: 240px;
	background-color: #eee;
	border-top:thin;
	border-top-color:#CCC;
	border-top-style:solid;
}
.greycol{color:#545454;}#wip {
	background-image: url(images/wip.png);
	float: left;
	height: 50px;
	width: 51px;
	
	
}