* {
	margin: 0;
	padding: 0;
}

html, body, #content_box {
	height: 100%;
}

body > #content_box {
	height: auto; 
	min-height: 100%;
}

body {
	width:100%;
	background-color: #9999CC;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif
}

#header {
	width: 100%;
	height: 80px;
	background-color: #663399;
	background-image:url(../images/purple_fade_header.png);
	background-repeat:repeat-x;
}

#content_box {
	width: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
	}
	
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#leftimage {
	width: 300px;
	float: left;
	background-color: #9999CC;
}

#content {
	float:left;
	width: 500px;
	padding-bottom: 100px;
} 
	
#footer { 	
	position: relative;
	height: 160px; 
	width:100%; 
	background-color: #330066;
	margin-top:-160px;
	clear: both; 
}

#footer_text {
	margin-left: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 140%;
	font-size: 14px;
}

#footer_text a, #footer_text a:visited, #footer_text a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer_lightimage {
	width:900px; 
	height: 120px;
	margin-top: 0px;
	margin-left: 0px;  
	background: #000033 url(../images/purple_spotlight.png) no-repeat; 
	float:none;
}

p { 
	padding: 2px 2px 8px 2px;
	font-size: 11px; 
}

img {
	border-style: none;
}
/* -- NAV STYLES -- */
#nav { width: 100%; font-size:10px; line-height: 200%; font-weight: bold; color: #ffffff; }

	#nav ul { list-style: none;}

		#nav li { 
			float: left; 
			padding-left: 3px; 
			padding-right: 3px;}
		
			#nav li a, #nav li a:visited { 
				display: block; 
				color: #ffffff; 
				text-decoration: none; 
				float: left; 
				vertical-align: middle;
				}
		
			#nav li a:hover { 
				color: #9999CC; 
				background: #ffffff; 
				text-decoration: none; 
				border: none; 
				}
			
			.home #nav li a.home, .home #nav li a.home:visited,
			.highland_dress #nav li a.highland_dress, .highland_dress #nav li a.highland_dress:visited,
			.selbie_drone_reeds #nav li a.selbie_drone_reeds, .selbie_drone_reeds #nav li a.selbie_drone_reeds:visited,
			.pettigrew_bagpipes #nav li a.pettigrew_bagpipes, .pettigrew_bagpipes #nav li a.pettigrew_bagpipes:visited,
			.pipeband_supplies #nav li a.pipeband_supplies, .pipeband_supplies #nav li a.pipeband_supplies:visited,
			.contact #nav li a.contact, .contact #nav li a.contact:visited { 
				background: #ffffff;
				color: #9999CC; 
				cursor: default; 
				border: none; 
			}
			
a.highland_dress, a.highland_dress:visited {
	color: #FFFFFF;
}