/*  
Theme Name: UL Experience
Theme URL: http://www.ul.ie/experience
Description: Vibrant Background for Media Rich 
Author: andy@diginomarketing.ie
Author URL: http://www.digino.ie
*/

/*** BODY ***************************************************************************************************/
body{
	margin:0;
	padding:0;
	color:#313030;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}

/*** HEADER ***************************************************************************************************/
#header{
	height:90px;
	border-bottom: 18px solid #313030;
}

#header-wrap{
	width: 1014px;
	margin: 0px auto;
	padding:0;
}

.logo{
	margin: 30px 0px  0px  33px ;
	padding: 0;
	float:left;
	border:none;
}

/*** NAV ***************************************************************************************************/	
ul#nav {
	float: right;
	margin:0px;
	padding:50px 0px 0px 0px;
	list-style-type:none;
	display:inline;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
}

ul#nav li{
	display:block;
	float:left;
	margin:0;
	padding:0px 0px 0px 8px;
}

ul#nav li a{
	display:block;
	float:left;
	width:auto;
	color:#fff;
	text-decoration:none;
	border-bottom: none;
	padding:12px 9px 0 8px;
	height:28px;
	background:url("../media/main-nav-bg-off.gif") repeat-x;
}

ul#nav li a:hover, #nav li a.current, ul#nav li a.current:hover{
	background:url("../media/main-nav-bg-on.gif") repeat-x;
}

/*** HOME-NAV ***************************************************************************************************/

ul#home-nav {
	margin:0;
	height:212px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	display:block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.last{
	padding:0px 0px 0px 0px;
}

ul#home-nav li{
	display:block;
	float:left;
	margin:0;
	padding:0px 21px 0px 0px;
}

ul#home-nav li a{	
	display:block;
	float:left;
	width:auto;
	color:#fff;
	text-decoration:none;
	border-bottom: none;
	height:92px;
	background:url("../media/buttons.jpg");
	border: 10px solid #00b3c5;
}

ul#home-nav li a.nav-living{
	padding:78px 0px 0px 81px;
	width:131px;
	background-position: 0px 170px;
}

ul#home-nav li a.nav-living:hover{
	padding:78px 0px 0px 81px;
	width:131px;
	background-position: 0px 0px;
	border: 10px solid #860a00;
}

ul#home-nav li a.nav-learn{
	padding:78px 0px 0px 81px;
	width:131px;
	background-position: 636px 170px;
}

ul#home-nav li a.nav-learn:hover{
	padding:78px 0px 0px 81px;
	width:131px;
	background-position: 636px 0px;
	border: 10px solid #860a00;
}

ul#home-nav li a.nav-campus{
	padding:78px 0px 0px 78px;
	width:134px;
	background-position: 424px 170px;
}

ul#home-nav li a.nav-campus:hover{
	padding:78px 0px 0px 78px;
	width:134px;
	background-position: 424px 0px;
	border: 10px solid #860a00;
}

ul#home-nav li a.nav-play{
	padding:78px 0px 0px 91px;
	width:121px;
	background-position: 212px 170px;
}

ul#home-nav li a.nav-play:hover{
	padding:78px 0px 0px 91px;
	width:121px;
	background-position: 212px 0px;
	border: 10px solid #860a00;
}

/*** HOMEPAGE ***************************************************************************************************/
#homepage{
	background:url("../media/homepage-bg.gif") repeat-x;
	margin: 0px;
	padding:0px;
}

#homepage-wrap{
	width: 1014px;
	margin: 0px auto;
	padding:0;
}

#home-banner{
	margin: 0 0 0 0;
	padding:0 0 20px 0;
}

#homepage-content{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

#homepage-links{
	float: right;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	width: 260px;
}

#homepage-links ul{
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}

#homepage-links li{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	list-style-type:none;
	border-bottom:#999999 1px dotted;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
}

#homepage-links a{
	display: block;
	color: #860a00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}

#homepage-links a:hover{
	color: #00b3c5;
}

#homepage h1{
	margin: 0;
	padding:0;
	font-size:24px;
	color:#313030;
}

#homepage p{
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:10px 0px 40px 0px;
	line-height: 1.5em;
	font-size:13px;
	font-weight:100;
	width: 720px;
}

#homepage p a{
	color:#313030;
	font-weight:bold;
	text-decoration:none;
}

#homepage p a:hover{
	color: #00b3c5;
	font-weight:bold;
	text-decoration:none;
}

/*** VIDEO ***************************************************************************************************/
#video-panel{
	margin: 0;
	padding:0;
	background:url("../media/video-panel-bg.gif") bottom repeat-x;
}

#video-panel-wrap{
	width: 1014px;
	height: 362px;
	margin: 0px auto;
	padding:0;
}

#video-panel-left{
	float:left;
	width: 617px;
}

#video-tag{
	float:left;
	margin-top: 35px;
	padding:0;
	height:73px;
	width:33px;
	background:url("../media/video-tag.gif") top left no-repeat;
}

#video-holder{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width: 560px;
	height: 320px;
	border: 12px solid #313030;
	overflow : hidden;
	float : left;
}

#video-panel-right{
	padding: 0px;
	margin: 0px;
	width: 397px;
	float:left;
}

#intro-text{
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 30px;
	height: 240px;
	overflow : auto;
}

#video-nav{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 12px solid #313030;
	border-left: 0;
	float : left;
	width: 385px;
	background : #313030;
}

h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	text-transform:uppercase;
	color:#00b3c5;
}

h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:17px;
	text-transform:uppercase;
}

p{
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:13px;
	font-weight:100;
}

/*** GALLERY ***************************************************************************************************/
#gallery-panel{
	margin: 0;
	padding:0;
	background:#f3f3f3;
	clear : both;
	padding:5px 0;
}

#gallery-panel-wrap{
	width: 1014px;
	margin: 0px auto;
	padding:0;
	height: 320px;
}

#gallery-panel-left{
	float:left;
	width: 589px;
	margin: 0;
	padding-top: 10px;

}

#gallery-panel-right{
	float:right;
	width: 397px;
	margin: 0;
	padding-top: 10px;

}

#photos-tag{
	float:left;
	margin-top: 35px;
	padding:0;
	height:73px;
	width:33px;
	background:url("../media/photo-tag.gif") top left no-repeat;
}

#panorama-tag{
	float:left;
	margin-top: 35px;
	padding:0;
	height:73px;
	width:33px;
	background:url("../media/panorama-tag.gif") top left no-repeat;
}

#gallery-panel-right img {
	float : left;
	border : 0;
}

/*** CONTENT ***************************************************************************************************/
#content-panel{
	margin: 0;
	padding:10px 0px 0px 0px;
	background:#00b3c5;
}

#content-panel-wrap{
	height: 820px;
	width: 1014px;
	margin: 0px auto;
	padding:0;
	background:url(../media/content-panel-bg.gif) no-repeat bottom right;
}

#content-panel-left{
	float:left;
	width:577px;
	display: inline;  /* <---Solution for bug IE6 */ 
	margin-left: 33px;
	padding-top: 9px;
}

#content-panel-right{
	float:right;
	margin: 0;
	width : 365px;
}


#content-panel-right a
{
	display:block;
}

#poll-heading{
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	margin-top: 10px;
	padding: 10px 0px 6px 10px;
	width: 120px;
	background:#840a00;
	color:#fff;
}

#poll{
	font-family:Helvetica,Arial,Verdana,sans-serif;
	margin: 0;
	padding: 0;
	background:#fff;
	width: 340px;
	border: 12px solid #840a00;
}

#content-panel-left ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content-panel-left li{
	color:#840a00
}


#content-panel-left h1{
	color:#00b3c5;
}

.pdf-link{
	border:#CCCCCC 1px solid;
	font-size:14px; 
	color:#313030;
	margin:0px 0px 40px 0px;
	padding:9px 8px 8px 34px;
	background:url("../media/pdf-logo.gif") left no-repeat;
	text-decoration:none;
}

.pdf-link:hover{
	color:#00b3c5;
	border:#00b3c5 1px solid;
}

.pdf-size{
	color:#00b3c5;
	font-size:11px; 
}

/*** Prospectus ***************************************************************************************************/
.prospectus-button{
	margin:5px 0px 0px 0px;
	padding:65px 0px 0px 20px;
	display:block;
	float:left;
	width: 345px;
	color:#2bbbef;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	border-bottom: none;
	height:74px;
	background:url("../media/prospectus.jpg");
	line-height: 1.4em;
}

.prospectus-button:hover{
	color:#fff;
	background-position: 0px 139px;
}

.prospectus-heading{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	font-size: 18px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	color: #fff;
}

/*** Visit Campus ***************************************************************************************************/
.visit-campus-button{
	margin:20px 0px 0px 0px;
	padding:11px 0px 0px 20px;
	display:block;
	float:left;
	width: 345px;
	color:#2bbbef;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	border-bottom: none;
	height:128px;
	background:url("../media/prospectus.jpg");
	line-height: 1.3em;
	background-position: -365px 0px;
}

.visit-campus-button:hover{
	color:#fff;
	background-position: -365px 139px;
}

.visit-campus-heading{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	font-size: 18px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	color: #fff;
}

/*** Footer ***************************************************************************************************/
#footer{
	color:#CCC;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	height:30px;
	background:#313030;
}

#footer .logo
{
	
	padding: 0;
	float:left;
	border:none;

}

#footer-wrap{
	width: 1014px;
	margin: 0px auto;
	padding:0;
}

#footer-left{
	padding:0;
	margin-top: 8px;
	float: left;
}

#footer-right{
	margin-top: 8px;
	padding:0;
	float: right;
}

#footer a{
	margin-left: -28px;
	margin-top:-22px;	
	padding:0;
	float: right;
}