/* CSS Document */


/********************
	Globals 
********************/
body { margin:20px; }
* { font-family:Arial, Helvetica, sans-serif; } 
.clear { clear:both; } 




/********************
	# Wrapper 
********************/
#wrapper { width:780px; } 




/********************
	# Top Logo 
********************/
#top_logo { float:left; _margin-top:25px; } 
#top_logo h1 { color:#333333; font-size:40px; } 
#top_logo h1 span.blue { color:#0066CC; } 
#top_logo h1 span.small_h1 { font-size:12px; }




/********************
	# Top Menu 
********************/
#navcontainer { float:right; width:450px; margin-top:50px;} 
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; float:right; }
#navcontainer ul li { float:right; margin-right:20px;} 
#navcontainer ul li a { font-size:12px; padding:3px 7px 3px 7px; color:#666666; display:block; } 
#navcontainer ul li a:hover { background-color:#0066CC; color:#FFFFFF; text-decoration:none; } 
#navcontainer #active { background-color:#0066CC; color:#FFFFFF; text-decoration:none; } 




/********************
	# middleBar 
********************/
#middleBar { width:780px; background-color:#CCCCCC; font-size:12px; margin-bottom:20px; }
#middleBar div.left, #middleBar div.middle, #middleBar div.right { float:left; } 

#middleBar div.left { background-color:#f2f2f2; width:250px; height:150px; padding-top:40px; } 
	/* div.left list (secondary navigation */
	div.left ul { list-style-type:none; margin:0px 0px 0px 30px; padding:0; } 
	div.left ul li { padding-left:15px; margin-top:7px; background:url(img/listbg.jpg) no-repeat 0px 0.6em; } 
	div.left ul li a { text-decoration:none; color:#666666; } 
	div.left ul li a:hover { text-decoration:underline; } 
	div.left #active_sub { text-decoration:underline; }
	
#middleBar div.middle { background-color:#0066CC; background:url(img/middlebg.jpg); } 
	/* div.middle middle voice 'modern company' */
	div.middle { width:340px; height:190px; } 
	div.middle h2 { color:#FFFFFF; font-size:14px; font-weight:bold; margin-left:40px; margin-top:90px; letter-spacing:0.5px; } 

#middleBar div.right { background-color:#f2f2f2; background:url(img/homepage-man.jpg) no-repeat top left; }
	/* your pics */
	div.right { width:189px; height:190px; } 






/********************
	# Content 
********************/
#content { float:left; width:570px; }
#content h3 { font-weight:normal; color:#666666; }
#content h3 span { color:#0066CC; }
#content img { float:left; margin:15px; }
#content p { font-size:12px; } 





/********************
	# Contactus 
********************/
#contactus h3 { font-weight:normal; color:#666666; }
#contactus p { font-size:12px; } 
#contactus h4 {  color:#000066; font-size:18px; }
#contactus 	div.float_contactus { float:left; width:390px; font-size:13px; line-height:1.3em; }
			div.float_contactus h4 { color:#000066; font-size:18px; }
			div.float_contactus address { font-style:normal; font-size:13px; } 
			div.float_contactus span.tel { width:20px; display:block; float:left; color:#0033CC; } 
			div.float_contactus span.email { width:120px; display:block; float:left; color:#0033CC; }
			div.float_contactus br { clear:left; }
			div.float_contactus a { color:#000000; text-decoration:none; }
			div.float_contactus a:hover {text-decoration:underline; }





/********************
	# News 
********************/
#news { background-color:#f2f2f2; width:180px; float:left; margin-left:25px; margin-top:15px; }
#news h5 { background-color:#CCCCCC; color:#666666; font-size:12px; margin:0; padding:2px 2px 2px 5px; width:175px; _width:177px; }


div.big_news { margin-top:10px; padding:10px; width:300px; float:left; min-height:200px; height:auto !important; height:200px; margin-left:20px; vertical-align:top; } 
div.big_news a { color:#006699; font-size:12px; } 
span.title { font-size:14px; color:#000066; } 
span.time { font-size:12px; color:#999999; width:200px; } 
span.short_description { font-size:12px; color:#666666; } 
span.views span { color:#006600;  } 
span.views { color:#666666; font-size:11px;  } 
span.author_id { margin-bottom:20px; } 



/********************
	# Footer 
********************/
#footer { border-top:3px solid #000066; margin-top:50px; text-align:right; padding:10px; } 
#footer ul { margin:0; padding:0; list-style-type:none; } 
#footer li { display:inline; margin-right:5px; border-right:1px solid #CCCCCC; padding-right:5px; } 
#footer a { font-size:11px; color:#666666; text-decoration:none;  } 
#footer a:hover { text-decoration:underline; color:#333333; }



/*******************
*	# What we do 
*******************/
#whatwedo { margin:20px; } 
#whatwedo p { font-size:13px;  }