/****** main body styles *******/

body {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/****** link styles *******/

a, a:link {
	color: #FF6600;
	text-decoration: none;

}

a:visited {
color:#FF9900;
}

a:hover {
	color:#0099FF;
	text-decoration: underline;
}

/****** right hand box styles *******/

#box-1 {
	background: url(../images/box-1.gif) no-repeat center center;
}

#box-2 {
	background: url(../images/box-2.gif) no-repeat center center;
}

#box-3 {
	background: url(../images/box-3.gif) no-repeat center center;
}

#box-1 img, #box-2 img {
	margin-right: 15px;
}


/****** footer styles *******/

#footer {
	background: url(../images/footer-bg.gif) no-repeat center center;
}

#footer a, #footer a:link, #footer a:visited {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #ff630b;
	text-decoration: underline;
}

#copyright {
	color: #999999;
}


/****** main box styles *******/

#main-box-top {
	background: url(../images/box-main-top.gif) no-repeat center top;
}

#main-box-bottom {
	background: url(../images/box-main-bottom.gif) no-repeat center bottom;
}

#main-box-middle {
	background: url(../images/box-main-strip.gif) no-repeat center center;
	padding-left: 15px;
	padding-right: 8px;
}

#main-box-middle h1 {
	font: 15px/36px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../images/h1-bg.gif) no-repeat left center;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: 6px;
	display: block;
	width: 483px;
}



/****** navigation styles *******/

#nav #home a, #nav #home a:link, #nav #home a:visited {
	background: url(../images/nav-home.gif) left top;
	display: block;
	height: 23px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 23px;
	font-weight: bold;
}

#nav #home a:hover {
color: gray;
}

#nav #about a, #nav #about a:link, #nav #about a:visited {
	background: url(../images/nav-about.gif) left top;
	display: block;
	height: 22px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 22px;
	font-weight: bold;
}

#nav #about a:hover {
color: gray;
}

#nav #products a, #nav #products a:link, #nav #products a:visited {
	background: url(../images/nav-products.gif) left top;
	display: block;
	height: 22px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 22px;
	font-weight: bold;
}

#nav #products a:hover {
color: gray;
}

#nav #solutions a, #nav #solutions a:link, #nav #solutions a:visited {
	background: url(../images/nav-solutions.gif) left top;
	display: block;
	height: 22px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 22px;
	font-weight: bold;
}

#nav #solutions a:hover {
color: gray;
}

#nav #why a, #nav #why a:link, #nav #why a:visited {
	background: url(../images/nav-why.gif) left top;
	display: block;
	height: 22px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 22px;
	font-weight: bold;
}

#nav #why a:hover {
color: gray;
}

#nav #gallery a, #nav #gallery a:link, #nav #gallery a:visited {
	background: url(../images/nav-gallery.gif) left top;
	display: block;
	height: 22px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 22px;
	font-weight: bold;
}

#nav #gallery a:hover {
color: gray;
}

#nav #contact a, #nav #contact a:link, #nav #contact a:visited {
	background: url(../images/nav-contact.gif) left top;
	display: block;
	height: 24px;
	width: 165px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	line-height: 22px;
	font-weight: bold;
}

#nav #contact a:hover {
color: gray;
}