/********************************************
   AUTHOR:  			Mick McCabe (Mediatician)
   WEBSITE:   			http://www.mediatician.com/
	TEMPLATE: 	Based on the Enlighten template (S-0011, version 1.0) by Erwin Aligam (http://www.styleshout.com/)
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: 80%/1.5em  Verdana, Tahoma, Arial,sans-serif;
	color: #3d454d;
	background: #d6dbe1;
	background-image: url(images/music_waves.png);
	background-position:center;
	background-position:top;
	text-align: center;	
	height: 100%;
	border-style:	
}

/* links */
a { background: inherit; color: #3d454d; text-decoration: underline; }
a:hover { background: inherit; color: #c43d20; text-decoration: underline; }

/* headers */
h1, h2, h3, h4, h5{
	font: bold 1em  Verdana, Arial, Helvetica, sans-serif;
	color: #405a71;
	}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; }


p, h1, h2, h3, h4, h5 {
	margin: 18px 23px;
}
ul, ol {
	margin: 0px 30px 25px 50px;
	padding: 0 15px;	
}

.indent_text {
	text-indent: 30px;
	}
/* images */
img {
  border: 0px;
  margin: 0; 
  padding:0;
  background: #ffffff;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 0px 15px 0px 0px;
}


blockquote {
	margin: 0px;
	padding: 5px 25px 25px 50px;
	}



/***********************
	  LAYOUT
************************/

#wrap {
	width: 740px;
	margin: 0 auto;
	background-color:#FFFFFF;
	background-image: url(images/music_waves.png);
	background-position:center;
}

/* header */
#header {
	position: relative;
	height: 300px;
	text-align: left;		
	margin: 0; padding: 0;
	background-color:#FFFFFF;
	
}
#header_home {
	position: relative;
	height: 590px;
	text-align: left;		
	margin: 0; padding: 0;
	background-color:#FFFFFF;
	
}
#header .headerlogo {
	position: absolute;
	right: 6px ; top: 0px;
	width: 728px;
	height: 179px;
	background: #FFF;	
}
#header_home .homelogo {
	position: absolute;
	right: 6px ; top: 0px;
	width: 728px;
	height: 159px;
	background: #FFF;	
}
#header_home .homecentre {
	position: absolute;
	right: 6px ; top: 159px;
	width: 728px;
	height: 376px;
	background: #FFF;	
}
#header_home .zoomholder {
	position: absolute;
	right: 6px ; top: 0px;
	width: 728px;
	height: 519px;
	background: #fff;	
}
#header_home .homefade {
	position: absolute;
	right: 6px ; top: 570px;
	width: 728px;

	background: #FFF;

}
		#middle_menu { position: absolute;	right: 6px; top: 179px; background:#b3351a; margin: 0 auto; padding: 15px 0 0 0; clear:both; border-top: 1px solid #fff; font-size:110%; font-weight:bold; text-align:center; width:728px; height:34px; list-style-type:none; color:#FFFFFF;}
		#middle_menu li {display:inline; padding: 0 3%; background:none}
		#middle_menu a  {color:#fff; text-decoration:none;}
		#middle_menu a:hover {color:#fff; text-decoration:underline;}
		
		#middle_menu_home { position: absolute;	right: 6px; top: 519px; background:#b3351a; margin: 0 auto; padding: 15px 0 0 0; clear:both; border-top: 1px solid #fff; font-size:110%; font-weight:bold; text-align:center; width:728px; height:34px; list-style-type:none; color:#FFFFFF;}
		#middle_menu_home li {display:inline; padding: 0 3%; background:none}
		#middle_menu_home a  {color:#fff; text-decoration:none;}
		#middle_menu_home a:hover {color:#fff; text-decoration:underline;}
		
		#middle_menu_zoom { position: absolute;	right: 6px; top: 519px; background:#b3351a; margin: 0 auto; padding: 15px 0 0 0; clear:both; border-top: 1px solid #fff; font-size:110%; font-weight:bold; text-align:center; width:728px; height:34px; list-style-type:none; color:#FFFFFF;}
		#middle_menu_zoom li {display:inline; padding: 0 3%; background:none}
		#middle_menu_zoom a  {color:#fff; text-decoration:none;}
		#middle_menu_zoom a:hover {color:#fff; text-decoration:underline;}

#title {
	position: absolute;
	right: 7px; top: 228px;
	float: right;
	width: 728px;	
	height: 72px;
	padding: 0;	
	background: #fff;
	background-image: url(images/title_background.gif);

}

/* --------------------------------------------------------- -- content */
#content-wrap {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;

}
#content {
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0;	
}
.news_title {
color: #b3351a; font-weight:bold;
}


/* main */
#main {
	float: right;
	width: 740px;	
	height: 100%;
	margin: 0px, 0, 15px,  0; 
	padding: 0;	
	background: #fff;
}

#pic_block {
	float:right;
	width: 220px;
	margin: 0; padding: 0;	
	background: none;
}	
#pic_block_slim{
	float:right;
	width: 115px;
	margin: 0; padding: 0;	
	background: none;
}	
#content_normal {
	float:left;
	width: 520px;
	margin: 0; padding: 0;	
}
#content_wide {
	float:left;
	width: 620px;
	margin: 0; padding: 0;	
}	
.content_box {
	margin: 25px;
	border: 1px solid #697987;
	}
	
.content_box img {
  border: 0px;
  margin: 0; 
  padding:0 0 18px 0;
  background: #ffffff;
}

.content_box img.float-right {
  margin: 5px 0px 5px 15px;  
}
.content_box img.float-left {
  margin: 0px 15px 0px 0px;
}

.model_box {
	margin: 25px;
	border: 1px solid #697987;
	}
.model_box img {
  border: 0px;
  margin:20px 12px 0px 12px; 
  padding: 0px;
  background: #ffffff;
}
	
.pic_box_left {
float:left;
	margin: 25px 25px 0 25px;
	border: 1px solid #697987;
	width: 270px;
	text-align:center;
	}
.pic_box_right{
float:left;
	margin: 25px 0 0 0;
	border: 1px solid #697987;
	width: 271px;
		text-align:center;
	}

	/* -------------------------------------------------------------- footer */

#footer {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;

}

#footer p {
	margin: 0, 23px, 0, 23px; padding: 0; font-size: 0.8em; color: #c4c9d0;
}
#footer a {
	text-decoration: none;
	color: #9da8b4;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* float clearer */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */