body { background: #ccc url('../images/body_bg.gif') repeat-x; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#container { width: 798px; border: 1px solid #ccc; background: #fff; margin: 0 auto; }
#container p.right { text-align: right; font: 9px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 7px 16px 12px 0; }
#container a:link, #container a:visited { color: #838383; }
#container a:hover { color: #ccc; }

/* =>> main navigation */
#menu { padding-left: 13px;  height: 24px; background: url('../images/menu_bg.gif') repeat-x; clear: both;}
#menu li { display: inline; }
#menu span.displayNone { display: none; }
#menu li a { margin: 7px 15px 0 0;  float: left; display: inline; }

#menu li#home a {  width: 30px; height: 9px; background: url('../images/nav/home.gif') no-repeat;}
#menu li#home a:hover { background:  url('../images/nav/home_hover.gif') no-repeat; }

#menu li#why a { width: 77px; height: 11px; background: url('../images/nav/why.gif') no-repeat;}
#menu li#why a:hover { background:  url('../images/nav/why_hover.gif') no-repeat; }

#menu li#technology a { width: 109px; height: 11px; background: url('../images/nav/technology.gif') no-repeat;}
#menu li#technology a:hover { background:  url('../images/nav/technology_hover.gif') no-repeat; }

#menu li#news a { width: 77px; height: 9px; background: url('../images/nav/news.gif') no-repeat;}
#menu li#news a:hover { background:  url('../images/nav/news_hover.gif') no-repeat; }

#menu li#partners a { width: 93px; height: 11px; background: url("../images/nav/partners.gif") no-repeat;}
#menu li#partners a:hover { background:  url('../images/nav/partners_hover.gif') no-repeat; }

#menu li#locator a { width: 87px; height: 9px; background: url('../images/nav/locator.gif') no-repeat;}
#menu li#locator a:hover { background:  url('../images/nav/locator_hover.gif') no-repeat; }

#menu li#contact a { width: 40px; height: 9px; background: url('../images/nav/contact.gif') no-repeat;}
#menu li#contact a:hover { background:  url('../images/nav/contact_hover.gif') no-repeat; }

/* =>> search */
#search { float: right; margin-right: 12px; width: 136px; height: 16px; background: url('../images/search.gif') no-repeat; margin-top: -19px; }
#search legend { display: none; }
#search .input-text { border: none;/* padding: 2px 4px 5px 4px;*/ padding: 0 4px; margin: 0 0 3px 0; background: none; color: #8b8b8b; font-size: 9px;  width: 100px; }
#search .input-button {  width: 23px;  height: 16px; border: 0; background: none; cursor: pointer; }

/* =>> sidebar */
#sidebar { width: 155px; float: left; padding: 10px; margin: -10px 15px 0 0; }
	#sidebar p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; margin-bottom: 12px; }
	#sidebar h2.nau { background: url('../images/news_and_updates.gif') no-repeat; text-indent: -5000px; width: 136px; height: 15px;  clear: left; margin-bottom: 7px; }
	#sidebar img.logo { margin: 30px 0 141px 0; }
	#sidebar #news-updates li { font: 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 13px; }
	#sidebar #news-updates a { color: #999999; }
	#sidebar #news-updates li a:hover { color: #00adeb; }
	#sidebar #news-updates li a:visited { color: #ccc ; } 
	
#content { float: left; width: 608px; padding-bottom: 25px; }
	#content img.top { margin-top: 50px; }
	#mainContent { padding: 0 15px; }
	#mainContent p { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999; }
	#mainContent a:link { color: #000; }
	#mainContent a:hover, #mainContent a:visited { color: #00adeb; }
	#mainContent img.title { margin: 5px 0; }

#footer { color: #fff; text-align: center; font: 9px Arial, Helvetica, sans-serif; margin-top: 7px; margin-right: 185px; }

/* =>>  style for content pages */
#contentPage .logo { margin: 6px 0 10px 21px; float: left;}
#contentPage p.right {  float: right; }

#links { margin-top: 20px; }
#links li { display: block; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#links a:link { color: #999; }
#links a:hover  { color: #00adeb; }
#links li.current a:link, #links li.current a:visited { color: #00adeb; }

#contentPage #sidebar { width: 160px; }
#contentPage #mainContent { margin-top: 20px; float: left; width: 400px; }
#contentPage #mainContent h1 { color: #999; margin: 15px 0; font: 16px Verdana, Arial, Helvetica, sans-serif}
#contentPage #mainContent h2 { color: #999; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
#contentPage #mainContent p { margin-bottom: 15px; width: 400px; }

#contentPage #footer { color: #999; background: url('../images/content_footer.gif') left top no-repeat; padding-top: 10px;  text-align: left; margin-right: 0;  }
#contentPage #footer p { font: 9px Verdana, Arial, Helvetica, sans-serif; }

#contentPage .highLight { margin-top: 72px; width: 153px; float: left; }
#contentPage .highLight p { color: #000; font: 9px Verdana, Arial, Helvetica, sans-serif; }