/*
	Borrowed from cearchitects.com
*/

div#header{
/* border-top:4px solid white; */
}
div#topBar {
	display: block;
	background: url(http://209.200.114.125/assets/images/html/logo.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 200px;
	padding-left: 400px;
}
ul#benefits {

}
/*
	Main Navigation
*/
div#navigation {
margin-left: 50px;
border-left:4px solid white;
background:transparent url(http://209.200.114.125/assets/images/html/diag-background-lightgrey.jpg) top left;
}

ul#navmenu {
width:611px;
height:199px;
margin:0;
background:url() no-repeat;
position:relative;
background:transparent url(http://209.200.114.125/assets/images/html/menu-background2.jpg) no-repeat;
/*border-right:4px solid white;*/
}
#navmenu li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
top: 0;
}
#navmenu li,#navmenu a {
	height: 199px;
	display: block;
}
img {
	border:none;
}
#navmenu a{
	text-decoration:none;
}
#navmenu a i { 
	visibility: hidden;
 }
 
#whoweworkwith, #whoweworkwithcurrent {left: 0; width: 98px;}
#services, #servicescurrent {left: 98px; width: 98px;}
#benefits, #benefitscurrent {left: 196px; width: 98px;}
#aboutUs, #aboutUscurrent {left: 294px; width: 100px;}
#rightPanel, #rightPanelcurrent {left: 396px; width: 198px;}

#whoweworkwith a:hover, #whoweworkwith a:active, #whoweworkwithcurrent a {
	background:url(http://209.200.114.125/assets/images/html/menu-background2.jpg)  0px -199px no-repeat;
}
#services a:hover, #services a:active, #servicescurrent a {
	background:url(http://209.200.114.125/assets/images/html/menu-background2.jpg) -98px -199px no-repeat;
}
#benefits a:hover, #benefits a:active, #benefitscurrent a {
	background:url(http://209.200.114.125/assets/images/html/menu-background2.jpg) -196px -199px no-repeat;
}
#aboutUs a:hover, #aboutUs a:active, #aboutUscurrent a {
	background:url(http://209.200.114.125/assets/images/html/menu-background2.jpg) -294px -199px no-repeat;
}
div#signUp {
	position: absolute;
	background-color:#FFFFFF;
	top: 75px;
	left: 472px;
	border-style: solid;
	border-color: #C5C3A4;
	border-width: medium;
	width: 195px;
	margin-top: -1px;
}
div#quotesSWF {
	width: 195px;
	height: 195px;
}
/*
	Benefits
*/
ul#benefitsmenu {
	position: relative;
	display: block;
}
#benefitsmenu li {
	height: 199px;
	display: block;
}
/*
	Main Content
*/
div#content {
	position: absolute;
	left: 79px;
	height: 95px;
	width: 385px;
}

/*
 Bottom Panels
*/
div#bottomPanel {
	position: absolute;
	top: 280px;
	left: 78px;
	width: 611px;
	padding-bottom: 11px;
}
#bottomPanel ul {
	float: left;
	list-style: none;
	width: 100px;
	margin-right: 5px;
}
#bottomPanel li a {

}
#bottomPanel li a:hover {
	background-color: #CCCCCC;

}
#bottomPanel li a:visited {

}
#bottomPanel sectionTitle {
	font-size: 18px;
	background-color: #CCCCCC;
}
div#title {
	width: 180px;
	height: 100%;
	padding-top: 10px;
	padding-left: 0px;
	float: left;
	font-size: 24px; 
}
div#message {
	position: absolute;
	left: 90px;
	top: -10px;
	display: block;
	padding: 10px;
	padding-top: 0px;
	clear: left;
}
div#messageText {
	font-size: 12px;
	position: absolute;
	left: 95px;
	top: 20px;
	width: 260px;
	display: block;
}
div#credits {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 158px;
	text-align: center;
	border-top: thin solid gray;
}

/*
	Listamatic
	*/
 #navcontainer
{
background: #FFFFFF;
width: 130px;
margin: 0 auto;
font-size: 10px;
text-align: center;
position: absolute;
left: 460px;
top: 12px;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 130px;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
padding-bottom: 1px;
}

ul#navlist li a
{
display: block;
width: 100%;
padding-left: 5px;
border-width: 1px;
border-color: #FFFFFF;
border-style: solid;
color: #FFFFFF;
text-decoration: none;
background: #313333;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #000000;
background: transparent;
border-color: #FFFFFF;
border-left-width: medium;
border-left-color: #AB4040;
}