/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/



img
{
border: 0px;
}

body{
	margin:0 auto;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif;	
	height:auto;
	background: url(images/background.jpg) repeat fixed;
}
.clear{
		margin: 0 auto;
		padding:0 px;
		line-height:0px;

	}

#bg_bot { height:auto;}
	
#main {
	width: 1014px;
	margin: 0px auto;
	height:auto;
}

#header { 
	width:1014px;
	height: 93px;
}

#logo {	
		height: 93px;
		width: 381px;
		padding: 10px 0px 0px 0px;
}

#logo H2 {

		font-family: Arial, Helvetica, sans-serif;
		color:#07249F;
		font-size:18px;
		font-style:italic;
		}

#logo a {
	text-decoration: none;
	font-style: italic;
	font-size: 16px;
	color: #07249F;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
}

#buttons{
	text-align:center;
	height: 39px;
	margin-top: 60px;
	padding-left: 20px;
	background:url(images/button-bg.png) left top no-repeat;
	width: 580px;
	float:right;
}

#buttons a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	float: left;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 12px;
	height: 28px;
	
}

.but {
	width: 90px;
}

#buttons .but:hover {
	background: url(images/but_hover.png) center bottom no-repeat;
	}
	
.but_t {background: url(images/but_hover.png) center bottom no-repeat;}
	
/*#topbar, #header,*/ #featured_slide/*, #container, #footer, #backtotop, #copyright*/{
	width:960px;
	height:430px;
	float:left;
	margin-top:50px;
	}
	
.top-note{
	width:1000px;
	height:135px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#003e52;
	margin-top:60px;
	line-height:normal;
	text-align:center;
	}



#content{
	width: 974px;
	padding: 20px 20px 0px 20px;
}

.cont_top{
	height: 10px;
	width: 100%;
}

.cont_bot{
	height: 20px;
	width: 100%;
}

#cont_r{
	width: 100%;
}



.razd_h { height: 30px;
			background: url(images/razd_h.gif) 15px repeat-x;}

.home_box1{
	float: left;
	width: 480px; }
	
.home_box2 {
	float: left;
	width: 430px; 
	margin-left:30px;}

#left{
	width: 950px;
	float: left;
	height:auto;
	margin-top:30px;
}

.text{
	padding: 0px 0px 15px 0px;
}

.img_l {	float:left;
		margin: 3px 20px 3px 0px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}

.span_cont {	
color: #003e52;
	font-size:12px;
}

 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #4ACBE2;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

h3 {font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #4ACBE2;
	text-align: left;}

.read {
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 2px;
	background: url(images/read.jpg) left top no-repeat;
	display:block;
	height: 20px;
	line-height: 17px;
	width: 66px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: right;
	margin-top: 4px;
	
}

.read:hover {
	font-size:12px;
	text-decoration: underline;
}



#right{
	float: right;
	width: 293px;
	margin-right: 0px;
}

.span_dat {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	padding-bottom: 5px;}
	
#bottom {
	background: url(images/bottom.gif) 43px 30px no-repeat;
	color: #FFFFFF;
}

#bottom_bot {
	background: url(images/bottom.gif) 43px bottom no-repeat;
	color: #FFFFFF;
}

#bottom h1 { 
	color: #007320;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 5px 0px;
			}

#b_col1 {
	width: 480px;
	height:120px;
	float: left;
	text-align:left;
}
.mission{
	width:133px;
	height:110px;
	float:left;
	margin-top:5px;
	}
.mission-text{
	width:323px;
	height:110px;
	float:right;
	margin-top:5px;
	color:#003e52;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#b_col3 {
	width: 470px;
	height:120px;
	float: right;
	text-align: left;
}
.vision{
	width:136px;
	height:110px;
	float:left;
	margin-top:5px;
	}
.vision-text{
	width:320px;
	height:110px;
	float:right;
	margin-top:5px;
	color:#003e52;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.content1{
	width:980px;
	height:auto;
	float:left;
	margin-left:10px;
	}



.box_us {
width: 244px;
background: url(images/box_us.gif) 0px bottom repeat-x;
}

.box_us_l {
width: 27px;
float: left;
padding-top:3px;}

.box_us_r {
width: 217px;
float: left;}


.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 34px;}

.spis_bot li {
	padding: 5px 0px 0px 18px;
	background: url(images/fish2.gif) 0px 12px no-repeat;
	}
	
.spis_bot a {
	color:#ffffff;
	text-decoration:none;
	font-weight: 100;
	background: url(images/spis_bot_a.gif) bottom repeat-x;
	display: block;
	font-weight:bold;}
.spis_bot a:hover {
	text-decoration: underline;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

#b_col3 ul {
	list-style:none;
	padding: 0px 0px 0px 52px;}

#b_col3 li {
	padding: 8px 0px 2px 0px;
	background: none;
	}
	
#b_col3 li a {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;}
	
#b_col3 li a:hover {
	text-decoration: underline;
}

.stat-header-about{
	width:978px;
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:50px;
	}

	
	
.pics{
	width:900px;
	height:230px;
	float:left;
	}
.pic1{
	width:250px;
	height:230px;
	float:left;
	margin-left:50px;
	}
.pic2{
	width:250px;
	height:230px;
	float:left;
	margin-left:50px;
	}
.pic3{
	width:250px;
	height:230px;
	float:left;
	margin-left:50px;
	}
	
.pic4{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
	margin-top:10px;
	}
.pic5{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic6{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}

.pic7{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic8{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic9{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}

.pic10{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic11{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic12{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}

.pic13{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic14{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic15{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}

.pic16{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic17{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}
.pic18{
	width:250px;
	height:167px;
	float:left;
	margin-left:50px;
		margin-top:10px;
	}




#footer{
	width:460px;
	height: auto;
	float:left;
	font-size: 10px;
	color: #003e52;
	text-align: left;
	margin-top:30px;
}

#footer a{
	color: #003e52;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover{
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
}

.lh {
	line-height: 22px;
}

/* blog */

.dat_img {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	float:left;
	width: 50px;
	height: 46px;
	padding: 4px 0px 0px 0px;
	margin-right: 15px;
	background:url(images/dat_img.gif) 0px 0px no-repeat;
	text-align:center;
	}

.datc_coment {
	height: 27px;
	width: 570px;
	background:url(images/datc_coment.gif) top repeat-x;
	padding: 3px 0px 0px 0px;}

.datc  {
	float: left;
	width: 346px;}

.coment {
	float: right;
	width: 146px;
	text-align: right;}

.datc_coment a {
	color: #262626;
	text-decoration:none;
	font-weight: bold;}

.datc_coment a:hover {
	text-decoration:underline;}

.img_ind1 {
	padding: 17px 0px 10px 0px;}

.text_ind1 {
	padding: 0px 87px 0px 0px;}

.spis {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis  li {
	padding: 8px 0px 2px 16px;
	background: url(images/spis.gif) left bottom no-repeat;
	}
.spis a:hover {
	text-decoration: none;
	color:#FF0000;
	}
	
.spis a {
	color:#000000;
	text-decoration:none;
	font-weight: bold;}

.gal_num {
	width:13px;
	height:21px;
	padding: 0px 0px 0px 7px;
	display:block;
	background: url(images/gal_num.gif) left top no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	text-decoration:none;
	float: left;}
	
.gal_num:hover {
	background:url(images/gal_num_hover.gif) left top no-repeat;
	text-decoration: none;}
	
.a_blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #4ACBE2;
	text-align: left;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
}

.a_blog:hover { text-decoration: underline;}

/* gallery */

.row {
	padding: 0px 0px 0px 0px;
	height: 273px;
}

.box_img2 {
	width: 272px;
	height: 273px;
	background: url(images/box_img.jpg) 0px 0px no-repeat;
	padding: 0px 20px 0px 20px;
	float:left;
	color: #FFFFFF;
}

.box_razd {
	width: 19px;
	height: 50px;
	float: left;
}

.box_img h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #74DBFE;
	text-align: left;
	padding: 15px 0px 15px 0px;
}

.rol_over:hover {

background:url(images/rol_over_galery.png) left top no-repeat;
}

h4 {
	font-weight:100;
	font-size: 18px;
	color: #FFFFFF;
	padding: 12px 0px 12px 0px;}




/* about us */

.img_au { float: left; padding: 0px 0px 0px 0px; }

/* contact us */

#left label {
	width: 103px;
	float:left;
	padding: 5px 0px 0px 5px;}

.input_txt2 {	
	width: 611px;
	border: none;
	background: url(images/input_txt2.gif) left top no-repeat;
	padding: 8px 15px 8px 15px;
	color:#ffffff;

}

.text_area2 {
	width: 611px;
	height:88px;
	border: none;
	background: url(images/text_area2.jpg) 0px 0px no-repeat;
	padding: 6px 15px 6px 15px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
.submit2 {
	background: url(images/read.jpg) right 0px no-repeat;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 5px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	width: 66px;
	margin: 0px 54px 0px 0px;
}

/*
Header scroll
*/

.round
{
margin: 0 auto;
width: 900px;
height: 300px;

}

.roundabout-holder {
				list-style: none;
				width: 900px;
				height: 66px;				
				}
			
			.roundabout-moveable-item {
				height: 56px;
				width: 510px;	
				font-size: 2em;
				cursor: pointer;
			
			}
			
			.roundabout-in-focus {
				cursor: auto;
			}