/* CSS Document */

body {
	background:#000000;
	margin:0;
}

#container {
	margin:0px;

}

/* ----------------------------------------------------------MENU-----------------------------------------------------------------*/

/* remove the bullets, padding and margins from the lists */


.menu ul{
list-style-type:none;
padding:0;
margin:0;


}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{


}


/* style all the links */
.menu a, .menu :visited {
width:120px;
height:36px;
color:#9AAD69;
background-color:#FFF;
text-align:center;
font:Arial, Helvetica, sans-serif bold;
font-size:18px;
display:block;
position:relative;
z-index:5;
left:2.3em;
_left:-13.9em;
top:2.0em;
border-right-color:#DDF79A;
border-right-style:solid;
border-right-width:.1em;
border-top-style:none;
border-left-color:#DDF79A;
border-left-style:solid;
border-left-width:.1em;
}


/* style the links hover */
.menu :hover{
width:100px;
color:#000;


}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
position:absolute;

left:15em;

}









#topbar {
	background:url(http://www.johnwrightphotography.com.au/images/TopBar.jpg) repeat-x;
	height:75px;
	width:100%;
	position:relative;
	top:0em;
	_top:-1.2em;
	z-index:2;
}



#greenbar {
	background:url(http://www.johnwrightphotography.com.au/images/greenbar.jpg) repeat-x;
	width:100%;
	height: 4px;
	position:relative;
	top:4.95em;
	_top:3.85em

}



#heading {
	background-image:url(http://www.johnwrightphotography.com.au/images/heading.jpg);
	width:783px;
	height:156px;
	position:absolute;
	top:5em;
	left:3em;
	z-index:3;

}

#photobar {
	background:url(http://www.johnwrightphotography.com.au/images/photobar.jpg) no-repeat;
	display:block;
	width:215px;
	height:800px;
	position:absolute;
	top:0em;
	right:5em;
	z-index:5;

}

#photobg1 {
	background:url(http://www.johnwrightphotography.com.au/images/photobg.jpg);
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	top:2em;
	left:2em;
}

.photo1:link, .photo1:visited {
	background:url(http://www.johnwrightphotography.com.au/images/photo1on.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:3.4em;
	left:2.25em;
}

.photo1:hover {
	background:url(http://www.johnwrightphotography.com.au/images/photo1off.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:3.4em;
	left:2.25em;
}


#photobg2 {
	background:url(http://www.johnwrightphotography.com.au/images/photobg.jpg);
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	top:14em;
	left:2em;
}

.photo2:link, .photo2:visited {
	background:url(http://www.johnwrightphotography.com.au/images/photo2on.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:15.4em;
	left:2.25em;
	z-index:5;
}

.photo2:hover {
	background:url(http://www.johnwrightphotography.com.au/images/photo2off.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:15.4em;
	left:2.25em;
	z-index:5;
}

#photobg3 {
	background:url(http://www.johnwrightphotography.com.au/images/photobg.jpg);
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	top:26em;
	left:2em;
}

.photo3:link, .photo3:visited {
	background:url(http://www.johnwrightphotography.com.au/images/photo3on.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:27.4em;
	left:2.25em;
}

.photo3:hover {
	background:url(http://www.johnwrightphotography.com.au/images/photo3off.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:27.4em;
	left:2.25em;
}

#photobg4 {
	background:url(http://www.johnwrightphotography.com.au/images/photobg.jpg);
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	top:38em;
	left:2em;
}

.photo4:link, .photo4:visited {
	background:url(http://www.johnwrightphotography.com.au/images/photo4on.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:39.4em;
	left:2.25em;
}

.photo4:hover {
	background:url(http://www.johnwrightphotography.com.au/images/photo4off.jpg);
	display:block;
	width:140px;
	height:105px;
	position:absolute;
	top:39.4em;
	left:2.25em;
}



.button1:link, .button1:visited {
	background:url(http://www.johnwrightphotography.com.au/images/bhomeoff.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:1em;
	top:1em;
}

.button1:hover {
	background:url(http://www.johnwrightphotography.com.au/images/bhomeon.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:1em;
	top:1em;
}


.button2:link, .button2:visited {
	background:url(http://www.johnwrightphotography.com.au/images/bgalleryoff.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:16em;
	top:1em;
	border:none;
}

.button2:hover {
	background:url(http://www.johnwrightphotography.com.au/images/bgalleryon.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:16em;
	top:1em;
}



.button3:link, .button3:visited {
	background:url(http://www.johnwrightphotography.com.au/images/blinksoff.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:31em;
	top:1em;
}

.button3:hover {
	background:url(http://www.johnwrightphotography.com.au/images/blinkson.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:31em;
	top:1em;
}

.button4:link, .button4:visited {
	background:url(http://www.johnwrightphotography.com.au/images/bcontactoff.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:46em;
	top:1em;
}

.button4:hover {
	background:url(http://www.johnwrightphotography.com.au/images/bcontacton.jpg) top;
	display:block;
	width:165px;
	height:36px;
	position:absolute;
	left:46em;
	top:1em;
}

#topline {
	background:url(http://www.johnwrightphotography.com.au/images/topline.jpg) repeat-x;
	height:1px;
	width:100%;
	position:absolute;
	display:block;
	top:2.05em;

}

#text {
	width:70%;
}