﻿body {
background: #fff;
margin:0px auto;
padding:0px;
color: #727272; 
font-family: Tahoma;
letter-spacing:0.01em;

}





/* layouts 
-------------------------------------------------------------- */

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

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

#con3{
text-align:left;
}


/*LOGO*/
#con4{
text-align:left;
float:left;
}


#con5{
float:left;
width:633px;
height:158px;
border:0px solid black;
}

/* nav */
#con6{
float:left;
width:633px;
height:37px;
border:0px solid black;
}


/* site footer
-------------------------------------------------------------- */

#bottom{
background:url(../images/bottom_background.jpg);
background-repeat: repeat-x;
height:110px;
display:block;
}

#bottom_cont{
padding-top:40px;
padding-left:8px;
width:965px;
display:block;
color:#8ba6b8;
font-size:11px;
}

#bottom a{
color:#8ba6b8;
}

#bottom a:hover{
color:#B5E0E6;
}

#bottom_nav_cont{
text-align:center;
font-size:12px;
color:#ffffff;
}

#bottom_nav {margin-top:40px; list-style: none; margin-right: 0; padding: 0; text-align:center; font-weight:bold; }
#bottom_nav li { float: left;}





/* site navigation
-------------------------------------------------------------- */

#main_nav { list-style: none; margin-left:62px; padding: 0px; width:557px;  font-weight:bold; border:0px solid black;}
#main_nav li { float: left;}
#main_nav .li { clear: both;}

#main_nav li a {display: block; width:109px; height: 37px; color: #fff; text-decoration: none;  text-align: center; font-size: 13px; letter-spacing: 0px;}
#main_nav li a:hover { background-position: 0;  color: #fff; 
background:url(../images/shine.png);
background-repeat: no-repeat;
background-position: center top;
}





/* site top
-------------------------------------------------------------- */

.call_free{
text-align:right;
font-weight:bold;
color:#fff;
font-size:18px;
margin-top:70px;
margin-right:3px;

}




/* Easy Slider 
-------------------------------------------------------------- */
#easy_slider_cont{
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
clear:both;
display:block;
width:960px;
height:210px;
border:0px solid;
}

#slider ul, #slider li{
margin:0px;
padding:0px;
list-style:none;
}


#slider, #slider li{ 
/* 
	define width and height of container element and list item (slide)
	list items must be the same size as the slider area
*/ 
width:960px;
height:210px;
overflow:hidden; 
}
span#prevBtn{
}
span#nextBtn{
}					


/* Slider Contents
-------------------------------------------------------------- */

#slider a{
color:#5b8cad;
text-decoration:none;
border-bottom:1px solid #78CCD8;
}

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


.slider_content{
margin:10px 20px 20px 20px ;
}

.slider_grp_1{
width:580px;
float:left;
}

.slider_title{
font-size:22px;
color:#336789;
margin:20px 0px 10px 0px ;
display:block;
}

.slider_title_alternate{
font-size:22px;
color:#FF6633;
margin:20px 0px 10px 0px ;
display:block;
}

.slider_text{
font-size:13px;
color:#5b8cad;
line-height:23px;
height:180px;
}

.slider_pic{
	float:right;
}





/* boxex
-------------------------------------------------------------- */

#boxex { 
clear:both;
display:block;
background:url(../images/boxex.jpg);
background-repeat: repeat-x;
overflow:auto;
width:980px;
position:relative;
margin:23px 0px 0px 0px ;
height:303px;
border:1px transparent;
}

/* 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;
}


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

/* first box image*/
#boxex1 img{ 
padding:0  8px 1px 0;
float:left;
}

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

/* first box title 2*/
#boxex1 .title2{ 
color:#265879;
overflow:auto;
margin-top:12px;
font-size:18px;
letter-spacing:2px;
}

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

/* first box link*/
#boxex1 .link a.link{ 
text-align:right;
padding-right:30px;
clear:both;
display:block;
color:#b88303;
margin-top:12px;
font-size:12px;
line-height:15px;
text-decoration:none;
}

#boxex1 a.link:hover{ 
color:#78CCD8;
}

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

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

/* second box title 2*/
#boxex2 .title2{ 
color:#265879;
overflow:auto;
margin-top:12px;
font-size:18px;
letter-spacing:2px;
}

/* second box image position*/
#boxex2 img{ 
padding:0  8px 1px 0;
float:left;
}

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

/* second box link*/
#boxex2 .link a.link{ 
text-align:right;
padding-right:30px;
clear:both;
display:block;
color:#b88303;
margin-top:12px;
font-size:12px;
line-height:15px;
text-decoration:none;
}

#boxex2 a.link:hover{ 
color:#78CCD8;
}

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

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

/* lastest news box title 2*/
#boxex3 .title2{ 
color:#265879;
margin-top:12px;
font-size:18px;
letter-spacing:2px;
}

/* 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;
}

/* lastest news link*/
#boxex3 .link a.link{ 
text-align:right;
clear:both;
display:block;
color:#b88303;
margin-top:12px;
font-size:12px;
line-height:15px;
text-decoration:none;
}

#boxex3 a.link:hover{ 
color:#78CCD8;
}






/* sup page layouts
-------------------------------------------------------------- */
#pages{ 
border:0px solid;
width:974px;
margin:30px 3px 0px 3px;
}

#page_left{ 
width:707px;
float:left;
margin:0px 3px 0px 8px;
}

#page_right{ 
float:right; 
}


/* left page  links*/

#page_left a{
	color:#5b8cad;
	text-decoration:underline;
	border-bottom:0px solid #78CCD8;
}

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




/* right 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 0px 15px 5px;
			padding: 0px;
			list-style-type: none;
			border-top: 0px solid #ebebeb;
			color: #585858;
			width:210px;
		}

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


		/* first box*/
		div.cont2{ 
			background:url(../images/left_back.jpg);
			background-repeat: no-repeat;
			margin-bottom: 25px;
			background-position: center top;
			padding: 15px;
			height: 235px;
			width:220px;
		}

		/* 
			
			box texts and links

		*/

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

		div#page_right .cont2 a {
			font-size: 15px;
			color:#B9B9B9;
			text-decoration:none;
		}

		div#page_right .cont2 a:hover {
			color:#c1d4e1;
			background:url(../images/icon.jpg);
			background-repeat: no-repeat;
			background-position: left;
			padding: 0px 10px 0px 23px;
		}




		/* other boxex	*/
		div.cont3{ 
			background:url(../images/left_back2.jpg);
			background-repeat: repeat-x;
			background-position: center top;
			padding: 15px;	margin-bottom: 25px;
			width:220px;
			font-size: 12px;

		}



		/* 
			other boxex 
			change font-size for bigger font

		*/

		div#page_right .cont3 p {
			padding: 0px 10px 0px 13px;
			line-height: 18px;
			color:#B9B9B9;

		}

		div#page_right .cont3 a {
			font-size:12px;
			color:#B9B9B9;
			text-decoration:none;
		}

		div#page_right .cont3 a:hover {
			color:#c1d4e1;
		}



		/* 
			contact box line spacing
		*/

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

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


		/* 
			testimonial page quotation marks spacing
		*/

		.l_1{
			float:left;
		}

		.r_1{
			float:right;
			margin-top:-31px;
			clear:both;
		}


		/* 
			testimonial page author line
		*/

		.test_ath{
			font-style:oblique;
			font-size: 12px;
			margin: 0px 10px 10px 10px;
			padding: 0px 10px 0px 0px;
			color:#9F9F9F;
			font-weight:bold;
		}






/* Services
-------------------------------------------------------------- */

	/* spot area */
	.services .services_spot{
		font-style:normal;
		margin: 20px 20px 20px 0px;
		padding: 20px 20px 20px 0px;
		color:#3D6783;
		border-top:3px dotted #CFE1EB;
		border-bottom:3px dotted #CFE1EB;
		display:block;
		clear:both;
	}


	/* spot text */
	.services .services_spot p{
		font-style:normal;
		font-size: 19px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		color:#67A2C0;
		line-height: 26px;
	}


	/* 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 0px 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;
	}


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





/* PORTFOLIO
-------------------------------------------------------------- */
	/* Portfolio page spot area*/
	.portfolio_spot{
		font-style:normal;
		margin: 20px 20px 20px 0px;
		padding: 20px 20px 20px 0px;
		color:#3D6783;
		border-top:3px dotted #CFE1EB;
		border-bottom:3px dotted #CFE1EB;
		display:block;
		clear:both;
	}

	/* Portfolio page spot text*/
	.portfolio_spot p{
		font-style:normal;
		font-size: 19px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		color:#67A2C0;
		line-height: 26px;
	}



	#gallery {
	}

	#gallery ul { list-style: none; }
	#gallery ul li { 
	float: left;
	}

/* Portfolio page image description*/
	#gallery h4 {
	background:#e0ecf2;
	font-size:11px;
	margin:10px 0px 0px 0px ;
	padding:10px 20px 10px 20px;
	color:#86B6CC;
	border: 1px solid #e0ecf2;	
	font-weight:normal;
	}


	#gallery li { 
	width:200px;
	background:#F4F9FB;
	border: 1px solid #e0ecf2;	
	margin-right: 22px;
	margin-bottom: 22px;	
	text-decoration:none;
	}

/* Portfolio images*/
	#gallery ul img {
		margin: 19px 0 0 19px;
		border: 1px solid #e0ecf2;
	}

	#gallery a  {
		border:1px;
		text-decoration:none;
	}
	
	#gallery ul a:hover img {
		border: 1px solid #A7C9DA;
		color: #fff;
		background-color:black;
		text-decoration:none;
	}
	



/* banner */
	.banner{
		text-align:center;
		padding:30px 0 30px 0;
		font-size:21px;

		border-top: 0px solid #ebebeb;
		color: #4A7B9F;
		width:688px;
		background:url(../images/banner.png);
		background-repeat: no-repeat;
		background-position: center top;
	}


/* 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;*/
		padding: 0px 0px 4px 15px;
		/*background:url(../images/ok.gif);*/
		background:url(../images/visited.png);
		background-repeat: no-repeat;
		background-position: left top;
		line-height: 19px;
	}




/* contact page form 
-------------------------------------------------------------- */

	/* form title*/
	.form_title{
		color:#85B6E7;
		font-size:15px;
		font-weight:bold;
		display:block;
		margin-top:10px;
		padding:0px 0px 0px 0px;
		letter-spacing:0px;
	}

	/* form elements*/
	.form_element{
		margin:0px;
		display:block;
		margin-top:3px;
		padding:0px 0px 0px 0px;
		letter-spacing:0px;
	}

	/* text area*/
	input, textarea{
		background-color:#F2F8FD;
		border: 1px solid #85B6E7;
		color:#85B6E7;
		font-size:15px;
		font-weight:bold;
		padding:0px 0px 0px 0px;
		letter-spacing:0px;
	}
















/* H TAGS */

h1 {
	font-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: 100%;
	border:0px 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:0px solid #D0DFEA;
	border-bottom:0px solid #D0DFEA;
	background: #fcfcfc;
}





/* clear */

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



