/* CSS reset 
----------------------------------------------------------------------------------------------- 
   The CSS reset strips the default styles of all elements in the document to make them 
   "plain", so we can set them without having to override existing values. This CSS reset was
   created by CSS guru Eric Meyer.
============================================================================================ */ 

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* General 
----------------------------------------------------------------------------------------------- 
   These will be the default styles we create for our pages, including the outer container 
   which holds everything on the page.
============================================================================================ */ 

body {
	background-color:#fff;
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555;
}

.clear {
	clear:both;
	font-size: 0px;
	height:0px;
}

.bold {
	font-weight: bold;
}

a {
	color: #9c0021;
	text-decoration:none;
}

a.bluearrow {
	text-decoration: none;
	padding-right: 10px;
	text-transform: uppercase;
	color: #5988b1;
	font-weight: bold;
	background:transparent 2px right no-repeat url(images/arrow_blue.gif);
}

*html a.bluearrow {
	background-position: 3px right;
}

a.bluearrow:hover {
	text-decoration: underline;
}

a.grayarrow {
	text-decoration: none;
	padding-right: 10px;
	color: #000;
	background:transparent right 2px no-repeat url(images/arrow_gray.gif);
}

*html a.grayarrow {
	background-position: 3px right;
}

a.grayarrow:hover {
	text-decoration: underline;
}

#container {
	margin:0 auto;
	width:825px;
	position: relative;
	padding: 0;
	min-height:800px;
	height:auto !important;
	height:800px;
}

#draggable {
	position: absolute;
	right: 0;
}

/* Head 
----------------------------------------------------------------------------------------------- 
============================================================================================ */ 


#head {
	padding: 0 0 25px 0;	
}

#head li {
	float: left;
	height: 51px;
	overflow: hidden;
}

#head ul li a.aboutus {
	width: 157px;
	height: 104px;
	background: transparent top left no-repeat url(images/bkgd_nav_aboutus.png);
	font-size: 1px;
	text-indent: -10000px;
	display: block;
}

#head ul li a.whatwedo {
	width: 156px;
	height: 104px;
	background: transparent top left no-repeat url(images/bkgd_nav_whatwedo.png);
	font-size: 1px;
	text-indent: -10000px;
	display: block;
}

#head ul li a.solutions {
	width: 158px;
	height: 104px;
	background: transparent top left no-repeat url(images/bkgd_nav_solutions.png);
	font-size: 1px;
	text-indent: -10000px;
	display: block;
}

#head ul li a.aoncorp {
	width: 158px;
	height: 104px;
	background: transparent top left no-repeat url(images/bkgd_nav_aoncorp.png);
	font-size: 1px;
	text-indent: -10000px;
	display: block;
}

#head ul li a.contact {
	width: 157px;
	height: 104px;
	background: transparent top left no-repeat url(images/bkgd_nav_contact.png);
	font-size: 1px;
	text-indent: -10000px;
	display: block;
}

*html #head ul li a.aboutus   { background-image: url(images/bkgd_nav_aboutus.jpg); }
*html #head ul li a.whatwedo  { background-image: url(images/bkgd_nav_whatwedo.jpg); }
*html #head ul li a.solutions { background-image: url(images/bkgd_nav_solutions.jpg); }
*html #head ul li a.aoncorp   { background-image: url(images/bkgd_nav_aoncorp.jpg); }
*html #head ul li a.contact   { background-image: url(images/bkgd_nav_contact.jpg); }

#head ul li a:hover.aboutus,
#head ul li.selected a.aboutus,
#head ul li a:hover.whatwedo,
#head ul li.selected a.whatwedo,
#head ul li a:hover.solutions,
#head ul li.selected a.solutions,
#head ul li a:hover.aoncorp,
#head ul li.selected a.aoncorp,
#head ul li a:hover.contact,
#head ul li.selected a.contact
{ background-position: -52px left;}

#logo {
	margin:0 auto;
	width:789px;
	position: relative;
	padding: 24px 0 38px 35px;
}

#feature {
	margin:0 auto;
	width:824px;
	position: relative;
	min-height:300px;
	height:auto !important;
	height:300px;
}


/* Home page sections 
----------------------------------------------------------------------------------------------- 
============================================================================================ */ 

#tophome {
	position: relative;
	margin:0;
	/*width:381px;
	padding: 65px 400px 38px 37px;
	background:transparent left top no-repeat url(images/bkgd_feature_hometop.png);
	min-height:282px;
	height:auto !important;
	height:282px;*/
}

#tophome h1 {
	display: none;
}

#tophome p {
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 14px;
}

#lefthome {
	margin: 0 19px 0 0;
	position: relative;
/*	width:335px;
	float: left;
	padding: 72px 33px 0 33px;
	background:transparent left top no-repeat url(images/bkgd_feature_homebotleft.png);
	min-height:130px;
	height:auto !important;
	height:130px;*/
	font-size: 12px;
}

#lefthome h1 {
	display: none;
}

#lefthome p {
	line-height: 15px;
	padding-bottom: 32px;
}

#lefthome .readmore,
#righthome .readmore {
	position: absolute;
	bottom: 25px;
	left: 33px;
}

#righthome {
	position: relative;
/*	width:338px;
	float: left;
	padding: 72px 33px 0 33px;
	background:transparent left top no-repeat url(images/bkgd_feature_homebotright.png);
	min-height:130px;
	height:auto !important;
	height:130px;*/
	font-size: 12px;
}

#righthome h1 {
	display: none;
}

#righthome p {
	line-height: 15px;
	padding-bottom: 32px;
}


/* Underlying page styles 
----------------------------------------------------------------------------------------------- 
============================================================================================ */ 

#main {
	margin:0;
	width:824px;
	padding: 0;
	min-height:582px;
	height:auto !important;
	height:582px;
	position: relative;
}

#main .box {
	position:absolute;
	left:0;
	top:0;
}

#main h1 {
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	padding-bottom: 20px;
}

#main h2 {
	color: #5988b1;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 18px;
	text-transform: uppercase;
	text-decoration: none;
}

#main p {
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 18px;
}

#main #leftcolumn {
	position: absolute;
	top: 25px;
	left: 35px;
	width: 265px;
	font-size: 12px;
	line-height: 15px;
	z-index: 50;
	height: 525px;
}

#main #leftcolumn ul {
	padding-top: 24px;
}

#main #leftcolumn li {
	padding-bottom: 12px;
	color: #000;
}

#main #rightcolumn {
	position: absolute;
	top: 25px;
	left: 335px;
	width: 415px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	height: 525px;
	z-index: 100;
	padding-right: 25px;
	background:transparent 422px 0px no-repeat;
}

#main #rightcolumn ul {
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 18px 10px;
	list-style: disc;
	margin-left: 18px;
}

/* Foot 
----------------------------------------------------------------------------------------------- 
============================================================================================ */ 

#foot {
	position: absolute;
	top: 750px;
	margin: 30px auto;
	text-align: center;
	font-size: 10px;
	color: #000;
	width:840px;
}

#foot li {
	display: inline;
	line-height: 13px;
}

#foot ul {
	margin-bottom:4px;
}

#foot ul.footlinks li {
	padding-right: 10px;
	margin-right: 10px;
	border-right: solid 1px #000;
}

#foot ul.contact li {
	padding-right: 9px;
}