@charset "utf-8";
#twitter-follow { border: 0;position: fixed;  top: 200px; right:0;}
#facebook-follow { border: 0;position: fixed;  top: 280px; right:0;}
body { 
margin:0; 
padding:0; 
width:100%;
}

html { 
padding:0; 
margin:0;
}



/* main */

.main {
width:100%; 
padding:0; 
margin:0 auto; 
}

.banner-class{
margin:-90px auto; 
width:980px; 

border:none; 
}

/********** header **********/

.header { 
height:100px; 
background:#1F1919; 
}



.block_header {
margin:0 auto; 
width:980px; 
padding:0; 
border:none; }

/* logo */

.logo { 
float:left; 
padding:0; 
margin-top:10px; 
width:224px;
}

/* menu */	

.menu { 
padding:0; 
margin:0px;
width:380px;
float:right;
}

.menu ul { padding:35px 0; margin:0; list-style:none; border:0;}

.menu ul li { float:left; margin:0; padding:0; border:0;}

.menu ul li a { float:left; margin:0 5px; padding:5px 10px; color:#fff; font:normal 14px  Arial, Helvetica, sans-serif; text-decoration:none; border-right:1px solid #1F1919;}

.menu ul li a:hover { background:#7c090c; border-right:1px solid #1F1919;}

.menu ul li a.active { background:#7c090c; border-right:1px solid #1F1919;} 

/********** slider **********/

.slider4 {background: #fff url(../images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:405px;}

.slider4 div.slice1 { margin:0 auto; width:955px; padding:0;}

.slider4 div div div { margin:0; padding:0; width:880px; height:405px; border:0;}

.slider4 div div div p.img { float:right; width:419px; padding:37px 0 0 0; margin:0;}

.slider4 div div div h2 {width:445px; float: left; font:bold 50px Arial, Helvetica, sans-serif; color:#1F1919;  margin:0; padding:40px 0 0 10px; line-height:1.2em;}

.slider4 div div div h2 span { color:#7c090c;}

.slider4 div div div p { width:450px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#555555; margin:0; padding:20px 0 0 10px; line-height:1.8em;}

/********* slider2 ************/

.slider2 {background: #fff url(../images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:108px;}

.slider2_resize { width:972px; margin:0 auto; padding:0;}

.slider2_resize h2 {width:445px; float: left; font:bold 30px Arial; color:#1F1919;  margin:0; padding:40px 0 0 0px; line-height:1.2em;}

.slider2_resize h2 span { color:#7c090c;}

.slider2_resize p { width:450px; float: right; font:normal 14px   Arial, Helvetica, sans-serif; color:#555555; margin:0; padding:40px 0 0 10px; line-height:1.8em;}

/********** block index **********/

.body { margin:0; padding:0;}

.body_resize { width:980px; margin:0 auto; padding:0;}

.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #f4f4f4; padding:10px 5px; margin:0;}

.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c;  padding:10px 5px; margin:0;}

.body h4 { font:bold 11px Arial, Helvetica, sans-serif; color:#2c2c2c;  padding:10px 5px; margin:0;}

.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; padding:5px 5px; margin:0;}

.body p span { color:#afaeae;}

.body a { }

.body em { color:#383838;}

.body img { float: left; margin:10px 5px; padding:0;}

.body img.work { float:right; margin:10px 30px 10px 10px; padding:0;}

.body .bloga { width:220px; float:left; margin:0; padding:10px 5px 10px 20px;}

.right-index { width:870px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.right-index a{ color:#333333; text-decoration: underline; font-weight: bold;}
.right-index a:hover{ color:#333333; text-decoration:none;}

.right-index ul { list-style:none; margin:5px 20px; padding:0;}

.right-index li { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 20px; margin:0; background:url(images/about_ul_li.gif) left no-repeat;}

.right { width:525px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.right ul { list-style:none; margin:5px 20px; padding:0;}

.right li { font: bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 20px; margin:0; background:url(images/about_ul_li.gif) left no-repeat;}

.right-services { width:940px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.right-services ul { list-style:none; margin:5px 20px; padding:0;}

.right-services li { font: bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 20px; margin:0; background:url(images/about_ul_li.gif) left no-repeat;}

.right-aboutus { width:940px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.right-aboutus ul { list-style:none; margin:5px 20px; padding:0;}

.right-aboutus li { font: bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 20px; margin:0; background:url(images/about_ul_li.gif) left no-repeat;}

.left { width:370px; float:left; margin:20px 10px 10px 10px; padding:5px;}

.buttoms { width:150px; margin:10px 0px auto auto; text-align:center; padding:0;}

.buttoms a { font: normal 12px Arial, Helvetica, sans-serif; color:#9f9f9f; text-decoration:none; padding:3px 5px; margin:0 3px;}

.buttoms a:hover { color:#000; padding:3px 5px; background:#f1f1f1; border:0px solid #d6d6d6;}

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

#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#F00;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:0; padding:0; background:none; border:none; display:block;}

#contactform li.buttons { margin:5px 0 5px 0;}

#contactform li.captcha { color:#780A0B;}

#contactform label { margin:0; width:110px; display:block; padding:15px 0; color:#780a0b; font: bold 11px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}

#contactform label span { color:#780a0b;}

#contactform input.text { width:380px; border:0px solid #d4d4d4; margin:10px 0; padding:5px 2px; height:16px; background:#f5e5cc; float:left;}

#contactform textarea { width:380px; border:0px solid #d4d4d4; margin:10px 0; padding:2px; background:#f5e5cc; float:left;}

#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}

p.response { text-align:center; color:#780a0b; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

/*************footer**********/

.footer {padding:10px 0;  margin:0;}

.footer_resize {width:972px; margin:0 auto; padding:0; }

.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6f6f6f;}

.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:underline; padding:5px 5px; margin:0;}

.footer img {margin:2px 5px; padding:0;}

.footer p.leftt { text-align:left; width:50%; margin:0; padding:20px 0; float:left;} 

.footer p.rightt { text-align:right; width:50%; margin:0; padding:20px 0; float:right;} 



p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

li.bg, .bg { clear:both; border-top:1px solid #e8e8e8; padding:0; margin:20px 0; background:none; line-height:0;}

#banner {
	position:relative;
	float:right; margin:10px 30px 10px 10px; 
	
}
#banner-imgs {
	position:relative;
	width: 630px;
	height: 320px;
	overflow: hidden;
}

#arrow_left {
	position: absolute;
	top: 130px;
	left: 0px;
	z-index: 1000;
	cursor: pointer;
	filter:alpha(opacity=8);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

}
#arrow_right {
	position: absolute;
	top:130px;
	right:-5px;
	z-index: 1000;
	cursor: pointer;
	filter:alpha(opacity=8);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
#banner .btn {
	position:absolute;
	top:215px;
	left:120px;
}
#banner p {
	font-size:12px;
	color:#999;
	font-family:Georgia;
	font-style:italic;
	padding:40px 0 60px 0;

}

#slider{float:right; margin:18px 30px 10px 10px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:330px;
		overflow:hidden; 
		}	
/*	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:450px;
		top:451px;
		cursor: pointer;
	filter:alpha(opacity=8);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
		}	
	#nextBtn{ 
		left:1080px;
		cursor: pointer;
	filter:alpha(opacity=8);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	*/
		
		#slider2{float:right; margin:18px 30px 10px 10px;}	
	#slider2 ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:330px;
		overflow:hidden; 
		}	
		#slider3{float:right; margin:18px 30px 10px 10px;}	
	#slider3 ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider3 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:330px;
		overflow:hidden; 
		}				
		
#cloud a.tag1 { font-size: 21px; font-weight: 900; color:#222222; font-family: Arial; text-decoration:none; cursor:default;}
#cloud a.tag2 { font-size: 21px; font-weight: 700; color:#a6a3a3; font-family: Arial; text-decoration:none; cursor:default; }
#cloud a.tag3 { font-size: 21px; font-weight: 600; color:#006666; font-family: Arial; text-decoration:none; cursor:default;}
#cloud a.tag4 { font-size: 21px; font-weight: 900; color:#888888; font-family: Arial; text-decoration:none; cursor:default; }
#cloud a.tag5 { font-size: 21px; font-weight: 700; color:#66CCCC; font-family: Arial; text-decoration:none; cursor:default;}
#cloud a.tag6 { font-size: 21px; font-weight: 600; color:#330000; font-family: Arial; text-decoration:none; cursor:default;}
#cloud a.tag7 { font-size: 21px; font-weight: 900; color:#990033; font-family: Arial; text-decoration:none; cursor:default;}
#cloud a.tag8 { font-size: 21px; font-weight: 700; color:#66CCCC; font-family: Arial; text-decoration:none; cursor:default; }
#cloud a.tag9 { font-size: 21px; font-weight: 600; color:#555555; font-family: Arial; text-decoration:none; cursor:default;}
#cloud a.tag10 { font-size: 21px; font-weight: 900; color:#66CCCC; font-family: Arial; text-decoration:none; cursor:default;}

#cloud { padding-left: 0px; padding-right: 40px; line-height: 6em; text-align: left; }
#cloud a { padding: 0px; }

h1 {text-align:center;}
.clear {overflow:auto;}
#vertical, #horizontal {
	margin:20px auto;
	width:980px;
}
#vertical div, #horizontal div {
	margin-right:3px;
	float:left;
	width:296px;
	height:130px;
	border:0px solid #999;
	position:relative;
	overflow:hidden;
}
#vertical img, #horizontal img {
	position:absolute;
}
h1 {text-align:center;}
.clear {overflow:auto;}