/*******************************************************
Inteactive Media Design, Designed by Jamie Shek and Ryan McLeod.

*******************************************************/


/*Site Wide styles*/
body {

padding:0;
height:100%;
color:#000000;  
text-align:left;
background-color: #171717;
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

a {
color: #abb1ad;
text-decoration:none;
}

a:hover {
color:#cccccc;
text-decoration:none;
}

ul {
margin:0 0 0 20px;
list-style-type:none;
}

li {
margin:4px 0 5px 10px;
}


blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

#header h1 {
margin:0;
padding:20px 0 0 20px;
font-size:1.8em;
letter-spacing:.1em;
color:#ffffff;
font-weight:lighter;
}

#header h2 {
margin:0;
padding:0 0 0 20px;
font-size:.9em;
font-weight:lighter;
letter-spacing:.1em;
color:#eeeeee;
}


/*******************************************************
Header
*******************************************************/
#header {
margin:0;
padding:0;
height:200px;
width: 100%;
background: #171717 url(images/header_gradient.jpg) repeat-x;
}
#headerContent {

margin:0 auto;
padding:0;
width:800px;
height: 132px;
background: url(images/degree_show.jpg) no-repeat;
}
#nav a{
color: #fff;
text-decoration: none;
padding-left: 3px;
font-size: 15px
}
#nav ul{
float: left;
padding: 0;
margin: 0;
background: url(images/menu_bar.jpg) no-repeat;
width: 800px;
height: 54px;
margin-top: 15px;
}
#nav li{
margin-top: 13px;
float: left;
padding-right: 20px;
margin-left: 20px;
}

li#home {
	padding-top: 0px;
}

#logo{
	padding-top: 42px;
}


/*******************************************************
Container
*******************************************************/
#container { 	
margin:0 auto;
padding:0;
margin-bottom: 50px;
width:800px;
text-align:left;
vertical-align: middle;
}




/*******************************************************
Centre Column
*******************************************************/
#centerColumn { 	
margin:0 0 0 0;
padding:0;
background-color: #fff;
width: 550px;
background: #fff url(images/content_gradient.jpg) repeat-x;
border: 1px solid #a2a1a4;
line-height: 1.6em;
font-size: 13px;
}

#centerColumn p {

}

#centerColumn h2 {


}

/*Project Page*/
#project {
padding: 25px 15px 15px 15px;
}

#image{
margin-right: 15px;
}
#projectNumber{
float: right;
margin-top: -4px;
}

#project h2 {
font-size: 3.4em;
letter-spacing: -0.1em;
}

#project h3 {
padding-top: 5px;
font-size: 1.4em;
letter-spacing: -0.1em;
}

#project h3 a{
padding-top: 5px;
font-size: 1.4em;
letter-spacing: -0.1em;
color: #000;
}

#project ul{
margin: 0;
padding: 15px 0 15px 0;
}
#project li{
margin: 0;
padding: 0;
}

#project li a{
font-size: 1.4em;
letter-spacing: -0.1em;
font-weight: bold;
color: #000;
}

#project p{
	padding-top: 10px;
	color: #000;
}

div#project.kirsty h2{
	color: #8173b4;
}
div#project.kirsty a{
	color: #8173b4;
}

div#project.kate h2{
	color: #aa529f;
}
div#project.kate a{
	color: #aa529f;
}

div#project.ceara h2{
	color: #e63495;
}
div#project.ceara a{
	color: #e63495;
}
div#project.emily h2{
	color: #d6202c;
}
div#project.emily a{
	color: #d6202c;
}
div#project.craig h2{
	color: #e0553f;
}
div#project.craig a{
	color: #e0553f;
}
div#project.dave h2{
	color: #fcaf1c;
}
div#project.dave a{
	color: #fcaf1c;
}
div#project.charlotte h2{
	color: #f26a28;
}
div#project.charlotte a{
	color: #f26a28;
}
div#project.graham h2{
	color: #fdd623;
}
div#project.graham a{
	color: #fdd623;
}
div#project.dazandray h2{
	color: #f5f53b;
}
div#project.dazandray a{
	color: #f5f53b;
}
div#project.tim h2{
	color: #abd047;
}
div#project.tim a{
	color: #abd047;
}
div#project.ryanandian h2{
	color: #7fc351;
}
div#project.ryanandian a{
	color: #7fc351;
}
div#project.mark h2{
	color: #3eb77d;
}
div#project.mark a{
	color: #3eb77d;
}
div#project.sarah h2{
	color: #31c3a6;
}
div#project.sarah a{
	color: #31c3a6;
}
div#project.jamie h2{
	color: #4588c8;
}
div#project.jamie a{
	color: #4588c8;
}
div#project.chris h2{
	color: #4460ac;
}
div#project.chris a{
	color: #4460ac;
}
div#project.matt h2{
	color: #233e8f;
}
div#project.matt a{
	color: #233e8f;
}

#vision{
	float: left;
	padding-right: 15px;
	height: ;
}





/*******************************************************
Right Column
*******************************************************/
#RightColumn {
float:right;
margin:0;
padding:0;
width:230px;
font-size:.9em;
color: #fff;
background: #fff url(images/content_gradient.jpg) repeat-x;
border: 1px solid #a2a1a4;
}

#right_nav, #right_nav2, #right_nav3, #right_nav4, #right_nav5, #right_nav6, #right_nav7 {
   width: 231px;
   height: 77px;
   padding: 0px 0px 0px 0px;
   overflow: hidden;
}

#right_nav ul, #right_nav2 ul, #right_nav3 ul, #right_nav4 ul, #right_nav5 ul, #right_nav6 ul, #right_nav7 ul{
	height: 77px;
   padding: 0 0 0 0;
   margin: 0;
   list-style: none;
}

#right_nav li, #right_nav2 li, #right_nav3 li, #right_nav4 li, #right_nav5 li, #right_nav6 li, #right_nav7 li{
   display: inline;
}

#right_nav a, #right_nav2 a, #right_nav3 a, #right_nav4 a, #right_nav5 a, #right_nav6 a, #right_nav7 a{
   float: left;
   background-image: url(images/heads/coloured_faces.jpg);
   display: block;
   height: 77px;
   text-decoration: none;
   margin: 0 0px 0 0;
   padding: 99999px 0 0 0;
   overflow: hidden;
}

#right_nav li#matt a{ width: 77px; height: 77px; background-position: 0px 0px; }

#right_nav li#chris a{ width: 77px; height: 77px; background-position: -77px 0px; }

#right_nav li#jamie a{ width: 77px; height: 77px; background-position: -154px 0px; }


#right_nav2 li#sarah a{ width: 77px; background-position: 0px -154px; }

#right_nav2 li#mark a{ width: 77px; background-position: -77px -154px; }

#right_nav2 li#ryan a{ width: 77px; background-position: -154px -154px; }


#right_nav3 li#ian a{ width: 77px; background-position: 0px -308px; }

#right_nav3 li#tim a{ width: 77px; background-position: -77px -308px; }

#right_nav3 li#daz a{ width: 77px; background-position: -154px -308px; }


#right_nav4 li#raymo a{ width: 77px; background-position: 0px -462px; }

#right_nav4 li#graham a{ width: 77px; background-position: -77px -462px; }

#right_nav4 li#charlotte a{ width: 77px; background-position: -154px -462px; }


#right_nav5 li#dave a{ width: 77px; background-position: 0px -616px; }

#right_nav5 li#craig a{ width: 77px; background-position: -77px -616px; }

#right_nav5 li#emily a{ width: 77px; background-position: -154px -616px; }


#right_nav6 li#ceara a{ width: 77px; background-position: 0px -770px; }

#right_nav6 li#kate a{ width: 77px; background-position: -77px -770px; }

#right_nav6 li#kirsty a{ width: 77px; background-position: -154px -770px; }


#right_nav7 li#rebecca a{ width: 77px; background-position: -0px -924px; }


#right_nav li#matt a:hover{ width: 77px; background-position: 0px -77px; }

#right_nav li#chris a:hover{ width: 77px; background-position: -77px -77px; }

#right_nav li#jamie a:hover{ width: 77px; background-position: -154px -77px; }


#right_nav2 li#sarah a:hover{ width: 77px; background-position: 0px -231px; }

#right_nav2 li#mark a:hover{ width: 77px; background-position: -77px -231px; }

#right_nav2 li#ryan a:hover{ width: 77px; background-position: -154px -231px; }


#right_nav3 li#ian a:hover{ width: 77px; background-position: -231px -385px; }

#right_nav3 li#tim a:hover{ width: 77px; background-position: -77px -385px; }

#right_nav3 li#daz a:hover{ width: 77px; background-position: -154px -385px; }


#right_nav4 li#raymo a:hover{ width: 77px; background-position: 0px -539px; }

#right_nav4 li#graham a:hover{ width: 77px; background-position: -77px -539px; }

#right_nav4 li#charlotte a:hover{ width: 77px; background-position: -154px -539px; }


#right_nav5 li#dave a:hover{ width: 77px; background-position: 0px -693px; }

#right_nav5 li#craig a:hover{ width: 77px; background-position: -77px -693px; }

#right_nav5 li#emily a:hover{ width: 77px; background-position: -154px -693px; }


#right_nav6 li#ceara a:hover{ width: 77px; background-position: 0px -847px; }

#right_nav6 li#kate a:hover{ width: 77px; background-position: -77px -847px; }

#right_nav6 li#kirsty a:hover{ width: 77px; background-position: -154px -847px; }


#right_nav7 li#rebecca a:hover{ width: 77px; background-position: 0px -1001px; }






#right_nav li#matt_selected a{ width: 77px; background-position: 0px -77px; }

#right_nav li#chris_selected a{ width: 77px; background-position: -77px -77px; }

#right_nav li#jamie_selected a{ width: 77px; background-position: -154px -77px; }


#right_nav2 li#sarah_selected a{ width: 77px; background-position: 0px -231px; }

#right_nav2 li#mark_selected a{ width: 77px; background-position: -77px -231px; }

#right_nav2 li#ryan_selected a{ width: 77px; background-position: -154px -231px; }


#right_nav3 li#ian_selected a{ width: 77px; background-position: -231px -385px; }

#right_nav3 li#tim_selected a{ width: 77px; background-position: -77px -385px; }

#right_nav3 li#daz_selected a{ width: 77px; background-position: -154px -385px; }


#right_nav4 li#raymo_selected a{ width: 77px; background-position: 0px -539px; }

#right_nav4 li#graham_selected a{ width: 77px; background-position: -77px -539px; }

#right_nav4 li#charlotte_selected a{ width: 77px; background-position: -154px -539px; }


#right_nav5 li#dave_selected a{ width: 77px; background-position: 0px -693px; }

#right_nav5 li#craig_selected a{ width: 77px; background-position: -77px -693px; }

#right_nav5 li#emily_selected a{ width: 77px; background-position: -154px -693px; }


#right_nav6 li#ceara_selected a{ width: 77px; background-position: 0px -847px; }

#right_nav6 li#kate_selected a{ width: 77px; background-position: -77px -847px; }

#right_nav6 li#kirsty_selected a{ width: 77px; background-position: -154px -847px; }


#right_nav7 li#rebecca_selected a{ width: 77px; background-position: 0px -1001px; }





/*******************************************************
Footer
*******************************************************/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -217px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 217px; /* .push must be the same height as .footer */
}

#footer {
	
	background: #000 url(images/footer_background.jpg) repeat-x;
	border-top: 1px solid #2b2b2b;
}
#footerContainer{
margin:0 auto;
padding:0;
width:800px;
height: 12px;
font-size: 12px;

}

#footer ul{
	
	float: left;
	padding: 0px;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
}
#footer li{
	width: 160px;
}

#uniLogo li img {
	margin-top: 20px;
	margin-left: 50px;
}
#footer h3{
	color: #fff;
	letter-spacing: -.1em;
}