/*
    AUTHOR: Dig Creative
    Author URI: http://digcreative.com.au
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP */
/* ------------------------------------------ */

* { margin: 0; padding: 0; }
ul { list-style: none inside; }
a { outline: none; text-decoration: none;}
a img { border: none; }
a {color:#569bff;}
/* END RESET */

body {
	background: #d30708 url(images/bg.jpg) repeat-x top;
	font-family: comic sans, comic sans ms, arial, sans-serif;
	font-size: 16px;
}

#container {
	width: 1050px;
	margin: 0 auto;
}

#containerinner {
	width: 1050px;
	background: url(images/bgtile.jpg) repeat-y;
	/*height: 1900px;*/
	padding: 0 50;
	display: block;
}

#header {
	display: block;
	height: 299px;
}

#headerimg {
	background: url(images/comicsrusheader.jpg);
	display: block;
	width: 1050px;
	height: 299px; 
	text-indent: -3333px;
}

/*										SECTION 1										*/
#section1 {
	width: 525px;
	height: 624px;
	float: left;
	display: block;
}

#whoheader {
	background: url(images/whoarewe.jpg) right no-repeat;
	display: inline-block;
	width: 525px;
	height: 27px; 
	text-indent: -3333px;
	float: right;
	
}

#whoright {
	float: right;
}

#whotext {
	width: 402px;
	height: 246px;
	float: right;
	padding: 10px;
	line-height: 28px;
}

#wholeft {
	float: right;
	width: 80px;
	height: 266px;
	background: url(images/wholeft.jpg) right no-repeat;
}

#brandsheader {
	background: url(images/brandswesell.jpg) right no-repeat;
	display: block;
	width: 525px;
	height: 54px; 
	text-indent: -3333px;
	float: right;
	clear: both;
}

#slideshow {
	float: right;
	width: 525px;
	height: 277px;
	background: url(images/slidetemp.jpg) right no-repeat;
	position:relative;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	margin-left: 50px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*										SECTION 2										*/
#section2 {
	width: 525px;
	height: 624px;
	float: right;
	display: block;
}

#whatheader {
	background: url(images/whatdowestock.jpg) left no-repeat;
	display: block;
	width: 525px;
	height: 288px; 
	text-indent: -3333px;
	float: left;
	clear: both;
}

#whatleft {
	float: left;
	width: 232px;
	height: 336px;
	background: url(images/whatleft.jpg) left no-repeat;
}
#whattext {
	float: left;
	width: 198px;
	height: 336px;
	background: url(images/whatbot.jpg) bottom no-repeat;
	padding: 0px 10px;
}
#whattext li {
	margin-bottom: 1px;
}
#whatright {
	float: left;
	width: 25px;
	height: 336px;
	background: url(images/whatright.jpg) left no-repeat;
}

/*		*			*			*		SECTION 3		*			*			*		*/
#section3 {
	width: 950px;
	height: 865px;
	margin: 0 auto;
	display: block;
	clear: both;
}

#threelocationsheader {
	background: url(images/threelocations.jpg) left no-repeat;
	display: block;
	width: 950px;
	height: 138px; 
	text-indent: -3333px;
	float: left;
	clear: both;
}

.listleft {
	width: 135px;
	text-align: right;
	float: left;
	font-size: 14px;
	line-height: 24px;
}

.listright {
	width: 90px;
	text-align: left;
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin-left: 15px;
}

/*		*			*			*		SECTION Melbourne		*			*			*		*/
#melbourne { 
	display: block;
	width: 950px;
	height: 232px;
	float: left;
}

#melbleft {
	width: 400px;
	height: 232px;
	background: url(images/melbleft.jpg) right no-repeat;
	float: left;
}

#melbtext .listleft {
	width: 150px;
}

#melbtext {
	width: 525px;
	height: 232px;
	background: url(images/melbtext.jpg) left bottom no-repeat;
	float: left;
}

#melbourneh3 {
	background: url(images/melbourneh3.jpg) left no-repeat;
	display: block;
	width: 164px;
	height: 50px; 
	text-indent: -3333px;
	float: left;
	clear: both;
	margin: 10px 0px 0px 8px;
}

#melbmap {
	float: right;
	width: 254px;
	height: 218px;
	margin-right: 14px;
}

#melbright {
	width: 25px;
	height: 232px;
	background: url(images/melbright.jpg) left no-repeat;
	float: left;
}

/*		*			*			*		SECTION Ringwood		*			*			*		*/
#ringwood { 
	display: block;
	width: 537px;
	height: 495px;
	float: left;
}

#ringwoodtop {
	width: 537px;
	height: 237px;
	background: url(images/ringwoodtop.jpg) right no-repeat;
	float: left;
}

#ringwoodleft {
	width: 30px;
	height: 241px;
	background: url(images/ringwoodleft.jpg) right no-repeat;
	float: left;
}

#ringwoodtext {
	width: 507px;
	height: 258px;
	background: url(images/ringwoodtext.jpg) left bottom no-repeat;
	float: left;
}

#ringwoodtext .listright {
	border-left: 3px solid #ecebe8;
	padding-left: 7px;
	margin-left: 8px;
}

#ringwoodh3 {
	background: url(images/ringwoodh3.jpg) left no-repeat;
	display: block;
	width: 150px;
	height: 50px; 
	text-indent: -3333px;
	float: left;
	clear: both;
	margin: 0px 0px 10px 8px;
}

#ringwoodmap {
	float: right;
	width: 259px;
	height: 218px;
}

/*		*			*			*		SECTION Windsor		*			*			*		*/
#windsor { 
	display: block;
	width: 413px;
	height: 495px;
	float: left;
}

#windsortop {
	width: 413px;
	height: 55px;
	background: url(images/windsortop.jpg) left no-repeat;
	float: left;
}

#windsorleft {
	width: 53px;
	height: 322px;
	background: url(images/windsorleft.jpg) left no-repeat;
	float: left;
}

#windsortext {
	width: 330px;
	height: 322px;
	background: url(images/windsortext.jpg) right no-repeat;
	float: left;
	padding-right: 30px;
}

#windsorh3 {
	background: url(images/windsorh3.jpg) left no-repeat;
	display: block;
	width: 133px;
	height: 48px; 
	text-indent: -3333px;
	float: left;
	clear: both;
	margin: 10px 0px 24px 8px;
}

#windsormap {
	float: left;
	width: 222px;
	height: 244px;
}

#windsortext .listleft {
	width: 100px;
	float: right;
}

#windsortext .bordertop {
	border-top: 3px solid #ecebe8;
	padding-top: 15px;
	margin-top: 15px;
	width: 90px;
}

#ieholder {
	width: 413px;
	height: 322px;
	float: left;
	overflow: hidden;
}

#windsorbottom {
	width: 413px;
	height: 118px;
	background: url(images/windsorbottom.jpg) left no-repeat;
	float: left;
}

/*		*			*			*		SECTION Footer		*			*			*		*/
#footer {
	width: 1050px;
	height: 150px;
	display: block;
}

#footerinner {
	width: 950px;
	height: 91px;
	background: #4f4f4f url(images/footershad.gif) repeat-x;
	float: left;
}

#footerleft {
	width: 50px;
	height: 91px;
	background: url(images/footerleft.jpg) left no-repeat;
	float: left;
}

#footerright {
	width: 50px;
	height: 91px;
	background: url(images/footerright.jpg) left no-repeat;
	float: left;
}

#footerbottom {
	width: 1050px;
	height: 59px;
	background: url(images/footerbottom.jpg) left no-repeat;
	float: left;
}

#footerinner .listright {
	width: 350px;
	color: #fff;
	margin-top: 10px;
}

#footerpic {
	width: 463px;
	height: 91px;
	background: url(images/footerpic.jpg) no-repeat;
	float: right;
}