body {
	background: #FFF url(../img/bodyBG3.jpg) repeat-x left top;
}
a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
#header {
	background: url();
	height: 270px;
	width: 960px;
	border-bottom: 10px solid #2d3812;
	padding: 10px 0 0 0;
}
#logo span {
	display: none;
}
#logo {
	background: url();
	height: 260px;
	width: 255px;
	float: left;
}
#header-text span {
	display: none;
}
#header #header-text {
	height: 264px;
	float: left;
	width: 700px;
}
.twenty-six {
	font: 26px Tahoma, Geneva, sans-serif;
	text-align: center;
}
#nav {
	height: 47px;
	background: #E8E8E8 url(../img/navBg2.jpg) repeat-x bottom;
	width: 940px;
	margin-top: 10px;
}
/*#nav ul {margin:0px; padding:0px;}
#nav li {
	list-style: none;
	margin: 0;
	float: left;
} 
#nav a {
	color: #CCC;
	cursor: pointer;
	display:block;
	text-decoration:none;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 5px;
	text-align: center;
	line-height: 50px;
	padding-right: 18px;
	padding-left: 18px;
	width: 142px;
}
#nav a.current {
	background: url(../img/navCurrent.png) repeat-x top;
	color: #FFF;
}
#nav a:hover{
	text-decoration:underline;
	background: #A6120E;
}*/


#content {
	overflow: hidden;
	margin-top: 37px;
	padding-bottom: 20px;
}
.logo {
	background: url(../img/logo2.png) no-repeat right;
	height: 71px;
	width: 293px;
	margin-top: 10px;
}
.whitebar {
	background: #FFF url(../img/whiteBG.png) repeat-x top;
	padding: 150px 0 80px;
}
.slider {
	height: 356px;
	margin-top: 9px;
	clear: left;
	position: relative;
	padding-top: 30px;
}
.sliderBox {
	height: 331px;
}
.greybar {
	background: #bcc3c8;
	height: 175px;
	clear: both;
}
#footer {
	color: #333;
	text-align: center;
	line-height: 16px;
	width: 940px;
	background: url(../img/footerLine.png) no-repeat center top;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
}
.banner {
	height: 130px;
	position: relative;
	background: #060606 url(../img/headerBG.jpg) center top;
}
.banner2 {
	background: #bcc3c8;
	height: 175px;
	position: relative;
}
.logotext2 {
	background: url(../img/logo2.png);
	height: 75px;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
}
.lion2 {
	background: url(../img/lion.png);
	height: 182px;
	width: 114px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 417px;
	bottom: -125px;
}
.content {
}
.title {
	font: bold 18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 30px 0 5px 0;
}
#wrapper {
/*	border: 1px solid #c8ac65;
	width: 950px;
	margin: 0 auto;
	padding: 0;*/
}
.imageSlider {
	background: url(../slider/desktop.png) no-repeat center top;
	height: 331px;
}
#boxes {
}
.jobseekers {
	background: url(../img/jobseekers.jpg) no-repeat left top;
	height: 179px;
	color: #CCC;
	padding-top: 190px;
	padding-left: 10px;
}
.employers {
	background: url(../img/emplyers.jpg) no-repeat left top;
	height: 179px;
	color: #CCC;
	padding-top: 190px;
	padding-left: 10px;
}
.jobsearch {
	background: url(../img/searchjons.jpg) no-repeat left top;
	height: 179px;
	color: #CCC;
	padding-top: 190px;
	padding-left: 10px;
}
.canondealer {
	background: url(../img/canondealer2.png) no-repeat right;
	height: 65px;
	width: 208px;
}
.button {
	background: url(../img/button2.png);
	height: 74px;
	width: 267px;
	font: bold 16px/55px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	color: #FFF;
	margin: 0 0 20px 0;
}
#content p {
	margin-bottom: 16px;
}
.service {
	background: url(../img/service.png);
	height: 75px;
	width: 280px;
	font: bold 16px/55px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	color: #8A0505;
	margin: 0 0 10px;
}
.service span {
	display:none;
}
.meter {
	height: 75px;
	width: 280px;
	font: bold 16px/55px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	color: #FFF;
	margin: 0 0 10px;
	background-image: url(../img/meterreading.png);
}
.meter span {
	display:none;
}
.supplies {
	background: url(../img/ordersupplies.png);
	height: 75px;
	width: 280px;
	font: bold 16px/55px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	color: #FFF;
	margin: 0 0 10px;
}
.supplies span {
	display:none;
}
.specials {
	background: url(../img/specials.png);
	height: 75px;
	width: 280px;
	font: bold 16px/55px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	color: #FFF;
	margin: 0 0 10px;
}
.specials span {
	display:none;
}
.productTitle {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.productCat {
	font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.productSeries {
	font: italic bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.pagetitle {
	color: #FFF;
	font: italic normal 40px Verdana, Geneva, sans-serif;
	padding: 0px;
	margin: 0 0 30px 0;
}
.products span {
	display: none;
}
.menu {
	position:relative;
	z-index:100;
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:47px;
	left:0;
	padding: 0;
	width:149px;
	list-style-type:none;
	background-color:#000;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
.menu li:hover ul {
	width:155px;
	position:absolute;
	left: 0em;
	visibility:visible;
}
.menu a.current {
	background: url(../img/navCurrent.png) repeat-x bottom;
	color: #FFF;
}
/* style the links for the top level */
.menu a:link, .menu a:visited {
	color: #ccc;
	cursor: pointer;
	display:block;
	text-decoration:none;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 5px;
	text-align: center;
	line-height: 50px;
	padding-right: 18px;
	padding-left: 18px;
	width: 142px;
}
/* style the second level background */
.menu ul a.acitem, .menu ul a.acitem:visited {
	padding:5px 0;
}
/* style the second level hover */
.menu ul a.acitem:hover {
	background: #000;
	color:#FFF;
}
.menu :hover > a.acitem {
	background:#000;
}
/* style the second level links */
.menu ul li a:link, .menu ul li a:visited {
background: none repeat scroll 0 0 #000000;
color: #CCCCCC;
font-size: 12px;
font-variant: normal;
height: 22px;
line-height: normal;
padding: 5px 0 5px 8px;
text-align: left;
text-decoration: none;
text-transform: none;
width: 170px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	text-decoration:underline;
	background: #000;
}
.menu :hover > a, .menu ul ul :hover > a {
	text-decoration:none;
	background: url(../img/navCurrent.png) repeat-x bottom;
	color:#FFF;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li a:hover {
	visibility:visible;
	text-decoration:none;
	background: #A6120E;
	color:#FFF;
}
.contentImage {
	margin-bottom: 15px;
	margin-left: 25px;
	border: 3px solid #333;
}
.onlinespecials {
	background: url(../img/specialsBg.png) no-repeat center top;
	height: 350px;
	width: 260px;
	margin: 0;
	padding: 0 5px;
}
.marginleft {
	margin-left:20px;
}
.specialtitle {
	color: #FFF;
	text-align: center;
	font: 22px/44px Georgia, "Times New Roman", Times, serif;
}
.secialimage {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
}
.specialpromo {
	color: #000;
	font: italic 20px/22px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0;
	padding: 0;
}
#specials p {
	margin: 0 0 5px 0;
	padding: 0;
}
.notice {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 5px;
	text-align: center;
	line-height: normal;
}
.error {
	padding: 5px;
	margin-bottom: 20px;
	border: 2px dashed #999;
	font-weight: bold;
	color: #CCC;
	background: #333;
}
form#contact {
	font-family:arial;
	font-size:100%;
	color:#666;
}
form#contact label {
	float:left;
	display:block;
	margin:3px 0;
	clear:both;
}
form#contact input {
	background: url("../img/gradient_white.png") repeat-x scroll left top #EFEFEF;
	border: 1px solid #D8D8D8;
	clear: left;
	color: #666666;
	float: left;
	margin: 0 0 7px;
	padding: 3px 10px;
	width: 80%;
}
form#contact select {
	color:#666;
	margin:0 0 7px 0;
	border:1px solid #d8d8d8;
	width:240px;
	float:left;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	background: url('../img/gradient_white.png') repeat-x top left #efefef;
	padding:3px 5px 3px 10px;
}
form#contact option {
	display:block;
	color:#666;
}
form#contact input[type="checkbox"] {
	background:none;
	border:0px;
	width:14px;
	height:14px;
	margin:5px 15px;
	padding:0px;
}
form#contact input[type="radio"] {
	background:none;
	border:0px;
	width:14px;
	height:14px;
	margin:5px 15px;
	padding:0px;
}
input[type="text"]:disabled {
	opacity: .5;
	border:1px solid #eee !important;
	filter: alpha(opacity=50);
}
form#contact p{
	float:left;
}
form#contact textarea {
	color:#666;
	clear: left;
	font-size:110%;
	font-family:arial;
	height:80px;
	border:1px solid #d8d8d8;
	width:80%;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background: url('../img/gradient_white.png') repeat-x top left #efefef;
	padding:2px 10px;
	margin-bottom:10px;
	float: left;
}
#send {
	background: url('../img/gradient_black.png') repeat-x top left #a80329;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-moz-box-shadow: 5px 5px 8px #999;
	-webkit-box-shadow: 5px 5px 8px #999;
	border:0;
	cursor:pointer;
	color:#fff;
	margin-top:15px;
	float:right;
	font-weight:bold;
	font-size:110%;
	padding:5px 15px;
	clear: both;
}
.faulty_field {
	background:#fff4f4 !important;
	color:#ff0000;
	border:1px solid #ff0000 !important;
}
label span {
	color:#ff0000;
	font-size:85%;
}
fieldset {
	margin:25px 0 10px 0px;
	overflow:hidden;
	border:1px solid #CCC;
	padding:0 20px 20px 20px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-moz-box-shadow:0 8px 5px #444444;
	-webkit-box-shadow: 0 8px 5px #444444;
	background: #E4E4E4;
	width: 80%;
}
legend {
	padding:12px 9px 19px;
	margin:0 auto;
	background:#efefef;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	width: 100%;
	text-align: center;
}
legend span {
	font-size:120%;
	font-weight:bold;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	padding:5px 11px 0;
}