/* initial styles, to remove default margin/padding across browsers */
html, body, form, fieldset { margin: 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #6E7377; }
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
li, dd, blockquote { margin-left: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

/* html element styles */
a { color: #6E7377; }
a span { display: none; }
body { margin: 20px 0 20px 20px; }
h1 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: normal;
	letter-spacing: -1px;
}
h2 { font-size: 16px; margin-bottom: 10px; }
h3 { font-size: 12px; margin-bottom: 10px; }
p { margin-bottom: 10px; }
ul { margin: 0 0 10px 16px; }
td {vertical-align:top; }

/* id selectors */
#logo { display: block; width: 150px; height: 50px; text-decoration: none; color: #fff; background: transparent url(../images/logo_anaqua.gif) no-repeat 1px 2px; }
#nav {width: 957px; height: 33px; position:relative; margin:0; font-size:12px; border-bottom: 3px solid #fff; background-color:#797E83;}
#nav ul li a {display: block; padding: 5px; width: 121px; height: 23px; text-decoration: none;}
html>body #nav ul li a:visited {display: block; padding: 5px; width: 121px; height: 23px; text-decoration: none;}
#nav ul {padding:0; margin:0; list-style-type: none; }
#nav ul li {float: left; margin: 0; padding: 0; width: 131px; border-right: 3px solid #fff; position:relative; }
#nav ul li ul {display: none;}
#nav li.contact {border-right: none; margin-left: 339px;}
#nav li.contact a {color:#fff; font-weight:bold;}

/* non ie specific */
html>body #nav ul li a {color:#fff; font-weight:bold;}
html>body #nav ul li:hover ul {display:block; position:absolute; top:33px; left:0px; background-color:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; border-top:3px solid #fff; border-bottom: 1px solid #797E83;}
html>body #nav ul li:hover ul li{width:131px; border-right:none; color:#000}
html>body #nav ul li:hover ul li a {display:block; border-right: 1px solid #797E83; border-left: 1px solid #797E83; padding:3px; width:124px; height:auto; color:#000;}
html>body #nav .mozAbout:hover {background-color: #009DD9;}
html>body #nav .mozAbout ul a:hover {color:#009DD9;}
html>body .about #nav .mozAbout {background-color: #009DD9;}
html>body #nav .mozSolutions:hover {background-color: #76B900;}
html>body #nav .mozSolutions ul a:hover {color:#76B900;}
html>body .solutions #nav .mozSolutions {background-color: #76B900;}
html>body #nav .mozProducts:hover {background-color: #003C79;}
html>body #nav .mozProducts ul a:hover {color:#003C79;}
html>body .products #nav .mozProducts {background-color: #003C79;}
html>body #nav .mozServices:hover {background-color: #F1AB00;}
html>body #nav .mozServices ul a:hover {color:#F1AB00;}
html>body .services #nav .mozServices {background-color: #F1AB00;}
html>body #nav .mozCommunity:hover {background-color: #892034;}
html>body #nav .mozCommunity ul a:hover {color: #892034;}
html>body .community #nav .mozCommunity {background-color: #892034;}

/*Classes*/
.aboutOn {
	background-color: #009DD9;
}
.calltoaction {
	font-size: 20px;
	font-weight: normal;
	width: 246px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	border-bottom: 1px dashed #bbb;
}
.calltoaction a {
	text-decoration: none;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.communityOn {
	background-color: #892034;
}
.extraContent {
	width: 246px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	border-bottom: 1px dashed #bbb;
}
.first { border-top: 1px solid #797E83; padding-top: 0;}
.home .content .topics li {
	background: url(../images/solutions.dash.gif) no-repeat 0px 4px;
	padding-left: 10px;
}
.highlights { width: 286px; border-top: 1px dotted #bbb; background: #e0eef4; }
.highlights a { display: block; /*height: 54px;*/ border-bottom: 1px dotted #bbb; border-right: 20px solid #76B900; padding: 5px 5px 5px 20px; margin-bottom: 1px; text-decoration: none; background: transparent url(../images/bg_highlights_a.gif) no-repeat 9px 8px; }
.highlights a.events { border-right-color: #003C79; }
.highlights a.news { border-right-color: #76B900; }
.highlights a.casestudies { border-right-color: #009DD9; }
.highlights a.productreviews { border-right-color: #F1AB00; }
.highlights a:hover { color: #fff; background-position: 9px -242px; }
.highlights a.events:hover { background-color: #003C79; }
.highlights a.news:hover { background-color: #76B900; }
.highlights a.casestudies:hover { background-color: #009DD9; }
.highlights a.productreviews:hover { background-color: #F1AB00; }
.intro { font-size: 14px; margin-bottom: 20px; }
.productsOn {
	background-color: #003C79;
}
.servicesOn {
	background-color: #F1AB00;
}
.solutionsOn {
	background-color: #76B900;
}
.tableOn {
	background: url(../images/table.on.jpg) no-repeat left top;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	border: 1px solid #3f4245;
	line-height: normal;
}
.tableOff {
	background: url(../images/table.off.jpg) no-repeat left top;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	border: 1px solid #969696;
	line-height: normal;
}

/*ID's*/
#container {
	width: 957px;
	margin-left: 10px;
}
#copy {
	width: 525px;
	background: #faf7f7 url(../images/back-logo.gif) no-repeat right top;
	padding: 17px 125px 17px 17px;
	color: #000;
	line-height: 1.5em;
	margin-bottom: 3px;
}
#copy a {
	color: #000;
	font-weight: bold;
}
#copy a:hover {
	font-weight: bold;
	color: #12527D;
	text-decoration: none;
}
#footer {
	width: 957px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 957px;
}
#learnMore {
	float:right; 
	text-align:right; 
	font-size:12px; 
	margin-top:7px;
}
#leftColumn {
	float: left;
	width: 670px;
	border-right: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
}
#rightColumn {
	float: right;
	width: 286px;
}
#imgHolder {
	height: 177px;
	width: 668px;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: -1px;
}
#imgHolder p {
	margin-top: 140px;
	margin-left: 17px;
}

.indexBG {
	background: url(../images/main_home.jpg) no-repeat left top;
}

