@import url('reset.css');
body{
	background:#f0f0f0 url(../images/tlo.jpg) top center no-repeat;
	color:#000;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:16px;
}
a{
	color:#000;
	text-decoration:none;
}
h1{
	padding:10px;
	margin:20px;
	font-size:40px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
	color:#333;
	background:transparent url(../images/line.png) repeat-x bottom left;
}
.rm_wrapper{
	width:1160px;
	margin:0 auto;
	position:relative;
}
.rm_container{
	width:1050px;
	overflow:hidden;
	position:relative;
	height:490px;
	margin:0 auto;
}
.rm_container h2{
	background:transparent url(../images/lines.png) repeat top left;
	padding:10px 30px;
	position:absolute;
	bottom:170px;
	right:0px;
	color:#000;
	font-size:36px;
	text-transform:uppercase;
	text-shadow:1px 0px 1px #fff;
}
.rm_container ul{
	width:1170px;
}
.rm_container ul li{
	float:left;
	margin-left:-80px;
	position:relative;
	overflow:hidden;
	width:310px;
	height:465px;
	border:30px solid #f0f0f0;
	border-width:50px 30px 0px 30px;
	background-color:#f0f0f0;
}
.rm_container ul li img{
	position:absolute;
	top:0px;
	left:0px;
}
.rm_mask_right, .rm_mask_left{
	position: absolute;
	height: 70px;
	background: #f0f0f0;
	width: 530px;
	bottom: -32px;
	left: 0px;
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.rm_mask_right{
	left:auto;
	right:0px;
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
	background: #f0f0f0;
	position:absolute;
	width:200px;
	height:100px;
	bottom:0px;
	left:-65px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.rm_corner_right{
	left:auto;
	right:-65px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.rm_nav a{
	position:absolute;
	top:200px;
	width:38px;
	height:87px;
	cursor:pointer;
	opacity:0.7;
}
.rm_nav a:hover{
	opacity:1.0;
}
.rm_nav a.rm_next{
	background:transparent url(../images/next.png) no-repeat top left;
	right:0px;
}
.rm_nav a.rm_prev{
	background:transparent url(../images/prev.png) no-repeat top left;
	left:0px;
}
.rm_controls{
	position:absolute;
	top:10px;
	left:1010px;
	height:20px;
}
.rm_controls a{
	cursor:pointer;
	opacity:0.7;
	padding-left:24px;
	font-size:16px;
	text-transform:uppercase;
	height:20px;
	float:left;
	line-height:20px;
}
.rm_controls a:hover{
	opacity:1.0;
}
.rm_controls a.rm_play{
	display:none;
	background:transparent url(../images/play.png) no-repeat center left;
}
.rm_controls a.rm_pause{
	background:transparent url(../images/pause.png) no-repeat center left;
}

html { padding:0; margin:0;}

h1{
	padding:10px;
	margin:20px;
	font-size:40px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
	color:#333;
	background:transparent url(../images/line.png) repeat-x bottom left;
}
/* main */
.main {width:100%; padding:0; margin:0 auto;  }
.resize { width:1050px; margin:0 auto; background:#f0f0f0 }
/********** header **********/
.header {padding:0; margin:0; background: url(../images/header_bg.gif) top repeat-x; height:110px;}
/* logo */
.logo { float:left; padding:25px 0 0 0; margin:0; width:171px;}
/* menu */	
.menu { float:right; padding:34px 0 0 ; margin:0; width:320px; border-bottom:#333 solid 1px}
.menu ul {  padding: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; padding:13px 15px; color:#8f8f8f; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#fff;  background:#292929;}
.menu ul li a.active {  color:#fff; background:#292929;}
/* Slieder Tabs */
.slider_resize {margin:0 auto; padding:0;}
.slider_resize h2 { font: normal bold 30px Arial, Helvetica, sans-serif; color:#fffefe; padding:25px 0 0 50px; margin:0;}
.slider_resize h2 span {color:#5c5c5c;}
.slider {  width:985px; padding:10px 0 10px 0; margin:0 auto;}
.slider ul.tabs { margin:0 auto; padding:10px; width:115px; list-style:none;}
.slider ul.tabs li { margin:2px 5px; padding:0; width:13px; height:13px; float:left; background: url(../images/tabs_2.gif) no-repeat;}
.slider ul.tabs li.tabs-selected { background: url(../images/tabs_1.gif) no-repeat;}
.tabs-hide { display:none;}
/* Sub_slider_resize */
.Sub_slider_resize {
	width:1050px;
	height:90px;
	background: url(../images/about_sub.jpg) top no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.Sub_slider_resize2 { width:1050px; height:90px; margin:0 auto; padding:20px 0; background: url(../images/works_sub.jpg) top no-repeat;}
.Sub_slider_resize3 { width:1050px; height:90px; margin:0 auto; padding:20px 0; background: url(../images/con_sub.jpg) top no-repeat;}
/*FBG*/
.FBG { margin:0; padding:0;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.FBG p span { color:#2e2e2e; font: bold 11px Arial, Helvetica, sans-serif;}
.FBG a { color:#b21600; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
.FBG img { float: left; margin:5px 10px; padding:0;}
.FBG_resize { width:1050px; margin:0 auto; padding:0;  background:#f0f0f0}
/****Recent **/
.Recent  { width:310px; float:left; padding:5px 0; margin:10px 10px 20px 0;}
.Recent2  { width:205px; float:left; padding:5px 0; margin:10px 10px 20px 0;}
.Recent3  { width:300px; float:left; padding:5px 0; margin:0 10px 20px 0;}
.Recent4  { width:190px; float:left; padding:5px 0; margin:10px 10px 20px 0;}
.Recent_img  { float:left}
.Recent_text {width:240px; float:left}
.Recent_text2 {width:136px; float:left}
.Recent_text3 {width:148px; float:left; margin-top:10px;}
.Recent_text4 {width:115px; float:left}
/********** block index **********/
.body { padding:20px 0 0 0; margin:0;}
.body h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.body h5 { padding:10px 5px; margin:0 0 10px 0; font: italic bold 12px Arial, Helvetica, sans-serif; color:#cecece; border-bottom:1px solid #3e3e3e;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.body p.data { width:100px; text-align:center; color:#303030; background:#ededed; padding:2px 3px; margin:0; font: bold 11px Arial, Helvetica, sans-serif;}
.body img { float:left; margin:5px 1px; padding:0;}
.body p span { color:#a4a4a4; font: normal 11px Arial, Helvetica, sans-serif;}
.body ul { width:250px; float:left; margin:10px 5px; padding:0; list-style:none;}
.body li { background: url(../images/ul_li.gif) left no-repeat; padding:5px 0 5px 25px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#9b9b9b;}
.body a { color:#1577C8; text-decoration:underline; font: bold 12px Arial, Helvetica, sans-serif;}
.body a:hover {text-decoration: none}
.left {
	width:585px;
	float:left;
	margin:0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.right { width:315px; float:right; margin:0; padding:10px 5px;}
.center {
	margin:0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
/********** 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; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:430px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; 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:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer {padding:0;  margin:0;}
.footer_resize { width:1050px; margin:0 auto; border-top:1px #333 solid;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#a8a8a8;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#a8a8a8; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:15px 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #3e3e3e; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg2, .bg2 { clear:both; border-top:1px solid #d5d5d5; padding:0; margin:10px 0; background:none; line-height:0;}

img.clear { padding:0; margin:0; float:none;}