@charset "utf-8";
/*main tag*/
body {font:  12px Arial, Helvetica, sans-serif; color:#666;  background: url(../images/wrap_bg.jpg) no-repeat center 260px; padding: 0; margin:0; line-height:1.5em;}

ul{list-style:none;}
ul.list{list-style:decimal;}
ul.sublist{list-style:circle;}
a {color: #c03; text-decoration: none; }
	a:hover { text-decoration: underline; color: #f36; }
a img{border:0;}
img{_margin-bottom:0;}

p{margin:4px 0 10px;}
h2, h3, h4, h5, h6{margin:4px 0 12px;}
small{font-size:10px;}
form{margin:0; padding:0;}

#wrap { margin: 0 auto; text-align: left; width: 978px; padding: 2px 4px 0; w\idth: 978px; }

a.more{float:right; color:#c30; font-weight:bold; font-size:11px; background:url(../images/arrow_right.gif) no-repeat left center; padding:0 15px;}

/*form*/

form { margin: 0; }
	input, button, select { font: 1em Arial, Helvetica, sans-serif; height: 20px;}
	button { padding: 0 4px; background: url(../images/default_button.gif) repeat-x center center; cursor: pointer; border: 1px solid; border-color: #eee  #333  #333  #eee; color:#333;}
	label { cursor: pointer; margin-right: 0.5em; }
	input[type="radio"], input[type="checkbox"] { border: none; background: none; }
	
/*header*/
#top_bg{background: url(../images/body_bg.gif) repeat-x center top; height:25px;}

#header{margin: 0 0 10px;}
	#header #language{text-align:right; line-height:1.4em; font-size:10px;}
	#header #language a{color:#999; padding:0 10px;}
	#header #language a:hover{color:#c03;}

/*main navigation*/

.main_menu {float:right; width:750px; position:relative; border-bottom:1px solid #ddd;}
	.main_menu ul {padding:0; margin:0; float:left; position:relative; }
	.main_menu ul li {float:left; position:relative; display:inline; background:none;}
	* + html .main_menu ul li, * + html .main_menu ul li:hover{margin:0 -1px 0 0 !important;}
	.main_menu ul li a {float:left; display:block; text-decoration:none; color:#666; line-height:40px; height:40px; width:120px; padding:0 10px; text-align:left; cursor:pointer;font-weight:bold;}
		.main_menu ul li:hover a{color:#eee; }
	.main_menu ul li:hover {background:url(../images/main_menu_hover.gif) no-repeat left top;}
	
	.main_menu ul li ul {display:none;}
	.main_menu ul li ul li{background:none;}
	
	.main_menu table {margin:-1px;border-collapse:collapse;}
	
	.main_menu ul li:hover ul {display:block;position:absolute; top:39px; margin-top:1px; left:0; width:140px; padding:0 0 10px!important; background-image:url(../images/sub_menu_hover.png); _background-image:url(../images/sub_menu_hover.gif);  background-position:bottom;}
	.main_menu ul li:hover ul li a {display:block;  color:#888; height:auto; line-height:2.1em; width:118px !important; padding:0 10px 0 10px!important; font-weight:normal !important; font-size:10px !important; }
	.main_menu ul li:hover ul li a:hover {color:#fff; background-color: #666;}

	
	/*main menu IE6*/ 
	* html .main_menu ul li a:hover {color:#eee; text-decoration:none; background:url(../images/main_menu_hover.gif) no-repeat left top;}
	* html .main_menu ul li a ul {display:none; position:absolute;  top:39px; left:0; margin-top:0; marg\in-top:1px; width:140px !important; padding:0 0 10px!important; background:url(../images/sub_menu_hover.gif) no-repeat left bottom !important;}
	* html .main_menu ul li a ul li a {display:block; color:#888; height:auto; line-height:2.1em; width:118px !important; padding:0 10px 0 10px!important; w\idth:118px; font-weight:normal !important; font-size:10px !important;}
	* html .main_menu ul li a ul li a:hover {color:#fff; background:#444;}
	
/*headline*/
.headline{overflow:hidden; color:#999; display:none; width:100%;}
	.headline .intro{float:right; width:450px; padding:100px 100px 0 0;}
	.headline strong{color:#5f605b;}
	.headline h2{font-size:22px; color:#900; }
		
/*main content*/
#main_content{background-repeat:no-repeat; background-position:center top;  overflow:hidden; _height:1%; background-image:url(../images/content_bg.png); _background-image:url(../images/content_bg.gif);  margin-top:-60px; padding:0 3px 0 1px;}
#main_content_white{ margin-top:20px; overflow:hidden; _height:1%;}

	#main_content_white #content .right{float:right; width:250px; padding:10px; background:#eff1e8; border-left:1px solid #e1e4d7;}
	#main_content_white #content .left{float:left; width:690px; padding:10px 0;}
	#main_content_white #title{background-image:url(../images/content_h3_white.png); _background-image:url(../images/content_h3_white.gif); background-repeat:no-repeat; background-position:center top; padding:0 10px;}
	#main_content_white #content{background-image:url(../images/content_bg_white.png); _background-image:url(../images/content_bg_white.gif); background-repeat:repeat-y; background-position:center top; padding:0 4px 0 2px; overflow:hidden; _height:1%; margin:0;}
	
	#main_content_white #page_nav{border-top:1px solid #c2c4bc; border-bottom:1px solid #c2c4bc; background:#e1e4d7; color:#a4a69b; padding:5px 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; }
		#main_content_white #page_nav a{color:#666; font-weight:bold;}
		#main_content_white #page_nav a:hover{color:#c30;}
	
	#main_content .right{float:right; width:575px;}
	#main_content .left{float:left; width:395px;}
	
	#main_content_white h3{color:#4f5049; font-size:1.2em; line-height:2.5em; background:url(../images/logo_small.gif) no-repeat left center; padding-left:20px; margin:0;}
	#main_content h3, #main_content h4{color:#fff; font-size:1.2em; line-height:2em; background:url(../images/logo_small.gif) no-repeat left center; padding-left:20px;}
	#main_content h4{float:right;}

/*home protfolio*/	
	#main_content .portfolio{padding:10px 12px 20px 10px; width:550px; color:#ccc; clear:both;}
		
		#main_content .portfolio ul{padding:0; margin:0; border-top:1px solid #444; overflow:hidden; _height:1%;}
		#main_content .portfolio li{width:50%;  float:left;}
			#main_content .portfolio li small{display:block; margin-top:-3px;}
			#main_content .portfolio li img{float:left; margin:0 6px;}
			#main_content .portfolio li a{font-weight:bold; color:#ccc; padding:8px 0; display:block; width:100%; height:auto;}
			#main_content .portfolio li a:hover{color:#fff; background:#121211; text-decoration:none;}
			
	#main_content .profile{padding:60px 15px 10px; color:#aaa; text-align:justify;}
		#main_content .profile p{padding-left:20px;}
		
/*main portfolio*/
#main_portfolio{padding:0; margin:0; overflow:hidden; _height:1%;}
	#main_portfolio li{width:50%; height:100px; float:left; padding:5px 0 0; border-bottom:1px dotted #e1e4d7;}
		#main_portfolio li img{background:url(../images/portfolio_imgbg.gif) no-repeat center center; padding: 5px 7px 7px 5px; float:left; margin:0 10px; width:100px; height:80px;}
		#main_portfolio li p{padding-right:10px; color:#666;  font: 11px Verdana, Arial, Helvetica, sans-serif ; margin:5px 0;}
		#main_portfolio li strong{color:#4c4e47; font:12px Arial, Helvetica, sans-serif!important;}
		
/*quote*/
#quote, #contact{padding:0 10px;}
	#quote small{color:#aaa;}
	#quote form{border-top:1px solid #ddd; padding:10px 0;}
	#quote td, #contact td{padding:8px 14px; vertical-align:top; text-align:right;}
	#quote td.right_form, #contact td.right_form{ width:470px; text-align:left !important;}
	#quote td.required{background:url(../images/icon_star.gif) no-repeat right 12px; }
	#quote form input{vertical-align:middle;}
	#quote form input.textfield, #quote form .textfield_multiple {border-width:1px; border-style:solid; border-color:#444 #ddd #ddd #444; background:#fff; line-height:16px;}
	#quote form input.textfield{height:16px; width:25em; }
	#quote form .textfield_multiple{width:23em; }

/*foot*/
#foot{clear:both; margin: 0 -1px 0 0; background:#222; padding:10px; font-size:10px; color:#555; line-height:2em;}
	#foot p{margin:0;}
	#foot a{color:#999; padding:0 10px;}
	#foot a:hover{color:#eee;}