/* Main DIVs */

* {
	margin:0;
	padding:0;
}

body {
	position:relative;
	background:#F4F3F0 url(../images/backbottom.jpg) bottom left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

* html body {
	background:none;
}

* html #iehack {
	background:#F4F3F0 url(../images/backbottom.jpg) bottom left repeat-x;
}

div#container {
position:relative;
min-height:100%;
height:auto;
}

* html #container {
height:100%;
}

div#header {
	height:207px;
	width:762px;
	
	background:url(../images/frame-top.jpg) top left no-repeat;
} 

div#header #menu {
	width:369px;
	float:right;
}

div#header p a {
	color:#000000;
}

div#header p a:hover {
	border-bottom:1px dashed #000000;
}

div#content {
	height:618px;
	width:825px;
	
	background:url(../images/frames-bottom.png) top left no-repeat;
	overflow:hidden;
}


* html body div#content {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/frames-bottom.png', sizingMethod='crop');
background:none;
}

#content #framed-foto {
	background:#000000;
	width:413px;
	height:378px;
	position:absolute;
	left:360px;
	top:274px;
	overflow:hidden;
	text-align:center;
	z-index:1;
}

#content #framed-foto img {
	margin:0 auto;
	
}

div#text {
	position:relative;
	top:65px;
	left:15px;

	width:237px;
	height:333px;
	padding-right:5px;
	overflow:auto;
	z-index:100;
}

div#text img {
	margin:5px 0;
}

/* Hover images
------------------------------ */

div#hoverimage {
	position:absolute;
	bottom:0px;
	left:620px;
	z-index:1;
}

* html div#hoverimage {
	bottom:-1px;
}

body.home div#hoverimage {
	width:371px;
	height:502px;
	
	background:url(../images/over-homepage-cow.png);
}

* html body.home div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-homepage-cow.png', sizingMethod='crop');
background:none;
}

body.education div#hoverimage {
	width:412px;
	height:307px;
	
	background:url(../images/over-education-pencils.png);
}

* html body.education div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-education-pencils.png', sizingMethod='crop');
background:none;
}

body.equipment div#hoverimage {
	width:292px;
	height:415px;
	left:690px;
	
	background:url(../images/over-equipment-cock.png);
}

* html body.equipment div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-equipment-cock.png', sizingMethod='crop');
background:none;
}

body.rehearsal div#hoverimage {
	width:407px;
	height:327px;
	
	background:url(../images/over-rehearsal-duck.png);
}

* html body.rehearsal div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-rehearsal-duck.png', sizingMethod='crop');
background:none;
}

body.services div#hoverimage {
    width:317px;
    height:449px;
    left:710px;
  
    background:url(../images/over-services-yellow-flower.png);
}

* html body.services div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-services-yellow-flower.png', sizingMethod='crop');
background:none;
}

body.studioone div#hoverimage {
	width:309px;
	height:425px; 
	left:710px;
	background:url(../images/over-studio1-butterfly.png);
}

* html body.studioone div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-studio1-butterfly.png', sizingMethod='crop');
background:none;
}

body.studiotwo div#hoverimage {
	width:434px;
	height:408px;
	
	background:url(../images/over-studio2-flowers.png);
}

* html body.studiotwo div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-studio2-flowers.png', sizingMethod='crop');
background:none;
}

body.howtofindus div#hoverimage {
	width:550px;
	height:430px;
	left:590px;
	
	background:url(../images/over-howtofindus-van.png);
}

* html body.howtofindus div#hoverimage {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/over-howtofindus-van.png', sizingMethod='crop');
background:none;
}

/* =Miscelaneous 
-------------------------- */

a {
	text-decoration:none;
}

#header p {
	text-align:right;
	font-size:0.6em;
	padding-right:460px;
}

#content p {
	margin:10px 0;
	font-size:0.8em;
	text-align:right;
}

#content h4 {
	text-align:right;
	margin:5px 0;
}

#content ul {
	list-style-type:none;
	font-size:0.8em;
	font-weight:bold;
}

#content ul ul {
	list-style-type:circle;
	font-weight:normal;
	font-size:0.9em;
	padding-left:15px;
}


/* =MainMenu 
-------------------------- */

a#sitemap {
	width:143px;
	height:20px;
	margin-left:10px;
	display:block;
	background:url(../images/viewmap-normal.jpg) no-repeat;
	text-indent:-9999px;
}

a#sitemap:hover {
	background:url(../images/viewmap-hover.jpg) no-repeat;
}

.howtofindus a#sitemap {
	background:url(../images/viewmap-hover.jpg) no-repeat;
}

#mhome a, #mhome {
	width:304px;
	height:59px;
	
	background:url(../images/the-paddock.jpg) 0 14px no-repeat;
	display:block;
	text-indent:-9999px;
}

ul#menu {
	background:url(../images/menu.jpg) no-repeat;

	height:172px;
	width:369px;
	
	position: relative;
	margin-top:14px;
}

ul#menu li {
	list-style: none;
	position: absolute;
	left:0;
}

ul#menu li, ul#menu a {
	height: 29px;
	width: 369px;
	display: block;
}

ul#menu li a {
	text-indent: -9999px;  
}

#mstudioone {top:0px;}
#mstudiotwo {top:29px;}
#mrehearsal {top:58px;}
#mequipment {top:87px;}
#meducation {top:116px;}
#mservices {top:145px;}

#mstudioone a:hover, .studioone #mstudioone a {background: transparent url(../images/menu.jpg) no-repeat 0 -174px;}
#mstudiotwo a:hover, .studiotwo #mstudiotwo a {background: transparent url(../images/menu.jpg) no-repeat 0 -203px;}
#mrehearsal a:hover, .rehearsal #mrehearsal a {background: transparent url(../images/menu.jpg) no-repeat 0 -232px;}
#meducation a:hover, .education #meducation a {background: transparent url(../images/menu.jpg) no-repeat 0 -290px;}
#mequipment a:hover, .equipment #mequipment a {background: transparent url(../images/menu.jpg) no-repeat 0 -261px;}
#mservices a:hover, .services #mservices a {background: transparent url(../images/menu.jpg) no-repeat 0 -319px;}
.home #mhome a, .studioone #mstudioone a, .studiotwo #mstudiotwo a, .rehearsal #mrehearsal a, .education #meducation a, .equipment #mequipment a, .services #mservices a {cursor:default;}

a#teabag {
 display:block;
 width:70px;
 height:21px;
 text-indent:-9999px;
 overflow:hidden;
 text-decoration:none;
 background:url(../images/teabag-studios.jpg);
 background-repeat:no-repeat;
 
 position:absolute;
 top:186px;
 left:754px;
}

a#teabag:hover {
 background:url(../images/teabag-studios-hover.jpg);
}