/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #5A585D;
	background-image: url(file:///G5 imac/Users/davidb/Documents/web/testing/images/background_01.jpg);
}
#container {
	position: absolute;
	width: 795px;
	height: 535px;
}	
#logo {
	position: absolute;
	left: 15px;
	top: 10px;
}	
#strap {
	position: absolute;
	right: 15px;
	top: 17px;
}
#strap2 {
	position: absolute;
	right: -40px;
	top: 0px;
}
#strap3 {
	position: absolute;
	right: 5px;
	top: 0px;
}
#dots {
	position: absolute;
	right: -200px;
	top: 0px;
	background-image: url(../_images/template/Conetica-Logo-dots.png);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	z-index: 1;
}
#box1 {
	width: 610px;
	top: 65px;
	height: 390px;
	position: absolute;
	right: 5px;
}
#box2 {
	position: absolute;
	background-color: #F0F0F0;
	width: 610px;
	top: 460px;
	height: 65px;
	padding-top: 5px;
	right: 5px;
	vertical-align: text-bottom;
}
#box-menu {
	position: absolute;
	width: 170px;
	top: 460px;
	left: 5px;
	height: 70px;
	vertical-align: middle
	horizontal-align: center; 	
	font-size: 90%;
	line-height: 130%;
	background-color: #F0F0F0;
}
#nav {
	position: absolute;
	top: 65px;
	left: 5px;
	width: 170px;
	height: 390px;
	background-color: #F0F0F0;
	font-size: 80%;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	border-bottom: 1px solid #FFFFFF;
	line-height: 110%;
	margin-top: 1px;
	margin-bottom: 2px;
}
#nav li a:link, #nav li a:visited {
	display:block;
	padding: 5px 5px 5px 15px;
	color: #5A585D;
	background-color: #F0F0F0;
	text-decoration: none;
}
#nav li a:hover {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #B76022;
	padding-left: 5px;
}
#nav li a:active {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #B76022;
	padding-left: 5px;
	background-color: #B76022;
	color: #FFFFFF;
}
#nav ul ul {
	font-size: 90%;
}
#nav ul ul li {
	border-bottom: 1px solid #FFFFFF;
	line-height: 110%;
	margin-top: 1px;
	margin-bottom: 2px;
}
#nav ul ul li a:link, #nav ul ul li a:visited {
	display:block;
	padding: 5px 5px 5px 25px;
	color: #B76022;
	background-color: #F0F0F0;
	text-decoration: none;
}
#nav ul ul li a:hover {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #B76022;
	padding-left: 15px;
}
#nav ul ul li a:active {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #B76022;
	padding-left: 25px;
	background-color: #B76022;
	color: #FFFFFF;
}
A:link {color:#5A585D;text-decoration:none}
A:visited {
	text-decoration:none;
	color: #5A585D;
}
A:hover {
	color:#B76022;text-decoration:none
}
body#home a#homenav,
body#products-services a#prodservnav,
body#who-we-are a#whonav,
body#source-supply a#sourcenav,
body#service-offer a#servicenav,
body#what-we-do a#whatnav,
body#customers-say a#custnav,
body#partners a#partnav,
body#contact a#connav {
	color: #fff;
	background: #B0B2AE;
}