/*-----------------------------------------------------------------------------
The Hockey Locker

version:   1.0
author:    Clark Caughey
email:     clark@designbysynergie.com
website:   http://www.createdbyclark.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear:both;
}

img {
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
	}

#container {
	width: 698px;
	margin: 10px auto;
	}
	
#leftColumn {
	width: 212px;
	float: left;
	}
	
#rightColumn {
	width: 450px;
	float: right;
	margin: 15px 0 0 0;
	}
	
#rightColumn ul{
	list-style: none;
	}
	
#rightColumn li{
	width: 220px;
	float: left;
	margin: 2px;
	}

#rightColumn li a {
	display: block;
	}

.boxes {
	background: #101010;
	}
	
.boxes:hover {
	background: #333333;
	}
		
.last{
	background: #FF9900;
	}
	
.last:hover {
	background: #FFCC00;
	}
	
#copyText {
	border-top: 5px solid #101010;
	border-bottom: 5px solid #101010;
	background: #F0F0F0;
	padding: 20px;
	height: 355px;
	}
	


/* =Typography
-----------------------------------------------------------------------------*/

h2 {
	font-size: 12px;
	margin: 39px 0 15px 0;
	}

.highlight {
	background: #000000;
	padding: 1px 4px;
	color: #FFFFFF;
}

p {
	color: #999999;
	margin: 0 0 15px 0;
	font-size: 11px;
	line-height: 150%;
	}
	
.phonenumber {
	margin: 0; 
	color: #FF9900;
	font-size: 16px;
	font-weight: bold;
	}
	
.callusnow {
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	}
	
#rightColumn h1 {
	background: #101010;
	margin: 0 0 3px 0;
	padding: 5px 0 0 10px;
	}
	
#copyText h2{
	margin: 5px 0 20px 0;
	padding: 0;
	}
	
#copyText p{
	color: #666666;
	line-height: 175%;
	}
	
#copyText a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}
	
#copyText a:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	}
	



/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/



/* =Tables
-----------------------------------------------------------------------------*/



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/
