@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#262626}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
/********** header **********/
.header { background: url(images/bg_header.gif) top repeat-x;}

.block_header {margin:0 auto; width:980px;}
/* logo */
.logo { padding:0; margin:0 auto; width:649px; height:123px; text-align:center;}
/* menu */	
.menu { padding:10px 0 0 0; margin:0; width:450px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 2px 0 0; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#e7e7e7; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 10px; background:none;}
.menu ul li a:hover { color:#292929; background: url(images/r_menu.gif) no-repeat right top;}
.menu ul li a:hover span { color:#292929; background:url(images/l_menu.gif) no-repeat left top;}
.menu ul li a.active { color:#292929; background:url(images/r_menu.gif) no-repeat right top;}
.menu ul li a.active span { color:#292929; background:url(images/l_menu.gif) no-repeat left top;}
/* search */
.search { float:right; width:304px; padding:0; margin:5px 0 0 0; height:33px;}
.search span { display:block; float:left;}
.search a { display:block; float:left; padding:10px 10px 0 10px; line-height:1.6em; color:#4270a1; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.search a:hover { text-decoration:underline;}
.search form { display:block; float:left; padding:5px 10px 0 10px;}
.search form .keywords { float:left; background:url(images/bg_search.gif) top no-repeat; border:0; height:17px; width:140px; padding:4px 10px; line-height:17px; margin:0 10px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#CCC;}
.search form .button { float:left;}
/***************main_body******************/
.main_body_resize { background:#262626;}
.main_body { width:980px; margin:0 auto 20px auto; padding:0;}
.main_body img { margin:0; padding:0;}
/********** slider **********/
.slider { background: url(images/bg_simple.gif) top repeat-x;  margin:0 auto; padding:0; height:291px;}
.slider div.slice1 { margin:0 auto; width:940px; padding:10px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:0; width:940px;}
.slider div div div { margin:0 auto; padding:0 0 0 40px; width:900px; height:291px; border:0;}
.slider div div div p.img { float:right; padding:0 20px; margin:0;}
.slider div div div h2 { font:bold 36px Arial, Helvetica, sans-serif; color:#262626; margin:0; margin:0; padding:15px 0 10px 0; line-height:1.2em;}
.slider div div div p { font:normal 11px Arial, Helvetica, sans-serif; color:#262626; margin:0; margin:0; line-height:1.8em;}
/******butons****/
.butons { width:980px; height:46px; background:url(images/bg_butons.gif) top repeat-x; margin:0; padding:0;}
.butons img { float:right; margin:10px 40px 5px 0;}
.butons p { width:300px; float:left; background:url(images/bg_body.gif) left no-repeat; height:31px; padding:8px 0 0 40px; margin:5px 0 0 20px;}
.butons a { font:bold 14px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.butons2 { width:980px; height:46px; background:url(images/bg_butons.gif) top repeat-x; margin:0; padding:0;}
.butons2 img { float:right; margin:10px 40px 5px 0;}
.butons2 p { width:300px; float:left; background:url(images/h2_services.jpg) left no-repeat; height:31px; padding:8px 0 0 40px; margin:5px 0 0 20px;}
.butons2 a { font:bold 14px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.butons3 { width:980px; height:46px; background:url(images/bg_butons.gif) top repeat-x; margin:0; padding:0;}
.butons3 img { float:right; margin:10px 40px 5px 0;}
.butons3 p { width:300px; float:left; background:url(images/h2_portfolio.gif) left no-repeat; height:31px; padding:8px 0 0 40px; margin:5px 0 0 20px;}
.butons3 a { font:bold 14px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.butons4 { width:980px; height:46px; background:url(images/bg_butons.gif) top repeat-x; margin:0; padding:0;}
.butons4 img { float:right; margin:10px 40px 5px 0;}
.butons4 p { width:300px; float:left; background:url(images/h2_cont.gif) left no-repeat; height:31px; padding:8px 0 0 40px; margin:5px 0 0 20px;}
.butons4 a { font:bold 14px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
/********** block index **********/
.body { background: #ececec url(images/bg_body-41.gif) top repeat-x;}
.body h2 { font:bold 20px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #d2d2d2; padding:10px 0; margin:0;}
.body p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.8em;
}
/**********Work*********/
.Work { width:201px; float:left; margin:10px 10px; padding:5px 10px; border-right:1px solid #fff;}
.Work p { font:normal 11px Arial, Helvetica, sans-serif; color:#545454; padding:0; margin:0; line-height:1.8em;}
.Work img { margin:10px 10px; padding:0;}
.Work strong { color:#2776a4;}
/**************services**************/
.services {
	width:650px;
	margin:10px 10px 10px 30px;
	padding:5px 10px;
	float:left;
	border-right:1px solid #fff;
}
.services a {
	float:left;
	margin:5px 5px;
	padding:0;
	text-decoration:none;
}
.services img {
	float:left;
	margin:5px 5px;
	padding:5px 5px;
}
/************Sub************/
.Sub {
	width:200px;
	float:right;
	margin:10px 10px;
	padding:5px 10px;
}
.Sub ul	{ list-style:none; margin:0; padding:5px 5px;}
.Sub li { border-bottom:1px solid #d5d5d5; background:url(images/ul_li_sub.jpg) left no-repeat; padding:10px 0 10px 20px; margin:0;}
.Sub a { font:bold 11px Arial, Helvetica, sans-serif; color:#545454; text-decoration:none;}
.Sub a:hover { color:#2776a4; text-decoration:underline;}
.Sub img { float:left; margin:5px 5px; padding:0;}
.Sub span { color:#128fb4;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#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 20px;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#2c2c2c; text-transform:capitalize; float:left;}
#contactform label span { color:#2c2c2c;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/*******************************FBG************************/
.FBG { background: #1e1e1e url(images/FBG_bg.gif) top repeat-x; }
.FBG h2 { font:bold 20px Arial, Helvetica, sans-serif; color:#ffffff;}
.FBG_resize { width:980px; margin:10px auto; padding:0; }
.FBG_resize p { font:normal 11px Arial, Helvetica, sans-serif; color:#868686; line-height:1.8em;}

/*****Events******/
.Events { width:317px; padding:5px 20px; float:left; margin:30px 10px;}
.Events img { float:left; margin:5px 10px 5px 10px; padding:0;}
.Events a { color:#fff; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; background:url(images/link_a_bg.gif) left no-repeat; float:right; padding:0 0 0 20px; margin:0;}
.Events p { border-top:1px solid #333333; padding:15px 0 10px 5px; line-height:1.8em;}
/************Welcome*************/
.Welcome {
	width:650px;
	padding:5px 20px;
	margin:30px 10px;
	float: right;
}
.Welcome ul { list-style:none; margin:20px 0 0 0; padding:0;}
.Welcome li { border-bottom:1px solid #333333;  background:url(images/ul_li.gif) left no-repeat; padding:5px 0 5px 25px; font:bold 11px Arial, Helvetica, sans-serif; color:#868686; line-height:1.8em;}
/********** footer **********/
.footer {
	background: url(images/bg_footer.gif);
	padding:0;
	height:70px;
	margin:0;
}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#77848a; padding:20px 0 0 0; margin:0; text-align:center;}
.footer a { color:#77848a; text-decoration:none;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:5px 0; background:none;}
