/* site coding by Curtis McHale http://www.curtismchale.ca */

/* hard reset */

	*{padding:0; margin: 0;}
	p, *{font-size:1em;}
	a{text-decoration:none; outline:none;}
	img{border:none;}
	table{border-collapse:collapse; border-spacing:0 }
	
/* end hard reset */

/* default values */

	.clear {clear:both;}
	.no-list{list-style-type:none;}
	.left{float:left; clear:both;}
	.righ{float:right; clear:both;}
	
	h2, h3, h4{padding:10px 0;}
	p{padding:5px 0;}

/* main CSS styles */

	body{background:url(../images/handlon-main-background) repeat-x #00008c; width:888px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
	#pagewrap{margin:50px 0 0 0; padding:10px;}

/* navigation */

	ul#main-nav{background:url(../images/handlon-nav-bar.png) no-repeat; width:866px; height:88px;}
	#main-nav li{
	float:left;
	padding:15px 5px;
	margin: 0 25px;
	display:inline;
	font: bold;
}
	#main-nav li a, #main-nav li a:visited{
	color:#fff;
	text-decoration:none;
	font: bold;
}
	#main-nav li a:hover, #main-nav li a:focus{text-decoration:underline; color:#ff0000;}
	/* color was: #fff and  #BFBFBF	*/
	
	/* menu active states */
	
	body#home li.home a, body#about li.about a, body#services li.services a, body#coupons li.coupons a, body#appointment li.appointment a{text-decoration:underline; color:#999;}

/* header */

	#header{background:url(../images/handlon-header.gif) no-repeat; width:850px; height:228px; margin-top:; margin:0 auto;}
	#header-content{padding:0 10px;}
	#header-content .header-image{border:4px solid #FFF;}
	#header-content h1#logo{text-indent:-9999px; background:url(../images/handlon-logo.png) no-repeat; width:422px; height:197px; float:left;}

/* main content */

	#main-content{background:url(../images/handlon-main-content-repeat.png) repeat-y; width:822px; color:#474747; padding:0 30px 20px 30px;}
	#home #main-content h2, #home #main-content h3, #home #main-content h4{text-align:center;}
	#main-content a, #main-content a:visited{color:#000;}
	#main-content a:hover, #main-content a:focus, #main-content a:active{text-decoration:underline;}
	
	#main-content p a.appointment, #main-content p a.appointment:visited{text-indent:-9999px; background:url(../images/handlon-appointment-sprite.png) no-repeat center bottom; height:152px; width:310px; display:block; float:left;}
	#main-content p a.appointment:hover{background-position:center top;}
	
	#main-content p a.location, #main-content p a.location:visited{text-indent:-9999px; background:url(../images/handlon-location-sprite.png) no-repeat center bottom; height:152px; width:310px; display:block; float:left;}
	#main-content p a.location:hover{background-position:center top;}
	
/* services columns */

.leftcolumn {
	float: left;
	width: 30%;
	padding: 5px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 20px;
	
}

.middlecolumn {
	float: left;
	width: 25%;
	padding: 5px;
	text-align: left;
	margin-left: 7%;


	
}

.rightcolumn {
	float: right;
	width: 25%;
	padding: 5px;
	text-align: left;
	
}



/* footer */

	#footer{background:url(../images/handlon-footer-repeat.gif) repeat-x; width:830px; height:192px; margin-right:7px; color:#a3a3ab; font-size:10px; padding: 0 10px;
	float: right;
	float: right;
}
	#footer .creditcards{margin:15px 5px 0 0; clear:both; float:right;}
	#footer #footer-content{padding-top:90px;}
	
	#footer .right{text-align:right;}
	#footer .left{text-align:left;}
	
	/* footer navigation */
	
	#footer #main-nav{background:none; margin-left:200px; height:30px; width:450px;}
	#footer #main-nav li{padding:5px 0px; margin:0 5px;}
	#footer #main-nav li a, #footer #main-nav li a:visited{color:#a3a3ab;}
	#footer #main-nav li a:hover, #footer #main-nav li a:active{color:#FFF;}
	
	/* footer menu active states */
	
	body#home #footer li.home a, body#about #footer li.about a, body#services #footer li.services a, body#coupons #footer li.coupons a, body#appointment #footer li.appointment a{color:#FFF;}
	
	/* about us lists */
	
	.emloyee-list {clear:both; margin:5px 0;}
	.emloyee-list li{float:left;}
	.emloyee-list li.description{width:550px; padding:5px 0 0 10px;}
	
	/* coupons */
	
	.web-coupon{
	width:370px;
	background:#FFF;
	padding:10px;
	border:3px dashed #000;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:5px;
	float:left;
	height: 250px;
}
	.web-coupon h2{color:#095f98; border-bottom:dashed 1px #999; display:block;}
	.web-coupon p.cost{color:#095f98; text-transform:uppercase; font-weight:bolder;}
	.web-coupon p.description{font-size:12px; font-weight:bolder;}
	.web-coupon p.disclaimer{font-size:12px;}
	.web-coupon p.expire{font-size:10px; font-weight:bolder; text-align:left; color:#095f98; display:block; float:right;}
	#main-content .web-coupon p.download a{font-size:14px; font-weight:bolder; color:#095f98;}
	#main-content .web-coupon p.download a:hover, #main-content .web-coupon p.download a:active, #main-content .web-coupon a:focus{color:#F90; text-decoration:underline;}
	#main-content .web-coupon p.download a span{background:url(../images/get-document.jpg) no-repeat; width:32px; height:32px; display:block;}
	
	body#coupons p.appointment-info{float:right; margin-top:20px;}