/* CSS Document */

.hide {display: none;}
.show {display: block;}

#navigation 
{
	width: 176px;
	float: left;
}

/* main navigation */
.home, .about, .services, .faq, .press, .contact, .casestudies 
{
	width: 176px;
	font-size: 12px;
	padding: 0 0 3px 0;
}

.home a, .about a, .services a, .faq a, .press a, .contact a, .casestudies a 
{
	width: 176px;
	height: 33px;
	display: block;
	background: url(../images/btn_bg.gif) no-repeat;
	color: #313131;
	text-decoration: none;
	outline: none; /*IE remove dashed border*/
}

.home a div, .about a div, .services a div, .faq a div, .press a div, .contact a div, .casestudies a div 
{
	padding: 9px 0 0 20px;
}

.home a:hover, .about a:hover, .services a:hover, .faq a:hover, .press a:hover, .contact a:hover, .casestudies a:hover 
{
	color: #FF0000;
}

.home a:focus, .about a:focus, .services a:focus, .faq a:focus, .press a:focus, .contact a:focus, .casestudies a:focus 
{
	-moz-outline-style: none; /*Moz remove dashed border*/
}

/* main dropdowns */
#m_personal, #m_corporate 
{
	width: 176px;
	margin: 6px 0 4px 0px;
	font-size: 11px;
}

#m_personal li, #m_corporate li 
{
	width: 136px;
	height: 20px;
	list-style: none;
}

#m_personal a, #m_corporate a 
{
	width: 176px;
	height: 19px;
	display: block;
	background: url(../images/btn_bullet.gif) no-repeat 20px;
	color: #313131;
	text-decoration: none;
	outline: none; /*IE remove dashed border*/
}

#m_personal a div, #m_corporate a div 
{
	padding: 2px 0 0 40px;
}

#m_personal a:hover, #m_corporate a:hover 
{
	color: #FF0000;
}

#m_personal a:focus, #m_corporate a:focus 
{
	-moz-outline-style: none; /*Moz remove dashed border*/
}

/* active state when the page is open */

body#home div.home a, 
body#about div.about a, 
body#personal div.personal a, 
body#services div.services a,
body#faq div.faq a, 
body#press div.press a, 
body#casestudies div.casestudies a,
body#contact div.contact a 
{
	color: #FF0000;
}