/* Stylesheet: Version 1.0
====================================================

Copyright 2008 Aperture Studios. All Rights Reserved.

This stylesheet may not be used, distributed or modified
without the express written permission of Aperture Studios.

==================================================== */



/* Basic Elements
==================================================== */
html{height:100%;}
body{margin:0;padding:0;text-align:center;font:normal 8pt verdana;line-height:14pt;color:#333;background-color:#FFF;height:100%;}
img{border:none;}
p{margin:0px 0px 5px 0px;padding:0px;}
hr{border:none 0;border-top:1px solid  #DDD;border-bottom:1px solid #FFF;height:2px;margin:0px 0px 20px 0px;}

/* Links
==================================================== */
a{font-family:Tahoma, Arial;font-size:8pt; font-weight:normal;color:#333;line-height:11pt;text-decoration:underline;}

/* Headers
==================================================== */
H1{font:bold 14px Arial;color:#333;line-height:26px;text-align:left;margin:0px;padding:0px 0px 0px 5px;background-color:#DDD;}
H2{font:bolder 16px Arial;color:#333;line-height:18pt;text-align:left;margin:22px 0px 10px 0px;}
H3{font:bold 14px Arial;color:#333;line-height:14pt;text-align:left;margin:10px 0px 6px 0px;}
H4{font:bold 14px Arial;color:#333;line-height:14pt;text-align:left;margin:4px 0px 6px 0px;border-bottom:dotted 1px #CCC;}
H5{font:bold 12px Arial;color:#666;line-height:14pt;text-align:left;margin:4px 0px 6px 0px;}
H6{font:bold 11px Arial;color:#333;line-height:14pt;text-align:left;margin:4px 0px 6px 0px;}

/* Lists
==================================================== */ 
ul{margin:0;padding:0px 0px 0px 15px;}
li{list-style:square;color:#808080;}
li span{color:#333;} /* list colour override */
.nobullets li{list-style-type:none;}

/* Layout
==================================================== */
#container{width:800px;margin:0px auto;padding:0px;}
	#page{width:800px;margin:0x;padding:20px;vertical-align:top;border-collapse:collapse;background-color:#FFF;}
		#header{margin:0px;padding:0px;}
			#navigation{margin:0px 0px 10px 0px;padding:20px 5px 0px 0px;text-align:right;border-bottom:solid 1px #CCC;}
			#banner{margin:0px 0px 8px 0px;padding:0px 0px 8px 0px;border-bottom:solid 1px #CCC;}
		#content{padding:0px;text-align:left;border-bottom:solid 1px #CCC;}
			#primaryContent{width:780px;height:auto;float:left;padding:20px;margin:0px;}
			#secondaryContent{width:260px;height:auto;float:left;padding:20px;margin:0px;}
		#footer{text-align:right;margin:0px 0px 10px 0px;padding:20px 5px 0px 0px;}

/* Typography
==================================================== */
#footer, #footer a{font:normal 7pt "Lucida Grande", tahoma;text-transform:uppercase;color:#666;line-height:10pt;}

/* Columns
==================================================== */
#two .one{width:460px;}
#two .two{width:260px;}
#two .one,#two .two{height:auto;float:left;padding:20px;margin:0px;}
#three .one,#three .two,#three .three{width:220px;height:auto;float:left;padding:20px;margin:0px;}
#homepage .one{width:260px;height:auto;float:left;padding:0px;margin:0px;}
#homepage .two,#homepage .three{width:540px;height:auto;float:left;padding:0px;margin:0px;}
#four .one,#four .two,#four .three,#four .four{width:180px;height:auto;float:left;padding:10px;margin:0px;}
.primaryContent{width:460px;}
.secondaryContent{width:260px;}
.primaryContent,.secondaryContent{height:auto;float:left;padding:20px;margin:0px;}

/* Splash Page
==================================================== */	
#splash-studio{}
#splash-retail{}
#splash-studio,#splash-retail{width:400px;height:200px;float:left;}

/* Menu System
==================================================== */
ul#menu{white-space:nowrap;margin:0;}
#menu li{display:inline;list-style-type:none;padding:10px 0px 0px 0px;}
#menu a{padding:3px 0px;font-weight:bold;}
#menu a:link, #menu a:visited{color:#333;text-decoration:none;font-weight:bold;}
#menu a:hover{color:#333;text-decoration:none;font-weight:bold;}

#menu_home a:hover,
#menu_equipmentrental a:hover,
#menu_studiohire a:hover,
#menu_retail a:hover,
#menu_workshops a:hover,
#menu_news a:hover,
#menu_contactus a:hover{background:#CCC;}

body#studio_hire #menu_studiohire a,
body#equipment_rental #menu_equipmentrental a,
body#retail #menu_retail a,
body#workshops #menu_workshops a,
body#news #menu_news a,
body#contact_us #menu_contactus a{background-color:#CCC;}

/* Articles
==================================================== */
.article{margin:10px 0px 0px 0px;}
.article-c1{width:100px;}
.article-c2{width:520px;}
.article-c1,.article-c2{height:auto;float:left;padding:0px;margin:0px;}
.article-date{font:bold 11px Arial;color:#333;line-height:14pt;text-align:left;}
.article-title{font:bold 11px Arial;color:#333;line-height:14pt;text-align:left;}
.article-content{font:normal 8pt tahoma;}

.featured{background-color:#CCC;height:170px;}
.featured-image{width:200px;}
.featured-content{width:500px;}
.featured-image,.featured-content{height:auto;float:left;padding:0px;margin:0px;}

/* Classes
==================================================== */
.summary{border:solid 1px #666;padding:20px;}
.callout{background-color:#e5e5e5;padding:10px 10px 10px 10px;margin:20px 0px 0px 0px;}
.clearboth{font-size:0px;height:0px;width:100%;display:block;clear:both;}
.none {display:none;}
.border-left{border-left:solid 1px #DDD;}
.border-right{border-right:solid 1px #DDD;}
.brochure{color:#666;font:bold 9pt verdana;border-bottom:solid 3px #CCC;}
.tableDates{margin:2px 0px 2px 0px;}

#news-events{padding:0px 0px 10px 80px;}

/* Image Replacement
==================================================== */
h1.contact{width:800px;height:20px;margin:0px 0px 0px 0px;
	background: url("../images/header/contact.gif");
	text-indent: -9999px;}
h1.equipment_rental{width:800px;height:20px;margin:0px 0px 0px 0px;
	background: url("../images/header/equipment_rental.gif");
	text-indent: -9999px;}
h1.news_events{width:800px;height:20px;margin:0px 0px 0px 0px;
	background: url("../images/header/news_events.gif");
	text-indent: -9999px;}
h1.studio_hire{width:800px;height:20px;margin:0px 0px 0px 0px;
	background: url("../images/header/studio_hire.gif");
	text-indent: -9999px;}
h1.workshops{width:800px;height:20px;margin:0px 0px 0px 0px;
	background: url("../images/header/workshops.gif");
	text-indent: -9999px;}