/* 
	############################# 

		BJ's Sound & Lighting
		
		This stylesheet defines print 
		attributes for all browsers.
		
		Author: Bottlebrush Web & IT Solutions - http://bottlebrush.net.au
		Last edit: 2007-08-13

	#############################
	
		Layout:
		
		* GLOBAL SETTINGS		
			- Default Settings
			- Common Formatting
			- Hyperlinks
			- Forms
			- Global Classes
		
		* VISUAL STYLE
			- Container
				- Header
				- Navigation
			- Body
				- Content
				- Hero
			- Footer
			
	#############################
*/


/* ############### GLOBAL SETTINGS ############### */

	
/* -------->>> Default Settings <<<-------- */

html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	}
	
body {
	font: 12pt arial, sans-serif;
	color: #000;
	}
	
/* -------->>> Common Formatting <<<-------- */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
	
p {
	margin: 0;
	padding: 0 0 18px 0;
	}
	
small {
	font-size: 10pt;
	}
	
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
	}
	
.hide {
	display: none;
	}
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/* -------->>> Hyperlinks <<<-------- */
 
a:link, a:visited { 
	color: #002e67;
	text-decoration: underline;
	}
	
a:hover, a:active { 
	color: #670000;
	text-decoration: underline;
	}
	
/* -------->>> Forms <<<-------- */

form {
}
	
/* -------->>> Global Classes <<<-------- */

.clear             { clear: both; }
.small             { font-size: 0.875em; }
 
.float-left        { float: left; }
.float-right       { float: right; }
 
.txt-left          { text-align: left; }
.txt-right         { text-align: right; }
.txt-center        { text-align: center; }
.txt-justify       { text-align: justify; }
 
.strong            { font-weight: bold; }
.em                { font-style: italic; }
.underline         { border-bottom: 1px solid; }
.highlight         { background: #ffc; }
.important         { width: 80%; margin: 0 auto 18px auto; padding: 10px; border: 1px solid #000; font-style: italic; text-align: center; }

.img-left          { float: left; margin: 0 15px 10px 0; }
.img-right         { float: right; margin: 0 0 10px 15px; }
.img-center        { margin: 0 auto 0 auto; display: block; }
.img-padding-right { margin-right: 8px }
 
.nopadding         { padding: 0; }
.noindent          { margin-left: 0; padding-left: 0; }
.nobullet          { list-style: none; list-style-image:none; }
.noborder          { border: 0; }

.lower-alpha       { list-style-type: lower-alpha; }
.lower-roman       { list-style-type: lower-roman; }


/* ############### VISUAL STYLE ############### */


/* -------->>> Container <<<-------- */
	
	/* -------->>> Header <<<-------- */
	
	#header {
		margin: 0 0 20px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #000;
		}

	#header a {
		color: #000;
		text-decoration: none;
		}
		
	/* -------->>> Navigation <<<-------- */
	
	#navigation {
		display: none;
		}
	
/* -------->>> Body <<<-------- */


	/* -------->>> Content <<<-------- */
	
	/*
	
	#content {
		width: 100%;
		margin: 0;
		padding: 0;
		}
	
	#content-left {
		float: left;
		width: 50%;
		}
		
	#content-left h3 {
		padding-bottom: 10px;
		text-align: center;
		} */
		
	#content-left ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}/*
		
	#content-left li {
		float: left;
		display: block
		}  
		
	#content-right {
		float: right;
		width: 50%;
		}
		
	#content-right h3 {
		padding-bottom: 10px;
		text-align: center;
		} */


	/* -------->>> Hero <<<-------- */
	
	div.hero h2 a, div.hero-last h2 a {
		color: #000;
		text-decoration: none;
		}
		
	/* -------->>> Hire Catalogue <<<-------- */
	
	#menu, #categories, .breadcrumb {
		display: none;
		}
	
/* -------->>> Footer <<<-------- */

#footer {
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 15px;
	border-top: 1px solid #000;
	font-size: 10pt;
	clear: both;
	}
	
#footer h3 {
	padding-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
div.footer-text {
	padding: 0;
	clear: both;
	text-align: center;
	}
	
div.footer-text p {
	margin: 0;
	padding: 0;
	}
	
div.footer-left {
	float: left;
	width: 190px;
	margin: 0 0 0 1.7em;
	padding: 0;
	text-align: left;
	}
	
#footer dl {
	margin: 0;
	padding: 0;
	}
	
#footer dl.footer-contact dt {
	float: left;
	margin: 0;
	padding: 0;	
	font-weight: bold;
	text-transform: uppercase;
	}

#footer dl.footer-hours dt {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0;	
	font-weight: bold;
	text-transform: uppercase;
	}

#footer dd.footer-dd-tel {
	font-weight: bold;
	}
	
#footer ul {
	display: none;
	}