@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#edeae2;}
html { padding:0; margin:0;}

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

/********** header **********/
.header_full {
	background:url(images/header_bg.jpg) top center;
	border-bottom:1px solid #36635e;
}
.header {
	width:980px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* twitter */
.twitter {
	float:left;
	width:300px;
	height:25px;
	padding-top: 10px;
}
.twitter img { float:left; padding:0 5px 0 10px;}
.twitter span { display:block; color:#665b44; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:7px 0 0 0;}
/* top menu */
.top_menu {
	float:right;
	width:550px;
	height:28px;
	color:#CCC;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: right;
}
.top_menu a { color:#665b44; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}

/* logo */
.logo {
	float:left;
	padding:0;
	width:240px;
	height: 102px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

/*simple_text_top*/
.simply_text {
	height:120px;
	color:#fff;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 30;
	margin-left: 30px;
}
.simply_text h2 { margin:10px 0; padding:0; font:bold 32px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em;}
.simply_text p { margin:0; padding:0;}

/* menu */	
.menu {
	float:right;
	padding:0;
	width:690px;
	height:35px;
	background:url(images/menu_bg.gif) top no-repeat;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.menu ul {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	border:0;
}
.menu ul li { float:left; margin:1px 0 0 0; padding:0;}
.menu ul li a { float:left; margin:0 3px; padding:10px 0 9px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:14px;}
.menu ul li a span { padding:10px 15px 9px 15px;}
.menu ul li a:hover { background:url(images/menu_r.gif) right no-repeat;}
.menu ul li a:hover span { background:url(images/menu_l.gif) left no-repeat;}
.menu ul li a.active { background:url(images/menu_r.gif) right no-repeat;}
.menu ul li a.active span { background:url(images/menu_l.gif) left no-repeat;}

/********** slider **********/
.header_title { background:#e6e3db url(images/slider_bg.jpg) center no-repeat; margin:1px 0 0 0; padding:16px 0; height:269px; clear:both; border-top:1px solid #cecbc2; border-bottom:1px solid #cecbc2;}

/*simple text*/
.slider_block { margin:0 auto; width:980px; padding:14px 0 15px 0; height:239px; background:url(images/slider_fon_bg.png) no-repeat;}
.slider_block img.screen { float:left; width:603px; border-right:1px solid #FFF;}
.slider_block div.text { margin:0 0 0 604px; padding:0 0 0 10px; border:0; height:235px; width:282px; background:#000;}
.slider_block div.text h2 { text-transform:uppercase; font:normal 30px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:10px 10px 0 10px; line-height:1.2em;}
.slider_block div.text p { font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:10px; line-height:1.8em;}
.slider_block div.text a { color:#ff7e00; text-decoration:none;}

/* block box */
.block_box { background:url(images/box_bg.gif); width:980px; margin:0 0 10px 0; padding:0;}
.block_box_t { background:url(images/box_top.jpg) no-repeat top;}
.block_box_b { background:url(images/box_f.gif) no-repeat bottom; padding:0 5px 10px 5px !important; padding:0 0 10px 0;}

/********** block index **********/
.body { margin:0 auto; padding:10px 0 0 0; clear:both; width:980px;}
.body_footer { margin:10px auto; padding:0; clear:both; width:980px;}
.body h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; padding:15px 10px; margin:0 10px;}
.body h2 {
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px;
	margin:0;
}
.body h3 {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px;
	margin:0;
}
.body p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.8em;
	padding:5px 10px;
	margin:0;
}
.body p.name { font:bold 11px Arial, Helvetica, sans-serif; color:#704ca3; line-height:1.8em; text-align:right;}
.body a { color:#55300f; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:underline;}
.body .spec { color:#518884; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body .date { background:url(images/bg_data.gif) no-repeat left; margin:0 10px; padding:5px 20px;}
.body ul.list { margin:10px; padding:0 20px; list-style:none;}
.body ul.list li {
	margin:0;
	padding:2px 0 2px 20px;
	border-left:5px solid #e6e6e6;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.8em;
}
.body img.img { float:left; padding:10px; clear:left;}

/* side */
.left { width:303px; margin:5px; padding:5px; float:left;}
.center { width:303px; margin:5px; padding:5px; float:left;}
.right { width:303px; margin:5px; padding:5px; float:left;}
.big_side { width:626px; margin:5px; padding:5px; float:left;}

/* testi */
.testi { background:url(images/testi.png) no-repeat top left; padding:20px 0 0 0;}
.testi p { font-style:italic;}

/* subscribe */
.subscribe { float:left; width:290px; padding:5px 10px;}
.subscribe input.text { background:#FFF; border:1px solid #bfbfbf; width:260px;}

/* about */
h1.about { background:url(images/h1_title_about.gif) no-repeat left center; padding-left:40px;}
/* contact */
h1.contact { background:url(images/h1_title_contact.gif) no-repeat left center; padding-left:40px;}
/* welcome */
h1.latest { background:url(images/h2_title_latest.gif) no-repeat left center; padding-left:40px;}
div.but { float:right; padding:10px;}

/* sub nav */
ul.sub_nav { margin:0; padding:0 10px; list-style:none;}
ul.sub_nav li { margin:0; padding:0 0 0 20px; background:url(images/sub_nav.gif) no-repeat left;}
/* portfolio */
h3.portfolio { background:url(images/h3_title.gif) no-repeat left; padding:5px 10px 5px 25px; margin:0 0 0 290px;}

/* lister */
.lister { clear:both; padding:10px;}
.lister ul { float:right; margin:0; padding:0; list-style:none;}
.lister ul li { float:left; width:22px; height:22px; margin:1px 3px; text-align:center;}
.lister ul li a { display:block; width:22px; height:22px; background:url(images/lister.gif) no-repeat; color:#7f7f7f; text-decoration:none;}
.lister ul li a:hover { background:url(images/lister_h.gif) no-repeat; color:#FFF; text-decoration:underline;}
.lister ul li a.active { background:url(images/lister_h.gif) no-repeat; color:#FFF; font-weight:bold;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * {
	color:#333;
}
#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 label {
	width:120px;
	float:left;
	display:block;
	padding:5px 10px;
	margin:0;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#000;
	text-transform:capitalize;
	text-align:right;
}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:430px; border:1px solid #d1d1d1; margin:5px 0 10px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:430px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input {
	padding:3px 0;
	margin:0 0 0 140px;
	color:#FFF;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	background-color: #324831;
}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:0; margin:0;}
.footer_resize {
	width:980px;
	margin:0 auto;
	padding:10px 0;
	border-top:1px solid #d1ccc1;
	text-align: left;
}
.footer p {
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#050706;
	text-align: center;
}
.footer a { font:normal 11px Tahoma, Geneva, sans-serif; color:#050706; text-decoration:underline; padding:0 2px;}
.footer p.leftt {
	text-align:left;
	width:30%;
	margin:0;
	padding:0;
	float:left;
} 
.footer p.rightt {
	text-align:right;
	width:70%;
	margin:0;
	float:right;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
} 

.no_border { border:0px;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg2, .bg2 { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:5px 0; background:none; line-height:0;}

#slider { margin:0 auto; list-style:none; padding:1px; border:1px solid #dad5c9; width:896px; height:235px; }
#slider ul,
#slider li { padding:0; margin:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:896px; height:235px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:40px; height:40px; position:absolute; left:0px; top:-140px; }
#nextBtn { left:940px; }
#prevBtn a { display:block; width:40px; height:40px; background:url(images/arrow_l.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:40px; height:40px; background:url(images/arrow_r.gif) no-repeat 0 0; }
.q {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.8em;
	color: #F00;
	text-decoration: underline;
}
#que {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
}
#ans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #324831;
}
.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	float: right;
	width: 690px;
	font-variant: small-caps;
	text-transform: capitalize;
	height: 12px;
}

.main .header_full .header .menu .slogan p {
	text-align: center;
	color: #E3DE83;
}