@charset "utf-8";
/* CSS Document */

body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#666;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;

}

.home{
	height:420px;
	background-image: url(images/bg-home.jpg);
	background-repeat: repeat-x;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}


/* imgage alignment
----------------------------------------------------------------------------------------------------*/
.alignright {
float: right; 
margin: 0 0 20px 20px;
}
.alignleft {
float: left; 
margin: 10px 20px 10px 0;

}
.aligncenter {
text-align:center;
}
a img {
border:none;
}


a{
	color:#333;
	text-decoration:underline;

}
a:hover{
	color:#666;
	font-style: normal;
	text-decoration: underline;
}

p {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;

}

small {
	font-size:12px;
	margin:0;
}


.imgborder {
	border:1px solid #ddd;
	padding:5px;
	background-color:#fff;

}

.biggerimg-border{
border:1px solid #ddd;
padding:8px;
margin-bottom:20px;
background-color:#f8f8f8;
}


/* Layout
------------------------------------------------------*/	
#home	{background:url(images/bg.jpg) repeat-x;
			height:420px;
			} 
	 
#wrapper	{
			width:960px;
			margin:0 auto;
			} 


#header{
	width:960px;
	height:310px;
	float:left;



} 
#sub-header{
	width:960px;
	margin:0 auto;
	
	
} 
#sub-header h1{

color:#101010;
margin-top:25px;


} 

#main{
	width:960px;
	margin:0 auto;
} 

#footer{
	width:960px;
	margin:0 auto;
}



/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #252525; }

h1 {
	font-size:2.7em;
	line-height: 1;
	margin-bottom: 10px;
	color: #666;
}
h2 { font-size: 2.750em; font-weight:normal;}
h3 {
	font-size: 1.90em;
	line-height: 1;
	margin-bottom: 10px;
	font-weight:normal;
}
h4 { font-size: 2.0em; line-height: 1.25; font-weight:bold; }
h5 { font-size: 1.750em; font-weight: normal; margin-bottom: 5px; }
h6 { font-size: 1.50em; font-weight: normal; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


hr {
	border: 0 #ccc  dotted;
	border-top-width: 1px;
	clear: both;
	height: 0;
	font-weight: bold;

	
}

/* Page Structure
------------------------------------------------------*/	
			
#topbar{
	width:960px;
	background:#121212;
	position:relative;
	height:100px;
	float:left;
	background-color: #FFFFFF;

			} 
			
.logo{
	width:200px;
	height:70px;
	margin-top:15px;
	float:left;


}



/* header
------------------------------------------------------*/	
#header{
width:960px;
height:320px;
float:left;
position:relative;

}

/* slider
-------------------------------------------------------------- */
#topbar{
z-index:555;

}
.sliderbg{
	background:url(images/slider-bg.png) no-repeat;
	width:960px;
	height:370px;
	position: relative;	
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	z-index:0;
	
}
.sliderbg li{
	display:block;
	height:310px;
	overflow:hidden;
	float:left;	
}

#slider_nav {
	position:absolute;
	top: 360px;
	right:445px;
	z-index:100;
	}

#slider_nav a, #slider_nav a:visited {
	background:url(images/gallery_nav.png) 0 0 no-repeat;
	float: left; 
	margin-left:5px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;

}

#slider_nav a:hover {
	background:url(images/gallery_navhover.png) 0 0 no-repeat;
}

#slider_nav a.activeSlide {
	background:url(images/gallery_navhover.png) 0 0 no-repeat;
}

.slideimgs img{
background:transparent;
margin-left:14px;
margin-top:14px;
border:1px solid #fff;
width:930px; 
height:310px;



}

/* midpart
------------------------------------------------------*/
#midpart-home{
width:960px;
margin:0 auto;
margin-top:80px;

display:table;


}

#midpart{
width:960px;
margin:0 auto;
margin-top:50px;


}

#leftcontent{
width:250px;
float:left;



}


.inner-left{
padding:30px 0px 30px 0px;

}
.inner-right{
	padding:30px 0px 30px 30px;
	text-align: justify;

}

.inner span{

}


/* mainpage(sidebar)
------------------------------------------------------*/	
#leftcontent ul{
	margin-bottom:30px;



}

ul.news {

margin:0 0 20px;
padding:0;
}
ul.news li {
border-bottom:1px solid #CECECE;
list-style-type:none;
padding:0px 0 10px 0px;
}

ul.news li a {

text-decoration:none;
}
ul.news li a:hover {
color:#8A8A8A;

}

ul.news strong {

}


blockquote, q {
quotes:none;
}

blockquote {
margin:0 0 0;
padding:0 0 20px;
}



ul.get-in-touch li h2{
margin-bottom:10px;

}



ul.get-in-touch li ul li{
line-height:28px;

}
ul.get-in-touch li ul li a{
text-decoration:none;


}

/* Testimonial
------------------------------------------------------*/

	ul.testimonial {
	margin-bottom:0px;
	margin-right:22px;
	padding:0px;}
	
	
ul.testimonial p{
	border:1px solid #eee;
	padding:15px;
	background-color:#f9f9f9;
	}

.testimonial-pointer{
position:relative;
top:-16px;
left:50px;

	}
	
ul.testimonial li strong {
display:block;
margin-top:-20px;



	}

/* midcontent(rightpart)
------------------------------------------------------*/
#rightcontent{
width:710px;
float:left;

}

.col1{
	width:320px;
	padding-right:20px;
	float:left;



}

.col2{

	padding-left:10px;

	padding-right:10px;



}

.col-left{

	padding:10px;

}





/* Sub Menu
------------------------------------------------------*/

#leftcontent{
position:relative;
	
}

#leftcontent h2{
	font-size: 1.75em;




}
#rightcontent h3{
	color: #666;
	font-size: 2.15em;



}

ul.subnav  {
	margin:10px 0 30px 0;
	padding:0;
	width:230px;

	
	}
	
ul.subnav li  {
line-height:48px;
display:block;
border-bottom:1px solid #ccc;
	background:#eee;
	}
	
ul.subnav li a  {
padding-left:20px;
text-decoration:none;
font-size:1.1em;
font-weight:bold;
color:#666;
display:block;}
	
ul.subnav li.current  {
	background-image: url(images/subnav_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	z-index:3;
	width:272px;
	left:-15px;
	padding-left:15px;
	border-bottom:none;
	color:#f1f1f1;
	background-color:#fff;
	height:49px;


	
	}
ul.subnav li.current a {

	color:#f1f1f1;
	
	}
	
	ul.subnav a:hover {

	color:#11C2D2;
	
	}
	
	


/* Sub Menu
------------------------------------------------------*/		
		
		.featuredbox1{
	width:320px;
	padding-right:20px;
	float:left;
	margin-top:20px;


}

.featuredbox2{

	padding-left:10px;

	padding-right:10px;
	margin-top:20px;



}



/* service
------------------------------------------------------*/
		
	.servicefeaturedbox1{
	width:320px;
	padding-right:30px;
	float:left;
	margin-top:20px;


}

.servicefeaturedbox2{

	padding-left:10px;

	padding-right:10px;
	margin-top:20px;



}


/* portfolio
------------------------------------------------------*/

h2.page-title{
	color:#666;
	font-size: 2.15em;


}

.title-info{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:10px 0;
margin:10px 0 20px 0;
}

.gallery li{
width:640px;
float:left;
margin:10px 0 10px 0;
border:1px solid #E8E8E8;
padding:15px;

}

.gallery2 li {
background-color:#eee;
float:left;

padding:5px;
border:1px solid #ddd;
margin:5px;



}

.gallery2 li a{

float:left;


}

.gallery li:hover {
	background:#eee;
	border:1px solid #D1D1D1;	
	color:#333;
}





.thumbnail-border{


}


/* blog
-------------------------------------------------------------- */

.post {
	width:675px;
	margin-bottom:30px;
}

.post h2{
	margin-bottom: 10px;
	font-size: 18px;

}
.post h2 a{
color:#111;


}
.date{
padding:0px 0 5px 0;

}

.entry {
margin:10px 0 5px 0;

}

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

#container {
	margin: auto;
	overflow: hidden;
	position: relative;
}
input {
	padding:7px;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	height:20px;
	width: 25em;
	color:#333;
}
.contact-us {
	text-align:left;
	padding:10px 0;
	width:auto;
}
.contact-us textarea {
	width: 40em;
	padding:2px 5px;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	height:100%;
	color:#333;
}
.contact-us .submit {
	position:relative;
	left:110px;
	border:none;
	width:105px;
	height:32px;
	background-image:url(images/submit.png);
	border:none;
	background-color:#fff;

	background-repeat: no-repeat;
	background-position: center center;	
}
.red {
	color: #0b9ca9;
	font-weight:700;
}
.contact-us .form-col1 {
	color:#666;
	width:100px;
	height:30px;
	float:left;
	display:block;
	text-align:left;
	padding-right:10px;
	font-weight:700;
}
.message {
	background-color:#eee;
	border:1px solid #ccc;
	color:#cc3300;
	display:none;
	width:460px;
	padding:10px;
}
.contact {
	text-align:right;
}
.contact ul {
	list-style-type:none;
	width:390px;
}
.contact li {
	list-style-type:none;
}
.contact input {
	width:260px;
}
.contact textarea {
	width:260px;
}




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

#footerwrapper{
width:100%;
background:#eee;
float:left;
border-top:1px solid #ddd;
padding:20px 0px;

}

.footer{
width:960px;
margin:0 auto;

}

.column1, .column2, .column3{
	width:230px;
	padding-right:10px;
	margin-top:20px;
	float:left;
	

}
.column4{
	width:230px;
	padding-right:10px;
	margin-top:20px;
	float:right;
	
	}
.footer .column4 p{
color:#101012;

	
	}
	

ul.footer_links, ul.footer_links1{
	margin:10px 0 0 0px;
	padding:0;
	}

 ul.footer_links li, ul.footer_links1 li {
		font-size:12px;
		padding:3px 0;
		list-style-type:none;
		display:block;	
	
		}

		
 ul.footer_links1 li a {
	color:#5c5c5c;
	text-decoration:none;

		}
		
				
.footer p {
font-weight:normal;
	margin:10px 0px 15px 0;
	
}


.footer h4{
color:#111;
}


 ul.footer_links li a:hover, ul.footer_links1 li a:hover {
		color:#00A5D5;	
		text-decoration:none;	
		}

#copywrap{
	background-color:#000;
	width:100%;
	padding:5px 0px;
	float:left;
	border-top:1px solid #fff;
	
	
}

.copyright	{
	width:960px;
	margin:0 auto;

		}
	
.copyright .copyright p	{
margin:0px;
background:#b0b0b0;

	
		}
		
.copyright .copy-left{
width:49%;
float:left;
color:#b1b0b0;
}
.copy-right{
width:49%;
float: right;
color:#b2b0b0;

}
.copy-right a{ 

color:#ccc;

}