/* Tony D Trinh @ VDP WEBSITES 15.3.2011 / Lights Plus / NORMAL VERSION
---------------------------------------------------------------------------
-- Colors:
	#000000 = black
	#ffffff = white
	#cccccc = grey-footer-bg
	#727272 = grey-medium
	#003466 = blue-dark
	#13508a = blue-medium
	#fc9b30 = orange-light
	#ff850d = orange-strong
*/
/* Main
--------------------------------------------------------------------------- */
html {
	height: 100%;
	background: #cccccc url(http://www.lightsplus.com.au/images/pattern.gif) top left repeat-x;
}
body {
	background: url(http://www.lightsplus.com.au/images/pattern.png) top center no-repeat;
	text-align: left;
}
.clear {
	overflow: hidden;
	height: 0;
	clear: both;
}
h1 {
	display: none;
}
#head, #navigation, #middle, #footer {
	width: 970px;
	margin: 0 auto;
}
/* Head
--------------------------------------------------------------------------- */
#head {
	height: 231px;
	position: relative;
	background: url(http://www.lightsplus.com.au/images/header.jpg) no-repeat;
}
#head a.home {
	display: block;
	width: 240px;
	height: 108px;
	position: absolute;
	top: 72px;
	left: 0;
}
#head a.contact {
	display: block;
	width: 231px;
	height: 74px;
	position: absolute;
	top: 136px;
	right: 0;
}
#head a span {
	display: none;
}
/* Navigation
--------------------------------------------------------------------------- */
#navigation {
	font: 17px 'AllerRegular', Arial, sans-serif;
	height: 49px;
}
#navigation li {
	float: left;	
}
#navigation a {
	display: block;
	padding: 18px 15px 0 15px;
	height: 31px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation a:hover {
	color: #ff850d;
}
#navigation a.active {
	color: #13508a;
	background: #fff;
}
/* Middle
--------------------------------------------------------------------------- */
#middle-wrap {
	width: 100%;
	background-color: #fff;
	padding: 20px 0 0 0;
}
#main, #gallery, body#home #content {
	width: 640px;	
}
body#inner #content{
	width: 970px;
	margin: 20px 0 10px 0;
}
#main {
	float: left;	
}
body#home #heading, body#inner #heading, body#home #text {
	width: 310px;
	float: left;
	display: block;
}
body#inner #text {
	width: 640px;
	float: right;
}
body#home #heading, body#inner #heading {
	text-align: right;
	margin: 0 20px 0 0;
}
body#inner #heading {
	width: 300px;
	margin: 0 30px 8px 0;
}
#side, #side #energybox, #side #contactbox {
	width: 310px;
	float: right;	
}
#side span {
	display: none;	
}
#side a#energybox {
	height: 235px;
	display: block;
	background: url(http://www.lightsplus.com.au/images/energySaving.jpg) no-repeat;
	margin: 0 0 20px 0;
}
#side #contactbox {
	background: url(http://www.lightsplus.com.au/images/contact.jpg) no-repeat;
	height: 343px;
	padding: 70px 0 0 0;
	margin: 0 0 20px 0;
}
#side #contactbox a#contact, #side #contactbox a#store{
	width: 310px;
	height: 111px;
	display: block;
}
#side #contactbox a#store {
	height: 232px;
}
/* Gallery
--------------------------------------------------------------------------- */
#main #gallery {
	height: 420px;
	padding: 9px 0 0 0px;
	background: url(http://www.lightsplus.com.au/images/gallery-instructions.gif) top left no-repeat;
	margin: 0 0 20px 0;
	position: relative;
}
#main #gallery #images {
	width: 640px;
	height: 420px;
	z-index: 0;
	background: url(http://www.lightsplus.com.au/images/black-bg.png) no-repeat;
	/* ^above to fix dead pixel during fade transition in IE */
}
#main #gallery #description {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: url(http://www.lightsplus.com.au/images/gallery-overlay.png) no-repeat;
	width: 620px;
	height: 37px;
	color: white;
	padding: 13px 0 0 20px;
}
#main #gallery #description h2 {
	font: 20px 'AllerRegular', Arial, sans-serif;
}
/* Formatting
--------------------------------------------------------------------------- */
strong {
	font: 15px 'AllerBold';
}
hr {
	border-color: #cccccc;
	border-style: dashed;
	border-width: 1px 0 0;
	margin: 3px 0 25px 0;
	height: 0;
}
#content em {
	font: 19px 'AllerLightRegular';
	background-color: #eeeeee;
}
#content ul, #content ul.ticklist, #content ul.jumpto {
	list-style: circle;
	line-height: 20px;
	padding: 0 0 12px 35px;
	margin: 0;
}
#content li, #content .ticklist li, #content .jumpto li {
	padding: 0 0 13px 5px;
	margin: 0;
}
#content ul.ticklist, #content ul.jumpto {
	padding: 0 0 12px 11px;
	list-style: none;
}
#content .ticklist li, #content .jumpto li {
	padding: 0 0 13px 29px;
	background: url(http://www.lightsplus.com.au/images/tick.gif) no-repeat 0 0;
}
#content .jumpto li {
	background: url(http://www.lightsplus.com.au/images/arrowDown.gif) no-repeat 10px 7px;
}
#content h2 {
	color: #003466;
	padding: 0 0 20px 0;
	font: 40px 'AllerBold';
}
#content h3, #content h4 {
	color: #727272;
	padding: 0 0 25px 0;
	font: 28px 'AllerBold';
}
#content h4 {
	font-size: 20px;
	padding: 0 0 25px 0;
}
#content p, #content p.divLine {
	line-height: 20px;
	padding: 0 0 25px 0;
}
#content p.divLine {
	border-bottom: dashed 1px #cccccc;
	margin: 0 0 26px 0;
}
#content a:hover {
	text-decoration: none;
}
#content a.topLink {
	background: url(http://www.lightsplus.com.au/images/arrowUp.gif) no-repeat 0 7px;
	padding: 0 0 0 19px;
	margin: 0 0 0 21px;
}
/* Footer
--------------------------------------------------------------------------- */
#footer {
	text-align: left;
	background: url(http://www.lightsplus.com.au/images/footer.gif) no-repeat;
	height: 227px;
	padding: 18px 0 0 0;
}
#footer p#copyright, #footer p {
	padding: 0 0 37px 0;
	color: #003466;
	line-height: 15px;
}
#footer p {
	padding: 0 0 19px 0;
	color: #727272;
}
#footer p#copyright a, #footer p a {
	text-transform: uppercase;
	font-size: 9px;
	text-decoration: none;
	color: #727272;
}
#footer p a {
	text-transform: none;
	font-size: 13px;
	text-decoration: underline;
}
#footer p#copyright a:hover, #footer p a:hover {
	color: #fff;
}
/* Contact form
--------------------------------------------------------------------------- */
#contact-form {
	padding: 0 0 20px 0;
}
#contact-form table tr, #contact-form table td {
	padding: 0; margin: 0;
}
#contact-form label {
	width: 100%;
	text-align: left;
	clear: left;
	float: left;
	display: block;
	color: #727272;
	font: 19px 'AllerLightRegular';
}
textarea, #contact-form input {
	width: 360px;
	border: 1px solid #cccccc;
	padding: 3px;
	background: #fff url('http://www.lightsplus.com.au/images/bg_input.png') repeat-x top;
	font: 15px 'AllerRegular', Arial, sans-serif;
}
textarea { height: 150px; }
#contact-form input[type=submit] {
	width: 184px;
	border: 1px solid #898989;
	background: #ababab url('http://www.lightsplus.com.au/images/bt_input.png') repeat-x top;
	color: #fff;
	font: 15px 'AllerBold';
	cursor: pointer;
}
#contact-form input[type=submit]:hover {
	border: 1px solid #7a7a7a;
	background: #999999 url('http://www.lightsplus.com.au/images/bt_input_hover.png') repeat-x top;
}
/* Table
--------------------------------------------------------------------------- */
table.tabstyle {
	border-collapse: collapse;
	text-align: center;
	margin: 0 0 25px 0;
}
table.tabstyle, table.tabstyle td, table.tabstyle th {
	border: 1px solid #eeeeee;
}
table.tabstyle th {
	width: 212px;
	font: 15px 'AllerBold';
}