@import url(reset.css);

BODY {font-size:81.25%;}
HTML>BODY {font-size:13px;}
BODY {
	font-family: Arial, Helvetica, Sans-Serif;
	background: #A2C7FF url('../img/main_bg.png') repeat-y top center;
	color: #35384C;
}
/* TYPOGRAPHY **************/
H1, H2, H3 { font-weight:bold; margin: 10px 0}

H1 {font-size:1.5em}  /* 18px */
H2 {font-size:1.25em}  /* 15px */
H3 {font-size:1em}  /* 12px */
H4 {font-size:1em}
p  {font-size:1em}
#footer p {font-size:0.8em;padding: 20px;}

#sidebar H3 {
	color: #3A4737; 
	padding: 10px 0 10px 40px ;
	margin:-1px 0 0 0;
}
#home #sidebar #contact H3 {
	background: transparent url('../img/home/icon_contact.gif') no-repeat center right;
}
#home #sidebar #news H3 {
	background: transparent url('../img/home/icon_news.gif') no-repeat center right;
}
#products #sidebar #contact H3 {
	background: transparent url('../img/products/icon_contact.gif') no-repeat center right;
}
#products #sidebar #news H3 {
	background: transparent url('../img/products/icon_news.gif') no-repeat center right;
}
#services #sidebar #contact H3 {
	background: transparent url('../img/services/icon_contact.gif') no-repeat center right;
}
#services #sidebar #news H3 {
	background: transparent url('../img/services/icon_news.gif') no-repeat center right;
}
#training #sidebar #contact H3 {
	background: transparent url('../img/training/icon_contact.gif') no-repeat center right;
}
#training #sidebar #news H3 {
	background: transparent url('../img/training/icon_news.gif') no-repeat center right;
}
#header h3 span {
	position: absolute;
	top: -200px;
}
#home #header h3, #about #header h3 {
	background: transparent url('../img/home/ribbon.png') no-repeat top left;
}
#products #header h3 {
	background: transparent url('../img/products/ribbon.png') no-repeat top left;
}
#services #header h3 {
	background: transparent url('../img/services/ribbon.png') no-repeat top left;
}
#training #header h3 {
	background: transparent url('../img/training/ribbon.png') no-repeat top left;
}

/* LAYOUT *****************/
#header, #body, #footer {
	width: 774px;
	margin: 8px auto 0 auto;
}
#header {
	position: relative;	
	height: 158px;
	background: #fff url('../img/header_bg.png') no-repeat top right;
}
#header img {
	width: 223px;
	height: 111px;
	margin: 12px 0 0 19px;
}
#header h3 {
	width: 126px;
	height: 125px;
	display:block;
	position: absolute;
	top: -19px;
	right:-13px;
}
#main {
	width: 510px;
	margin: 0;
	float:left;
	border-right: solid 1px #e5e5e5;
}
#sidebar {
	width: 263px;
	margin:0;
	margin-left:-1px;
	float:left;
	border-left: solid 1px #e5e5e5;
}
.sidebar-body {
	padding: 10px 0 50px 40px ;
}
#footer {
	color: #858585;
	clear: both;
	margin: 0 auto;
}
#footer hr {
	display:none;
}
#about-images {
	height:auto;
	overflow:auto;
	padding-top: 8px;
}
#about-images img {
	float:left;
	width: 128px;
	height: 71px;
}
#about-imagesptr img {
	float:left;
	width: 157px;
	height: 71px;
}
#content {
	clear:both;
	padding: 20px 14px 40px 14px;
}
#contact address label {
	display:block;
	float:left;
	width: 60px;
}
#contact p {
	padding-top:20px;
	text-align:right;
}
#footer, #sidebar #contact, #sidebar #news, #sidebar .sidebar-body {
	background: #fff url('../img/line_dotted.gif') repeat-x top left; 
}
/* NAV *****************/
.warning { display:none }

#main-nav {
	height: auto;
	overflow: visible;
	width: 100%; 
}
#main-nav li {
	display: block;
	float:left;
	height: 26px;
}	
#main-nav li.home {
	background: #000 url('../img/nav_bg_bk.gif') repeat-x top center;
	width: 74px;
	border-left: solid 1px #000;
}
#main-nav li.products {
	background: #000 url('../img/nav_bg_gr.gif') repeat-x top center;
	width: 110px;
	border-left: solid 1px #b4b4b4;
}
#main-nav li.services {
	background: #000 url('../img/nav_bg_bl.gif') repeat-x top center;
	width: 119px;
	border-left: solid 1px #B3D2FF;			
}
#main-nav li.training {
	background: #000 url('../img/nav_bg_pl.gif') repeat-x top center;
	width: 112px;
	border-left: solid 1px #D4D1EF;			
}
#main-nav li.about {
	background: #000 url('../img/nav_bg_bk.gif') repeat-x top center;
	width: 89px;
	border-left: solid 1px #D1CEEE;
	border-right: solid 1px #000;			
}
#sub-nav {
	position: absolute;
	top: 200px;
	margin: 4px 0 0 -126px;
	white-space:nowrap;
	width: 400px;
}
#sub-nav li {
	display: block;
	float: left;
	border-left: solid 1px #dedede;
	height: auto;
}
#sub-nav li.first {
	border-left: none;
}

#sub-nav.sub-nav-about {
	margin: 4px 0 0 -326px;
}
#sub-nav.sub-nav-community {
	margin: 4px 0 0 -120px;
}
#sub-nav.sub-nav-testing {
	margin: 4px 0 0 -58px;
}
#sub-nav.sub-nav-products {
	margin: 4px 0 0 6px;
}




/* LINK STYLES ***************/
#main-nav li a:link, #main-nav li a:visited,
#main-nav li a:hover, #main-nav li a:active {
	display:block;
	height: 21px;
	color: #fff;
	padding: 5px 0 0 0;
	text-decoration:none;
	text-align:center;
}
#main-nav li a:hover, #main-nav li a:active {
	color: #ECECF2;
	text-decoration:none;
}

#main-nav li a:link.on, #main-nav li a:visited.on {
	color: #ECECF2;
	background: transparent url('../img/nav_on.gif') no-repeat bottom center;
	text-decoration:none;
}
#sub-nav li a:link, #sub-nav li a:visited,
#sub-nav li a:hover, #sub-nav li a:active {
	text-align:center;
	display:block;
	color: #0066FF;
	height: auto;
	padding: 1px 15px 3px;
	margin: 0 ;
	text-decoration:none;
}
#sub-nav li a:hover, #sub-nav li a:active, 
#sub-nav li a:link.on, #sub-nav li a:visited.on {
	background-color: #ebebeb;
	background-image: none;
	text-decoration:none;
	color: #0066FF;
}

a:link, li a:visited {
	color: #0066FF;
	text-decoration:none;
}
a:hover, a:active {
	color: #f00;
	text-decoration:underline;
}		

#footer a:link, #footer li a:visited {
	text-decoration:underline;
	color: #858585; 
	margin: 10px 10px 0 0;
}
#footer a:hover, #footer li a:active {
	color: #f00;
}
#about-images a:link, #about-images a:visited, 
#about-images a:hover, #about-images li a:active  {
	margin: 0;
	padding:0;
}


/* CONTENT STYLES **************/

#content UL {
	margin: 10px 0 0 28px;
}
#content LI {
	list-style-position: outside;
	padding: 0 0 0 25px;
	margin: 10px 0;
}
#home #content LI {
	background: url('../img/home/bullet.gif') left top no-repeat;
}
#services #content LI {
	background: url('../img/services/bullet.gif') left top no-repeat;
}
#products #content LI {
	background: url('../img/products/bullet.gif') left top no-repeat;
}
#training #content LI {
	background: url('../img/training/bullet.gif') left top no-repeat;
}