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

a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* main */
.main { padding:0; margin:0 auto; width:1004px; background: url(../images/heder_bg.gif) top no-repeat;}
/********** header **********/
.header { padding:0; margin:0;}
/* logo */
.logo { padding:0; margin:0; width:400px; float:left;}
/* search */
.search { width:330px; float:right; padding:30px 0 0 0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background:url(../images/search_bg.png) left top no-repeat; border:0; height:14px; width:267px; padding:12px 0 12px 10px; margin:0; font:normal 10px Arial, Helvetica, sans-serif; color:#000;}
.search form .button { float:left; margin:0 -10px ; padding:0;}
/* menu */	
.menu { padding:0; margin:5px; width:498px; float:right;}
.menu ul { padding:30px 0 0 40px; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; border:0;}
.menu ul li a { background:#c50808; float:left; margin:0; padding:13px 5px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { background:#3c3c3c; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.menu ul li a.active { background:#3c3c3c; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
/*header_text*/
.header_text { width:1004px; height:360px; margin:0 auto; padding:0; background:url(../images/simple_bg_all.jpg) top no-repeat;}
.header_text .div { float:right; width:890px; padding:10px 0; margin:0;}
.header_text img.screen { float:left; margin:25px 0;}
.header_text .div .left1 { float:right; width:600px; padding:0; margin:0;}
.header_text .div .left1 h2 { font:normal 32px Arial, Helvetica, sans-serif; color:#464646; padding:20px 0 0 20px; margin:0;}
.header_text .div .left1 h2 span { color:#c50808; font: normal 42px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.header_text .div .left1 a { color:#cd0a4f; text-decoration:underline;}
.header_text p { font:normal 15px Arial, Helvetica, sans-serif; color:#7b7b7b; padding:5px 0 5px 20px; margin:0; line-height:1.8em;}
.header_text p.ulli { width:300px; font: normal 11px  Tahoma, Geneva, sans-serif; color:#fff; padding:5px 15px; margin:5px 0 5px 20px; background:#767676 url(../images/simple_ul_li.gif) left no-repeat;}
/*header_text_bg2*/
.header_text_bg2 { margin:0; padding:0;}
/* header_text2 */
.header_text2 { height:179px; margin:0 auto; padding:0; background:url(../images/header_text_bg2.gif) top no-repeat; width:1004px;}
.header_text2 h2 { font: bold 28px Arial, Helvetica, sans-serif; color:#464646; margin:0; padding:40px 0 0 70px;}
.header_text2 p { font: normal 15px Arial, Helvetica, sans-serif; color:#7a7a7a; padding:10px 0 0 70px; margin:0; line-height:1.8em;}
/* Navigation */	
ul.Navigation { padding:0; margin:0; list-style:none; border:0;}
ul.Navigation li { margin:0; padding:3px 10px; border:0;}
ul.Navigation li a { display:block; margin:0; padding:3px 0 3px 25px; color:#aeaeae; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #787878; background: #5d5d5d url(../images/sub_ul_li.gif) 10px center no-repeat;}
ul.Navigation li a:hover { background:#afafaf url(../images/right_ul_li.gif) 10px center no-repeat; color:#5e5e5e;}
ul.Navigation li a.active { background:#afafaf url(../images/right_ul_li.gif) 10px center no-repeat; color:#5e5e5e;}
/********** body **********/
.body { width:1001px; margin:10px auto 0 auto; padding:10px 0; border:1px solid #d6d6d6; background:url(../images/body_bg.gif) center top repeat-y;}
.body h1 { color:#fff; font:normal 24px Tahoma, Geneva, sans-serif; margin:5px 0; padding:10px 5px;}
.body h2 { color:#fff; font:normal 22px Tahoma, Geneva, sans-serif; margin:5px 0; padding:10px 5px;}
.body h2 span { color:#3a3c3c;}
.body img { float:left; padding:0; margin:5px 15px;}
.body img.small { float:right; padding:0; margin:0px 0px;}
.body p { font:normal 12px Tahoma, Geneva, sans-serif; color:#fff; line-height:1.8em; padding:5px; margin:0;}
.body p span { color:#9e526d; }
.body a { text-decoration:underline; color:#ff0000; line-height:1.8em;}
.body_small { width:278px; float:right; margin:0; padding:30px 25px;}
.body_small p.test { background:url(../images/bg_test.gif) top no-repeat; height:124px; padding:5px 10px; margin:0 auto;}
.body_big { width:590px; float:left; margin:0; padding:30px 25px;}
/* body2 */
.body2 { width:1001px; margin:10px auto 0 auto; padding:10px 0; border:1px solid #d6d6d6; background:url(../images/body2_bg.gif) top repeat-y;}
.body2 .small { width:205px; float:right; margin:0; padding:12px 25px;}
.body2 .big { width:690px; float:left; margin:0; padding:12px 25px;}
.body2 h2 { font: normal 24px Tahoma, Geneva, sans-serif; color:#fff; margin:10px; padding:5px;}
.body2 h3 { font: normal 19px Tahoma, Geneva, sans-serif; color:#c3c3c3; margin:10px; padding:5px;}
.body2 p { font: normal 12px Tahoma, Geneva, sans-serif; color:#c3c3c3; margin:10px; padding:5px; line-height:1.8em;}
.body2 img.port { float:left; margin:10px 15px; padding:0;}
/*.body2 img { float:left; padding:0;}*/
.body2 a { color:#fff;}

.botttoms { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; width:160px; margin:5px; padding:5px; float:right;}
.botttoms a { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:2px 5px; margin:2px; background:#666666; border:1px solid #646464; text-decoration:none;}
.botttoms a:hover { color:#fff; background:#353535; text-decoration:none; border:1px solid #989898;}
/*bloga*/
.body .bloga { width:294px; float:left; margin:0; padding:30px 15px;}
.body .bloga p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:5px; margin:0; line-height:1.8em;}
.body .bloga img.normmal { float:left; margin:5px 5px; padding:0;}
/* END_bloga*/
/********** footer **********/
.footer { margin:0; padding:0 20px;}
.footer ul { margin:0; padding:30px 10px 30px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:30px 20px 30px 20px; float:right; color:#939393; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#c70a0a; font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** 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 label { float:left; margin:0; width:130px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #5f5f5f; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform select.text { width:400px; border:1px solid #5f5f5f; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #5f5f5f; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #bb0707; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #6a6a6a; padding:0; margin:10px 0; background:none; list-style:none;}


div#portfolio img {border: 3px solid #ccc;}

/*--------------------------------toggle----------------------------------*/
h4.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url('../images/h2_trigger_a.gif') no-repeat;
	height: 46px;
	line-height: 46px;
	width: 980px;
	font-size: 2em;
	font-weight: normal;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
}
h4.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h4.trigger a:hover {
	color: #ccc;
}
h4.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url('../images/toggle_block_stretch.gif') repeat-y left top;
	overflow: hidden;
	font-size: 0.8em;
	font-family: Tahoma, Geneva, sans-serif;
	width: 980px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url('../images/toggle_block_btm.gif') no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

/*--------------------------------sample design----------------------------------*/
ul.portfolio {
padding:0px; margin:0px 0px 10px 0px;
list-style:none;
}
ul.portfolio li {
margin-right:12px; margin-left:12px; margin-bottom:15px; background:none; padding-left:0px;
float:left; display:inline;
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:10px 6px 0px 0;
padding:5px;
font-family:Tahoma,Geneva,sans-serif;
font-size:12px;
}

input, textarea, select {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #B2B2B2;
color:#333333;
font-size:12px;
padding:1px;
font-family:Tahoma,Geneva,sans-serif;
}

.formlabel {
color:#fff;
font-size:12px;
font-family:Tahoma,Geneva,sans-serif;
font-weight:bold;
}