/* Universals */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: "Hypatia Sans Pro", "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: 1.2em;
	line-height: 1.5em;
	background: #fff;
	background:url(images/header_grad.gif) 0 0 repeat-x;
	padding:0;
	width:100%;
	text-align:center;
	behavior: url(js/csshover.htc);
}

#container {
	background:url(images/bg_centred.jpg) 0 0 no-repeat; 
	margin:0 auto; 
	left:-40px;
	position:relative;
	text-align:left;
	width:880px;
	padding:0 0 0 70px;}

a:link, a:visited {
	color: #555;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}

a:hover, a:active {
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#wrapper {
	width: 780px;
	margin: 0 0 0 50px;
}

#content {padding:0 0 40px 0; 
	min-height:540px;


}

#footer {
	padding: 25px 0 25px 0;
	text-align:center;
	font-size: 0.7em;
	background: url(images/footer_grad.jpg) repeat-x;
	height:30px;
	color: #ddd;
	width:100%;
}

#footer a:link, #footer a:visited {color:#fff; text-decoration:none; border:none;}
#footer a:hover {color: #fff; border-bottom: 1px solid #fff;}
#footer a:active {background:#eee; color: #111;}

.ext {background:url(images/ext.gif) center right no-repeat;padding-right:12px;}
.ext:hover {background:url(images/ext_out.gif) center right no-repeat;}

#identity {margin:0 0 10px 10px;}


/* Navigation */
#navigation {background: url(images/menu_ruler.gif) bottom left no-repeat;padding-bottom:10px; margin-top:20px;}
#navbar {
	margin: 10px 0 0 0;}

#navbar li {
	list-style-type: none;
	display: inline;
	margin: 0 30px 0 0;}

#navbar a:link, #navbar a:visited { border: none; padding-bottom:7px;}
#navbar a:hover { border-bottom: 8px solid #aaa; }

#navbar a:active {
	color: #000;
	border-bottom: 8px solid #000;}

#select a:link, #select a:visited, #select a:hover, #select a:active 
	{border-bottom: 8px solid #333; }

#submenu {margin:0;
	list-style-type:none; 
	width:775px; 
	background: url(images/submenu_grad.gif) bottom repeat-x;
	font-size:0.7em; 
	border-left:5px solid #aaa;
}
	
ul#submenu li {display:inline; padding: 0 1em;}
ul#submenu li span {border-bottom: 1px solid #000;}

/* Home Page */

#introduction {text-align: right; padding-bottom:4px;}

#introduction h4 {
	font-style: oblique;
	font-weight: normal;
	font-size: 0.7em;}

#introtext {
	margin:0;
	font-size: 1.0em;
	line-height: 1.2em;
	border:1px dashed #aaa;
	color:#000;
	padding:20px 20px 10px 20px;
	}

#introtext p {margin-bottom: 10px;}

#myGallery
{
width: 780px !important;
height: 100px !important;
margin-bottom:20px;
overflow:hidden;
}

#newsfeed {
	float: left;
	margin-bottom:20px;
	width: 450px;
}

ul#news {width: 440px; list-style-type: none; margin-left:25px;}

ul#news li {
	width:420px;
	list-style-type: none;
	margin-bottom: 15px;
	line-height:1.4em;
	background: url(images/news_item.jpg) top left no-repeat;
	padding:40px 20px 10px 0;	
	position:relative;
}

ul#news li img, ul#news li span {float:right; margin:0 10px; display:inline;}
ul#news li a img {border:none;}
ul#news li h3 {margin:0 0 2px 25px; font-size: 1em;line-height:1.2em;}
ul#news li p {font-size: 0.7em; line-height:1.4em; margin:0 15px 0 25px;}

p.posted {text-align:right; font-style: oblique; color:#777;margin-top: 13px;}

#sidebar {
	float: right;
	padding-top: 25px;
	margin:80px 10px 0 0;
	background: url(images/side-crop-top.gif) top right no-repeat;
}
#sidebar_crop {
	background: url(images/side-crop-bottom.gif) bottom left no-repeat; padding:0 0 25px 25px;
	width: 210px;}

#sidebar h2 {font-size:1.4em; margin-right:25px; text-align:right;}	

#highlights { margin: 0 0 20px 0;}

#highlights ul, #links ul {
	list-style-type: none;
	font-size: 0.7em;
	margin-right:25px;
}

#highlights a {display:block; width:174px; height:32px; border:none; text-indent:-900%; overflow:hidden;}

#highlights li {margin:0 0 4px 12px;}

#music_tab {width:174px;background: url(images/music_tab.jpg) 0 0 no-repeat;}
#youth_tab {width:174px;background: url(images/youth_tab.jpg) 0 0 no-repeat;}
#entre_tab {width:174px;background: url(images/entre_tab.jpg) 0 0 no-repeat;}
#music_tab:hover, #youth_tab:hover, #entre_tab:hover {background-position: 0 -32px;}

#links {text-align:right;}

#links li {line-height:1.4em; 
	margin-bottom:1.2em;}


.foot_home {background: url(images/splurge2.jpg) bottom left no-repeat;}

/* Contact */
#sidebar_contact {
	float: right;
	width: 228px;
	text-align: left;
	padding: 15px;
	margin-top:85px;}
	
#sidebar_contact h3 {font-size:1.2em;}

ul#contact-alts {
	font-size: 0.7em;
	list-style-type: none;
}

address { line-height: 1.2em; }

#contactform, #error_wrap {
	width: 400px;
	font-size:1em;
	padding:35px;
	background:#f9f9f9;	
	float: left;
	margin:40px 0 0 30px;
	border:1px solid #eee;
	display:inline;}
	
#error_wrap {margin:45px 0 80px 30px;}

#contactform h3	{margin-left:27%; font-size:1.2em;}
	
#contactform label, #contact_form label span 
	{display:block; padding-bottom:0.25em;}
	
#contactform label {float:left; width:100%;}

#contactform label span {float:left; width:25%; text-align:right;}

#contactform fieldset input, #contact_form fieldset textarea  {
	float:right; 
	width:72%; 
	border:2px solid #eee;
	font-family:"Helvetica Neue", Helvetica, Arial, sans serif;
	padding:3px;}
	
#contactform fieldset {border:none;}

#contactform div { margin-left:26%; }

.text_input {font-size:0.8em;}

#contactform .button {
	padding:4px 6px; 
	background: #fff; 
	font-size:1.6em; 
	border: 2px dashed #eee;}

#contactform .button:hover {border:2px solid #ccc;}

#error {
	color:red;
	letter-spacing:0.1em; 
	padding:20px; 
	border: red dashed 1px;
	margin: 0 auto;}
	
#error h3 {margin:0;}

#error p, #success p 
	{line-height:1em; margin-top: 20px;letter-spacing:0.05em;}
	
#success {
	width:300px;
	letter-spacing:0.15em;
	padding:20px;
	border: black dashed 1px;
	float:left;
	margin:50px 0 30px 50px;}


/* Design Showcase */
#showcase {
	cursor: -moz-grab;
	white-space: nowrap;
	height:390px;
	width:720px;
	margin: 13px 0 0 0;}

#showcase img { padding-left: 10px; }

#showcase_wrap {
	background: url(images/bg_stripe.gif) repeat;
	width: 720px;
	height: 420px;
	overflow: hidden;
	position:relative;}

#showcase_border { background: url(images/showcase-bg.gif) no-repeat 0 0;
		width:760px; 
		height: 460px; 
		padding: 20px 0 0 20px; 
		margin:10px 0 50px 0;}

/* Photo Gallery */
ul#photo_choices {
	list-style:none;
	margin-top:18px;
	
	}

ul#photo_choices li {
	display:block;
	margin-right:40px;
	border:1px solid #000
	padding:40px;
	font-size:0.7em;
}
ul#photo_choices li a
{
	display: block;
	padding: 40px;
	font-size: 1.2em;
	letter-spacing:0.4em;
	font-style: normal;
	text-transform: uppercase;
}

.photogal#showcase {
	cursor: -moz-grab;
	white-space: nowrap;
	height:500px;
	}

.photogal#showcase img { padding-left: 10px; height:470px;}

.photogal#showcase_wrap {
	background: #000;
	width: 100%;
	height: 500px;
	overflow: hidden;
	position:fixed;
	top:210px;
	left:0;}




/* Footer Illustrations */

.foot_contact {background: url(images/splurge7.jpg) 430px bottom no-repeat;}
.foot_error {background: url(images/splurge6.jpg) 180px bottom no-repeat;}
.foot_photo {background: url(images/splurge8.jpg) 280px bottom no-repeat;}
.foot_design {background: url(images/splurge9.jpg) 420px bottom no-repeat;}

/* Speciality Subjects */
#speciality h2 {margin-top:30px;}
#speciality p {margin-bottom:10px; font-size:0.85em; line-height:1.3em;}

#music_intro {background: url(images/music_intro.jpg) 610px 5px no-repeat;}
#youth_intro {background: url(images/youth_intro.jpg) 610px 5px no-repeat;}
#entre_intro {background: url(images/entre_intro.jpg) 610px 5px no-repeat;}
#photo_intro {background: url(images/photo_intro.jpg) 610px 5px no-repeat;}

#music_intro h2, #music_intro p, #youth_intro h2, #youth_intro p, #entre_intro h2, #entre_intro p, #photo_intro h2, #photo_intro p {width:550px; margin-bottom:13px;}
#youth_intro, #music_intro, #entre_intro, #photo_intro {padding:0 0 10px 20px;}

.special_item {width:616px; margin:10px 0 5px 40px;padding:22px; background: url(images/special_head.jpg) 0 0 no-repeat; }
.special_item img, .special_item object {padding: 6px; border:1px solid black;}
.special_item img:hover, .special_item object:hover {border:1px dashed black; background:#eee;}
.special_item a {border:none;}
.special_item h3{padding-left:17px;background: url(images/arrow-right2.gif) 0 40%	 no-repeat; font-size:1em;}
.special_item p {width:620px;}

#onemorething {padding:0 0 0 29px;width: 680px;}

#errorpage {margin: 140px 110px; height:450px;}
#errorpage h2 {margin-bottom:10px;}

#colin img {padding:14px; margin:4px;}

#tumblr ol {list-style:none;}
#tumblr li {border-bottom: 2px dotted #333;	padding:20px; margin:20px 0 20px 100px; background-color:#f3f3f3;}
#tumblr img {border:1px dashed #777; padding:10px; margin:10px;}