body {
background: #5397c7;
margin:0px auto;
padding:0px;
color: #727272; 
font-family: Trebuchet MS;
letter-spacing:0.01em;
}



/*
-----------------------------------------------------------
THEME LAYOUTS
-----------------------------------------------------------
*/

/* layouts 
-------------------------------------------------------------- */
	#con1{
	background:url(../images/background2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

	#con2{
	background:url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}


/* top 1*/
	#con3{
	background:url(../images/1_02_1.jpg);
	width:978px;
	height:62px;
	}

	#con4{
	background:#fff;
	width:978px;
	}

/* header*/
	#header{
	margin:0 13px 0 13px;
	background:url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width:952px;
	height:119px;
	text-align:left;
	}

/* logo */
	#logo{
	height:119px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

/* header right */
	#header_right {
	float:right;
	/*width:680px;*/
	height:100px;
	/*border:0px solid;*/
margin:20px 0px 0px 0px;
	}


/* call free */
	#call_free {
	text-align:right;
	font-weight:bold;
	color:#a0c4dd;
	font-size:13px;
	margin-top:40px;
	margin-right:13px;
	}

/* sup page layouts
-------------------------------------------------------------- */
	#pages{ 
	margin:0 13px 0 13px;
	width:952px;
	}

	/* left side*/
	#page_left{ 
	width:650px;
	float:left;
	border:0px solid;
	padding:30px 10px 10px 10px ;
	}

	/* right side*/

	#page_right{ 
	float:right; 
	padding-top:50px;
	}

/*
-----------------------------------------------------------
THEME LAYOUTS END
-----------------------------------------------------------
*/





/*
-----------------------------------------------------------
NAVIGATION MENU
-----------------------------------------------------------
*/
	#navigation {text-align:center;border:0px solid;
	width:952px;
	height:42px;
	background:url(../images/bar.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	}

	#main_nav { list-style: none; padding: 0px;font-weight:bold; border:0px solid black;}
	#main_nav li { float: left;}
	#main_nav .li { clear: both;}
	#main_nav li a {display: block; width:123px;  margin-left:11px; color: #fff; text-decoration: none;  text-align: center; font-size: 12px; line-height: 41px;height:42px; margin-top:0px;}


/* menu links*/
	#main_nav li a.active {
	color: #fff; 
	background:url(../images/button_nav.png);
	background-repeat: no-repeat;
	background-position: center top;
	}


	#main_nav li a:hover { 
	background:url(../images/button_nav.png);
	background-repeat: no-repeat;
	background-position: center top;
	 width:123px;  margin-left:11px;
	color: #fff; 
	}



/* contents main layout*/
	#contents{
	background:url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:978px;
	text-align:left;
	}


	/* contents */
	.space{
	width:978px;
	height:17px;
	}


/*
-----------------------------------------------------------
NAVIGATION MENU END 
-----------------------------------------------------------
*/





/*
-----------------------------------------------------------
SLIDER
-----------------------------------------------------------
*/

/* slider layouts */

		/* slider_con */
		#slider_con{
		background:url(../images/slider_background.jpg);
		width:978px;
		height:178px;
		text-align:left;
		}
		#slider_con2{
                background:url(../images/slider_background.jpg);
		width:952px;
		height:178px;
		margin:0 13px 0 13px;
		float:left;
		padding:0 13px 0 13px;
		}

		.slider_contents{
		width:978px;
		height:178px;
		}



/* slider contents */

		/* slider title*/
		.slider_title{
		display:block;
		font-weight:bold;
		color:#fff;
		font-size:28px;
		margin-top:0px;
		margin-right:3px;
		}

		/* alternative slider title*/
		.slider_title_alternate{
		display:block;
		font-weight:bold;
		color:#086fb3;
		font-size:29px;
		margin-top:0px;
		margin-right:3px;
		}

		/* slider title 2 */
		.slider_title2{
		display:block;
		font-weight:bold;
		color:#fff;
		font-size:18px;
		margin-top:4px;
		margin-right:3px;
		}

		/* alternative slider title*/
		.slider_title2_alternate{
		display:block;
		color:#fff;
		font-size:26px;
		margin-right:3px;
		font-weight:bold;
		}


		/* slider text*/
		.slider_text{
		display:block;
		color:#003863;
		font-size:18px;
		margin-top:4px;
		margin-right:3px;
		line-height:16px;
		}

		/* slider text layout*/
		.slider_texts{
		width:680px;
		border:0px solid;
		float:left;
		margin:30px 30px 0 20px;
		}

		/* slider buton layout*/
		.slider_buttons{
		left:750px;
		top:70px;
		position:absolute;
		}

		/* slider links*/
		a.slider{
		color:#1B93BA;
		text-decoration:underline;
		}

		a.slider:hover{
		color:#fff;
		padding:0px;
		text-decoration:none;
		}
/*
-----------------------------------------------------------
SLIDER END 
-----------------------------------------------------------
*/












/*
-----------------------------------------------------------
MAIN PAGE BOXEX
-----------------------------------------------------------
*/

/* boxex layout*/
	#boxex { 
	clear:both;
	display:block;
	background:url(../images/boxex.png);
	background-repeat: repeat-x;
	overflow:auto;
	width:978px;
	position:relative;
	}

/* boxex links*/ 
	#boxex .link_con{ 
	color:#5b8cad;
	text-decoration:none;
	border-bottom:1px solid #78CCD8;
	}

	#boxex .link_con:hover{
	color:#5b8cad;
	padding:0px;
	list-style:none;
	border-bottom:1px solid #FFCC00;
	}

/* box buttons*/
	.link a.link{ 
	text-align:center;
	width:88px;
	height:23px;
	clear:both;
	display:block;
	color:#fff;
	margin-top:12px;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	background:url(../images/button2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

 a.link:hover{ 
	text-align:center;
	width:88px;
	height:23px;
	clear:both;
	display:block;
	color:#fff;
	margin-top:12px;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	background:url(../images/button2_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

/* first box */
	#boxex1{ 
	width:275px;
	overflow:auto;
	margin-top:28px;
	margin-left:18px;
	padding:10px;
	border:1px transparent;
	float:left;
	}

/* first box image*/
	#boxex1 img{ 
	padding:6px;
	margin-right:9px;
	margin-bottom:9px;
	float:left;
	border:1px solid #c9e2f5;
	}

/* first box title*/
	#boxex1 .title1{ 
	color:#79accd;
	overflow:auto;
	margin-top:12px;
	font-size:18px;
	}


/* first box text*/
	#boxex1 .text{ 
	clear:both;
	display:block;
	color:#4d82a4;
	overflow:auto;
	margin-top:12px;
	font-size:12px;
	line-height:19px;
	}


/* second box */
	#boxex2{ 
	width:298px;
	padding:10px;
	overflow:auto;
	margin-top:28px;
	margin-left:16px;
	border:1px transparent;float:left;
	}

/* second box title 1*/
	#boxex2 .title1{ 
	color:#79accd;
	overflow:auto;
	margin-top:12px;
	font-size:18px;
	}



/* second box text*/
	#boxex2 .text{ 
	clear:both;
	display:block;
	color:#4d82a4;
	overflow:auto;
	margin-top:12px;
	font-size:12px;
	line-height:19px;
	}


/* lastest news box*/
	#boxex3{ 
	width:270px;
	padding:10px;
	overflow:auto;
	margin-top:28px;
	margin-left:16px;
	border:1px transparent;
	float:left;
	}

/* lastest news box title 1*/
	#boxex3 .title1{ 
	color:#79accd;
	overflow:auto;
	margin-top:12px;
	font-size:18px;
	}



/* lastest news box date*/
	#boxex3 .date{ 
	color:#9fbed2;
	margin-top:12px;
	font-size:11px;
	letter-spacing:2px;
	clear:both;
	display:block;
	}

/* lastest news box text*/
	#boxex3 .text{ 
	clear:both;
	display:block;
	color:#4d82a4;
	margin-top:4px;
	font-size:12px;
	line-height:15px;
	}






/*
-----------------------------------------------------------
SERVICES PAGE 
-----------------------------------------------------------
*/

	/* services list styles
	-------------------------------------------------------------- */
	#sevices_nav {
	display:block; border:0px solid;
	clear:both;
	color:#4d82a4;
	overflow:auto;
	margin-top:12px;
	font-size:12px;
	line-height:19px;
	}

	#sevices_nav { list-style: none; padding: 0px;font-weight:bold; border:0px solid black;}
	#sevices_nav li { display:block;}
	#sevices_nav .li { clear: both;}


	/* list links */
	#sevices_nav li a {
		display: block; 
		width:295px; 
		margin-left:3px; color: #4d82a4; 
		text-decoration: none;  text-align: left; 
		font-size: 11px; 
		padding-bottom:10px;
		margin-top:0px;
		background:url(../images/slice.jpg);
		background-repeat: repeat-x;
		background-position: center bottom;
	}
	#sevices_nav li a:hover { 
		background-position: 0;  color: #8BB0D6; 
		background:url(../images/slice2.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
	}


	/* h2 titles */
	.services h2{
		font-style:normal;
		font-size: 19px;
		margin: 0px 0px 10px 0px;
		padding: 20px 4px 0px 0px;
		color:#3D6783;
	}


	/* texts */
	.services p{
		font-style:normal;
		font-size: 13px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		color:#5F5F5F;
		line-height: 19px;
	}

	
	/* image styles */
	.services img{
		float:left;
		margin: 0px 10px 10px 0px;
		padding: 12px;
		color:#9F9F9F;
		font-weight:bold;
		border:1px solid #D0DFEA;
	}



/*
-----------------------------------------------------------
SERVICES PAGE END 
-----------------------------------------------------------
*/



/*
-----------------------------------------------------------
PRODUCTS PAGE 
-----------------------------------------------------------
*/

	/* referance boxes*/
	.referances{
		float:left;
		margin: 0px 10px 10px 0px;
		padding: 12px;
		color:#9F9F9F;
		border:1px solid #DCE7EF;
		width:289px;
                height:350px;
	}
.referances2{
float:left;
		margin: 0px 10px 10px 0px;
		padding: 12px;
		color:#9F9F9F;
		border:1px solid #DCE7EF;
		width:289px;
                height:250px;}

	/* box h2 titles */
	.referances h2{
		font-style:normal;
		font-size: 17px;
		margin: 0px 0px 10px 0px;
		padding: 20px 4px 0px 0px;
		color:#3D6783;
	}
.referances2 h2{
		font-style:normal;
		font-size: 17px;
		margin: 0px 0px 10px 0px;
		padding: 20px 4px 0px 0px;
		color:#3D6783;}


	/*buttons*/
	.link2 a.link2{ 
		text-align:center;
		width:88px;
		height:23px;
		float:left;
		color:#fff;
		margin-top:12px;
		margin-right:8px;
		font-size:12px;
		line-height:20px;
		text-decoration:none;
		background:url(../images/button2.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}

	 a.link2:hover{ 
		text-align:center;
		width:88px;
		height:23px;
		float:left;
		color:#fff;
		margin-top:12px;
		font-size:12px;
		line-height:20px;
		text-decoration:none;
		background:url(../images/button2_on.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}


	/* texts */
	.referances p{
		font-style:normal;
		font-size: 13px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		color:#5F5F5F;
		line-height: 19px;
	}

	.referances2 p{
		font-style:normal;
		font-size: 13px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		color:#5F5F5F;
		line-height: 19px;
	}
	/* image styles */
	.referances img{
		float:left;
		margin: 0px 10px 10px 0px;
		padding: 10px;
		color:#9F9F9F;
		font-weight:bold;
		border:1px solid #DCE7EF;
	}
.referances2 img{
		float:left;
		margin: 0px 10px 10px 0px;
		padding: 10px;
		color:#9F9F9F;
		font-weight:bold;
		border:1px solid #DCE7EF;
	}

	
/*
-----------------------------------------------------------
PRODUCTS PAGE END 
-----------------------------------------------------------
*/







/*
-----------------------------------------------------------
PORTFILIO PAGE  
-----------------------------------------------------------


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/

widht: 500px;
height: 400px;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 500px;
left: 700px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



-----------------------------------------------------------
SUB PAGE STYLES
-----------------------------------------------------------
*/



	/*left page texts*/
	#page_left p{
		font-style:normal;
		font-size: 13px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		color:#5F5F5F;
		line-height: 19px;
	}

	/*left page links*/
	a{
		color:#5b8cad;
		text-decoration:underline;
		border-bottom:0px solid #78CCD8;
	}

	a:hover{
		color:#78CCD8;
		padding:0px;
		text-decoration:none;
		border-bottom:0px solid #78CCD8;
	}


	/* spot area */
	.spot_area{
		font-style:normal;
		margin: 20px 20px 20px 0px;
		display:block;
		clear:both;
	}


	/* spot text */
	.spot_text{
		font-style:normal;
		font-size: 29px;
		margin: 0px 0px 0px 0px;
		color:#B4D1E0;
		line-height: 16px;
	}




	/* about us page text */
		.about_us p {
			font-style:normal;
			font-size: 13px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
			color:#5F5F5F;
			line-height: 19px;
		}



	/* content list type */
		.list_arrow{
			font-size: 13px;
		}

		 .list_arrow ul {
			color: #74aecc;
			text-decoration: none;
			list-style-type: none;
		}

		.list_arrow li {
			padding: 0px 0px 4px 10px;
			background:url(../images/ok.gif);
			background-repeat: no-repeat;
			background-position: 0px;
		}



/*
-----------------------------------------------------------
SIDE BAR BOXEX
-----------------------------------------------------------
*/

		/* title*/
		div#page_right h2 {
			padding: 0px 0px 0px 13px;
			font-size: 19px;
			margin-bottom: 8px;
		}


		/* list type for all boxex*/
		#page_right ul {
			font-size:12px;
			margin: 10px 10px 25px 10px;
			padding: 0px;
			list-style-type: none;
			border-top: 0px solid #ebebeb;
			color: #585858;
		}

		#page_right ul li {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			border-bottom: 1px solid #ebebeb;
			height: 30px;
			line-height: 30px;
			clear:both;
		}


		/* box style top*/
		div.sidebar{ 
			background:url(../images/sidebar_01.png);
			background-repeat: no-repeat;
			margin-bottom: 0px;
			background-position: center top;
			padding: 15px 15px 8px 15px;
			width:220px;	
			border:0px solid;

		}

		/* box style bottom*/
		div.sidebar_2{ 
			background:url(../images/sidebar_02.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			width:220px;
			padding: 0px 0px 25px 0px;
		}




		/* 
			
			box texts and links

		*/

		div#page_right .sidebar p {
			padding: 0px 10px 0px 13px;
			font-size: 12px;
			line-height: 18px;
			color:#B9B9B9;
		}

		/* 
			 box links with icon
		*/
		div#page_right .sidebar a {
			font-size: 15px;
			color:#B9B9B9;
			text-decoration:none;
			background:url(../images/sidebar_icon.png);
			background-repeat: no-repeat;
			background-position: left;
			padding: 0px 10px 0px 23px;
		}

		div#page_right .sidebar a:hover {
			color:#c1d4e1;
			background:url(../images/sidebar_icon_over.png);
			background-repeat: no-repeat;
			background-position: left;
			padding: 0px 10px 0px 23px;
		}
 
		/* 
			box line links without icon
		*/
		div#page_right .sidebar a.line{
			padding: 0px 0px 0px 0px;
			background:transparent;
			color:#c1d4e1;
			font-size:12px;
		}

		div#page_right .sidebar a.line:hover{
			padding: 0px 0px 0px 0px;
			background:transparent;
			color:#729DBA;
			font-size:12px;
		}


		/* 
			contact box line spacing
		*/

		.line{ 
		font-size: 11px;
		color:#3D6783;
		width:30px;
		float:left;
		}

		.line2{ 
		font-size: 11px;
		color:#3D6783;
		padding:0px 5px 0px 5px;
		float:left;
		}


		






h1{

                size: 28px;
		color: #0A526D;
		font-weight: normal;
		padding-top: 40px;
	}

	h2 {
		font-size: 24px;
		color: #0E759C;
		font-weight: normal;
		margin-bottom: 10px;
	}

	h3  {
		font-size: 19px;
		font-weight: bold;
		margin: 20px 0px 10px 0px;
	}

	h4 {
		font-size: 16px;
		font-weight: bold;
		margin: 20px 0px 10px 0px;
	}



/* Lists */
	.list_general ul {
		list-style-position: outside; 
		margin: 10px;
		padding: 20px;
		font-size:12px;
	}

	.list_general ul li {
	  list-style-image:url(../images/ok.gif);
		line-height: 20px;

	}


	.list_general ol {
		list-style-position: outside; 
		margin: 10px;
		padding: 20px;
		font-size:12px;
	}

	.list_general ol li {
		line-height: 20px;
	}




/* image alignments */

	.leftimage{
		float:left;
		font-size: 12px;
		margin: 0px 10px 10px 0px;
		padding: 12px;
		color:#9F9F9F;
		font-weight:bold;
		border:1px solid #D0DFEA;
	}

	.rightimage{
		float:right;
		font-size: 12px;
		margin: 0px 10px 10px 0px;
		padding: 12px;
		color:#9F9F9F;
		font-weight:bold;
		border:1px solid #D0DFEA;
	}


	.centerimage{
		text-align:center;
		display:block;
		font-size: 12px;
		margin: 0px 10px 10px 0px;
		padding: 12px;
		color:#9F9F9F;
		font-weight:bold;
		border:1px solid #D0DFEA;
	}

	.float_right{
		float:right;
	}

	.float_left{
		float:left;
	}



/* TABLES */

	table{
		width: 98%;
		border:1px solid #D0DFEA;
		margin: 10px;	
	}

	table caption strong{
		text-align:left;
		font-size: 19px;
		color: #0E759C;
		font-weight: normal;
		line-height:40px;
	}

	table caption{
		text-align:left;
		font-size: 12px;
		color: #0E759C;
		font-weight: normal;
		padding-bottom: 10px;
		padding-top: 20px;
	}

	table th {
		padding: 15px;
		background: #c1d4e1;
		border: 1px solid #ffffff;
		color: #ffffff;
		font-size: 12px;

	}

	table td {
		font-size: 12px;
		padding: 10px;
		text-align: left;
		border-left:1px solid #D0DFEA;
		border-bottom:1px solid #D0DFEA;
		background: #fcfcfc;
	}




/* clear */

.clear{
clear:both;
display:block;
width:980px;
height:1px;
}




/* footer*/
	#footer{
	background:url(../images/1_16.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:978px;
	height:47px;
	padding-top:46px;
	padding-bottom:6px;
	}

	/* footer text style*/
	#footer_cont{
	width:952px;
	color:#D2ECF0;
	font-size:11px;
	padding-bottom:6px;
	}

	/* footer links*/
	#footer_cont a{ 
	color:#D2ECF0;
	text-decoration:none;
	}

	#footer_cont a:hover{
	color:#A3BCCD;
	}

	.float_right{
		float:right;
	}

	.float_left{
		float:left;
	}



/*




/* for slider do not change*/
#jFlowSlide{ }
#myController span.jFlowSelected { }
#myController{}
#myController span{}
.jFlowPrev, .jFlowNext{cursor:pointer; color:#fff;}