/*

Yeovil Innovation Centre - Global Stylesheet
http://www.yeovilinnovationcentre.co.uk/

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }

hr { display: none; }
strong { font-weight: bold; }

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

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

																					/* ------------ Defaults ------------ */

body {
	background: #d3d4d6 url('../images/body-bg.gif') repeat-x 0 0;
	color: #636965;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 15px 0;
	}


.h2-container {
	height: 30px;
	margin-top:20px;
	padding-left:20px;
	margin-bottom:10px;
	overflow:hidden
}

#news .h2-container {
	padding-left:0px
}

#default .h2-container {
	width:500px;
	float:left
}
	
h2 {
	font-size: 200%;
	font-weight:normal
}

h3 {
	font-size: 110%;
	color:#7ac043;
	margin-bottom:0;
	line-height:1.2em
}

h4 {
	text-align:right;
	font-size: 100%;
	color:#7ac043;
	margin-bottom:0;
	line-height:1.2em
}

strong {
	color:#515653
}

.bullet {
	margin-bottom:1.25em;
} 

.bullet li {
	text-align: left;
	list-style: none;
	background: url('../images/bullet.png') no-repeat 0px 2px;
	padding: 0px 0px 3px 23px;
}

p.error {
	color:#990000;
	font-weight:bold;
}
	
	
																					/* ------------ Branding ------------ */
																					
#branding-outer { 
	background: url('../images/branding-outer-bg.png') no-repeat 50% 0;
	height: 183px;
	padding-top: 20px;
	width: 100%; 
	}
	
#branding { 
	background: url('../images/branding-bg.gif') no-repeat 0 0;
	height: 183px;
	margin: auto;
	width: 960px; 
	}
	
#branding a {
	display:block;
	height: 183px;
	width: 960px; 
	}

#branding #logo {
	float: left;
	height: 25px;
	margin: 120px 0 0 135px;
	width: 320px;
	}

#branding #logo h1 a {
	background: url('../images/yeovil-innovation-centre.gif') no-repeat 0 0;
	display: block;
	height: 25px;
	text-indent: -25000px;
	width: 318px;
	}




																					/* ------------ nav ------------ */
																					
#nav-outer { 
	background: url('../images/content-outer-bg.png') repeat-y 50% 0;
	height: 40px;
	width: 100%; 
	}

#nav { 
	background: white;
	height: 40px;
	margin: auto;
	width: 950px;
	padding-left:10px;
	text-indent:-25000px;
	}
	
#nav li { 
	float: left;
	}

#nav ul li span {
	display:block
	}

#nav a {
	display: block;
	height: 40px;
	width: 104px;
	}
	
#nav a:hover, #nav .selected {
	background-position: 0 -40px;
	}

#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width:76px
	}
	
#nav-about a {
	background: url('../images/nav-about.gif') no-repeat top left;
	width:93px
	}

#nav-space a {
	background: url('../images/nav-space.gif') no-repeat top left;
	width:79px
	}
	
#nav-services a {
	background: url('../images/nav-services.gif') no-repeat top left;
	width: 84px;
	}
	
#nav-support a {
	background: url('../images/nav-support.gif') no-repeat top left;
	width: 131px;
	}
	
#nav-tenants a {
	background: url('../images/nav-tenants.gif') no-repeat top left;
	width: 84px;
	}
	
#nav-location a {
	background: url('../images/nav-location.gif') no-repeat top left;
	width:82px
	}
	
#nav-news a {
	background: url('../images/nav-news.gif') no-repeat top left;
	width:126px
	}
	
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width:92px
	}
	
#nav-links a {
	background: url('../images/nav-links.gif') no-repeat top left;
	width:93px
	}


#nav-shadow {
	background: url('../images/nav-shadow.png') no-repeat top left;
	height: 10px;
	width: 940px;
	float:left;
	margin:auto
	}
	
/*#default #nav-shadow {
	background: url('../images/nav-shadow-homepage.jpg') no-repeat top left;
	}*/





																					/* ------------ Sub Nav ------------ */

#space-p, #services-p, #news-p {
	width:104px;
	height: 40px;
	z-index: 100;
}

#space-c, #services-c, #news-c {
	background: url('../images/sub-nav-bg.jpg') no-repeat top left;
	width:156px;
	height:auto;
	z-index: 100;
	border-top:#FFFFFF solid 1px
}

#space-c a, #services-c a, #news-c a {
	display:block;
	float:left;
	width:156px;
	font-weight:bold;
	font-size: 93%;
	height: 20px;
	padding: 5px 0px 0px 5px;
	text-indent: 0px;
	text-decoration:none;
	color:#fff;
	z-index: 100;
}

#space-c a:hover, #services-c a:hover, #news-c a:hover {
	background: url('../images/sub-nav-on.jpg') no-repeat top left;
	color:#666;
}



	
																					/* ------------ Content ------------ */
																					
#content-outer { 
	background: url('../images/content-outer-bg.png') repeat-y 50% 0;
	width: 100%; 
	}

#content { 
	background:#FFFFFF url('../images/content-bg.gif') no-repeat bottom center;
	margin: auto;
	padding: 0 0 0 10px;
	position: relative;
	width: 950px; 
	}
	
#about #content, #contact #content { 
	background:#FFFFFF url('../images/content-building-bg.jpg') no-repeat bottom center;
	padding-bottom:200px
	}
	
#location #content { 
	background:#FFFFFF url('../images/content-windturbine-bg.jpg') no-repeat bottom center;
	}
		
#content a { 
	color: #515653;
	font-weight:bold;
	text-decoration: none;
	}
	
#content a:hover { 
	color: #7ac043;
	text-decoration: underline;
	}
	
#content p {
	margin-bottom: 1.25em;
	}


																					/* ------------ Column 1 ------------ */
																					
#column-1 { 
	float: left;
	width: 285px;
	padding:0 10px 10px 20px;
	}
	
#contact #column-1 { 
	width: 595px;
	}

#space-map-overview #column-1 { 
	width: 368px;
	padding-top:10px;
	margin-left:-10px
	}
	
#space-map #column-1, #office-space #column-1, #hot-desking #column-1, #conference-rooms #column-1, #additional-facilities #column-1, #reception #column-1, #virtual-office #column-1, #support #column-1 { 
	width: 368px;
	background: url('../images/vt-bg.png') no-repeat top left;
	padding-top:10px;
	margin-left:-10px
	}
	
#tenants #column-1 { 
	width: 900px;
	padding: 0 20px 10px 20px
	}
	
#news #column-1 { 
	float: left;
	width: 440px;
	padding:0 10px 10px 20px;
	}
	
#links #column-1 { 
	float: left;
	width: 430px;
	padding:0 20px 10px 20px;
	}
	

	
																					/* ------------ Column 2 ------------ */
																					
#column-2 { 
	float: left;
	width: 290px;
	padding:0 10px 10px 10px;
	}
	
#contact #column-2 { 
	width: 285px;
	}
	
#space-map-overview #column-2, #space-map #column-2 { 
	width: 532px;
	padding:0px;
	height:302px;
	margin-left:10px
	}
	
#office-space #column-2, #hot-desking #column-2, #conference-rooms #column-2, #additional-facilities #column-2, #reception #column-2, #virtual-office #column-2, #support #column-2 { 
	width: 502px;
	padding:10px 10px 10px 20px;
	}

#news #column-2 { 
	float: left;
	width: 440px;
	padding:0 20px 10px 10px;
	}
	
#links #column-2 { 
	float: right;
	width: 430px;
	padding:0 20px 10px 20px;
	}
	

																					/* ------------ Column 3 ------------ */
																					
#column-3 { 
	float: left;
	width: 285px;
	padding:0 10px 10px 10px;
	}
	
#default #column-3, #space #column-3 { 
	float: left;
	width: 315px;
	padding: 0px;
	}


																					/* ------------ Forms ------------ */



#contact-form label {
	font-weight:bold;
	width: 90px;
	display:block;
	height:22px;
	float:left;
	padding-top:3px
	}
	
#contact-form label.small-label {
	width: 70px;
	padding-left:20px
	}

#contact-form input, #contact-form textarea, #contact-form select { 
	vertical-align: middle;
	border: 1px solid #636965;
	color: #636965;
	font-size: 100%;
	margin-bottom: 5px;
	padding: 5px;
	width: 170px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	float:left
	}
	
#contact-form select { 
	width: 181px;
	}
	
#contact-form .office-enquiry,
#contact-form .meeting-enquiry,
#contact-form .business-enquiry,
#contact-form .other-enquiry { 
	width: 20px;
	height:25px;
	float:left;
	margin-top:-1px;
	border:none;
	margin: 0 5px 0 0;
	padding: 0;
	}
	
#contact-form #comments { 
	height: 145px
	}
	
#contact-form #submit {
	height: 25px;
	vertical-align: middle;
	width: 146px;
	padding: 0px;
	margin-right: 23px;
	margin-top:10px;
	border:none;
	float:right;
	}

form #saddr { 
	border: 1px solid #636965;
	color: #636965;
	font-size: 100%;
	margin-right: 5px;
	padding: 5px;
	width: 150px;
	margin-bottom:0;
	margin-top:3px;
	float:left
	}
	
#btn-go {
	float:left
}





																					/* ------------ Default Page DIVs ------------ */

#default a.pdf-download {
	background: url('../images/default-pdf-download.png') no-repeat top left;
	display:block;
	float:left;
	width: 295px;
	height: 48px;
	text-indent:-25000px;
	margin-top:10px
	}
	
#default a:hover.pdf-download {
	background-position: 0 -48px
	}
	
#default #text-container {
	width: 625px;
	float:left
}


#default a.grace-productions {
	background: url('../images/grace-productions.png') no-repeat top left;
	display:block;
	float:left;
	width: 290px;
	height: 90px;
	text-indent:-25000px;
	margin-top:3px;
	}
	
#default a:hover.grace-productions {
	background-position: 0 -90px
	}
	
#home-quote {
	margin: 10px 0 0 10px
}

	
																					/* ------------ Feature ------------ */

#features {
	float:left;
	width: 940px;
	height: 142px;
	margin-top: 15px
	}
																					
#feature-space, #feature-conference, #feature-news { 
	background: url('../images/feature-space.png') no-repeat top left;
	width: 295px;
	height: 142px;
	float:left;
	margin: 0 0 0 15px
	}
	
#feature-space a, #feature-conference a, #feature-news a {
	display:block;
	height:97px;
	width:165px;
	padding: 45px 10px 0 120px;
	line-height:1.4em 
	}
	
#feature-conference a {
	display:block;
	height:97px;
	width:162px;
	padding: 45px 10px 0 128px
	}
	
#feature-space a:hover {
	color:#d74c83
	}
	
#feature-conference a:hover {
	color:#dc2827
	}	
	
#feature-news a:hover {
	color:#0fa0d5
	}
	
	
	
#feature-conference { 
	background: url('../images/feature-conference.png') no-repeat top left;
	width: 300px;
	margin: 0 0 0 10px
	}
	
#feature-news { 
	background: url('../images/feature-news.png') no-repeat top left;
	margin: 0 0 0 10px
	}
	

																					/* ------------ Hero ------------ */
																					
#hero-container {
	background: url('../images/hero-bg.jpg') no-repeat top left; 
	height: 160px;
	width: 940px;
	float:left;
	background-position: 0 10px;
	margin-top:20px
	}
	
#hero-shadow { 
	background: url('../images/hero-shadow.png') no-repeat top left;
	height: 10px;
	width: 940px;
	float:left;
	margin:0px
	}
	
#hero-shadow2 { 
	background: url('../images/hero-shadow.png') no-repeat top left;
	height: 10px;
	width: 940px;
	float:left;
	margin:0px
	}
	
#default #hero-shadow {
	display:none
	}
	
	
	
																					/* ------------ Quote (285px) ------------ */
																					
.quote-box {
	width:285px
	}
	
#default .quote-box {
	margin: 10px 0 0 5px
	}
	
.quote-box-top, .quote-box-bottom, .box-top, .box-bottom {
	background: url('../images/quote-box-top.png') no-repeat bottom left;
	width:285px;
	height:30px;
	}
	
.quote-box-bottom {
	background: url('../images/quote-box-bottom.png') no-repeat top left;
	}
	
.box-bottom {
	background: url('../images/box-bottom.png') no-repeat top left;
	}
	
.box-top {
	background: url('../images/box-top.png') no-repeat top left;
	}
	
.quote-box-middle {
	background: url('../images/quote-box-middle.png') repeat-y top left;
	width:235px;
	padding: 0 25px 0 25px
	}
	


																					/* ------------ Space------------ */
																					
.floor-plan-pdf a {
	background: url('../images/floor-plan-pdf.png') no-repeat top left;
	display:block;
	width:293px;
	height:48px;
	margin-left:2px;
	text-indent:-2500px;
	float:right;
	margin-right:30px;
	}
	
.floor-plan-pdf a:hover {
	background-position:0 -48px
	}
	
#virtual-tour-flash {
	margin-bottom:15px
}	



.vt-thumb-01 a, .vt-thumb-02 a, .vt-thumb-03 a, .vt-thumb-04 a, .vt-thumb-05 a, .vt-thumb-06 a, .vt-thumb-08 a, .vt-thumb-09 a, .vt-thumb-10 a, .vt-thumb-11 a, .vt-thumb-12 a, .vt-thumb-13 a, .vt-thumb-14 a, .vt-thumb-16 a, .vt-thumb-17 a, .vt-thumb-18 a {
	background: url('../images/vt01-thumb.png') no-repeat top left;
	display:block;
	width:184px;
	height:84px;
	float:left;
	overflow:hidden;
	text-indent: -25000px
	}
	
.vt-thumb-02 a {
	background: url('../images/vt02-thumb.png') no-repeat top left;
	}
	
.vt-thumb-03 a {
	background: url('../images/vt03-thumb.png') no-repeat top left;
	}
	
.vt-thumb-04 a {
	background: url('../images/vt04-thumb.png') no-repeat top left;
	}
	
.vt-thumb-05 a {
	background: url('../images/vt05-thumb.png') no-repeat top left;
	}
	
.vt-thumb-06 a {
	background: url('../images/vt06-thumb.png') no-repeat top left;
	}
	
.vt-thumb-08 a {
	background: url('../images/vt08-thumb.png') no-repeat top left;
	}
	
.vt-thumb-09 a {
	background: url('../images/vt09-thumb.png') no-repeat top left;
	}
	
.vt-thumb-10 a {
	background: url('../images/vt10-thumb.png') no-repeat top left;
	}
	
.vt-thumb-11 a {
	background: url('../images/vt11-thumb.png') no-repeat top left;
	}
	
.vt-thumb-12 a {
	background: url('../images/vt12-thumb.png') no-repeat top left;
	}
	
.vt-thumb-13 a {
	background: url('../images/vt13-thumb.png') no-repeat top left;
	}
	
.vt-thumb-14 a {
	background: url('../images/vt14-thumb.png') no-repeat top left;
	}
	
.vt-thumb-16 a {
	background: url('../images/vt16-thumb.png') no-repeat top left;
	}
	
.vt-thumb-17 a {
	background: url('../images/vt17-thumb.png') no-repeat top left;
	}
	
.vt-thumb-18 a {
	background: url('../images/vt18-thumb.png') no-repeat top left;
	}
	
.vt-thumb-01 a:hover, .vt-thumb-01 a.selected, .vt-thumb-02 a:hover, .vt-thumb-02 a.selected, .vt-thumb-03 a:hover, .vt-thumb-03 a.selected, .vt-thumb-04 a:hover, .vt-thumb-04 a.selected, .vt-thumb-05 a:hover, .vt-thumb-05 a.selected, .vt-thumb-06 a:hover, .vt-thumb-06 a.selected, .vt-thumb-08 a:hover, .vt-thumb-08 a.selected, .vt-thumb-09 a:hover, .vt-thumb-09 a.selected, .vt-thumb-10 a:hover, .vt-thumb-10 a.selected, .vt-thumb-11 a:hover, .vt-thumb-11 a.selected, .vt-thumb-12 a:hover, .vt-thumb-12 a.selected, .vt-thumb-13 a:hover, .vt-thumb-13 a.selected, .vt-thumb-14 a:hover, .vt-thumb-14 a.selected, .vt-thumb-16 a:hover, .vt-thumb-16 a.selected, .vt-thumb-17 a:hover, .vt-thumb-17 a.selected, .vt-thumb-18 a:hover, .vt-thumb-18 a.selected {
	background-position: 0 -84px
	}


	
																					/* ------------ News + Events (285px) ------------ */
																					
.news-box {
	width:440px
	}
	
.news-box-top, .news-box-bottom {
	background: url('../images/news-box-top.png') no-repeat bottom left;
	width:440px;
	height:25px;
	}
	
.news-box-bottom {
	background: url('../images/news-box-bottom.png') no-repeat top left;
	}

.news-box-middle {
	background: url('../images/news-box-middle.png') repeat-y top left;
	width:390px;
	padding: 0 25px 0 25px
	}
	
.news-box-middle img {
	float:left;
	margin-right:15px
	}

#news h3 {
	margin-bottom:5px;
}

#news h4 {
	margin-top:5px;
}

#news .article-divider {
	width:390px;
	height: 1px;
	float:left;
	border-bottom:#999999 dotted 1px;
	margin-bottom:10px;
	margin-top: 10px
}
	
	

																		/* ------------ buttons ------------ */
																					
.btn-find-us a, .btn-news-archive a, .btn-events-archive a, .btn-news a, .btn-events a {
	display:block;
	background: url('../images/btn-find-us.png') no-repeat top left;
	width:146px;
	height:25px;
	text-indent: -25000px;
	float:right;
	margin-top:25px;
	margin-right:4px
	}

.btn-news-archive a, .btn-events-archive a, .btn-news a, .btn-events a {
	background: url('../images/btn-news-archive.png') no-repeat top left;
	margin-top:15px
	}
		
.btn-events-archive a {
	background: url('../images/btn-events-archive.png') no-repeat top left;
	}

.btn-news a {
	background: url('../images/btn-news.png') no-repeat top left;
	}
	
.btn-events a {
	background: url('../images/btn-events.png') no-repeat top left;
	}
	
#about .btn-find-us a {
	margin-top:25px
	}
	
.btn-find-us a:hover, #news .btn-news-archive a:hover, #news .btn-events-archive a:hover, #news .btn-news a:hover, #news .btn-events a:hover {
	background-position: 0 -25px
	}
	
	
																					/* ------------ Tenants ------------ */
.tenant {
	background: url('../images/tenants-bg.png') no-repeat top left;
	width:180px;
	height: 180px;
	float:left;
	font-size: 90%;
	line-height:1.25em
	}
																					
/*.tenant a {
	display:block;
	width:180px;
	height: 180px;
	}*/
	
.tenant .img {
	width:140px;
	height: 100px;
	padding:20px 20px 10px 20px
	}
	
.tenant .img td, .tenant .copy td {
	width:140px;
	height: 100px;
	vertical-align:middle;
	text-align:center
	}
	
.tenant .copy td {
	height: 35px;
	font-weight:bold;
	line-height:1em;
	}
	
.tenant .copy {
	width:140px;
	height: 35px;
	margin-left:20px;
	overflow:hidden
	}
	
	
																				/* ------------ Contact Page DIV's ------------ */


#contact #map-container, #location #map-container {
	width: 940px;
	height:200px;
	float:left;
	margin-top:10px;
	}
	
#contact #map, #location #map {
	width: 940px;
	height:200px;
	float:left;
	overflow:hidden;
	}

																					/* ------------ Footer ------------ */
																					
#footer-outer { 
	background: url('../images/footer-outer-bg.png') no-repeat 50% 0;
	width: 100%; 
	}
	
#footer { 
	color: #9b9f9e;
	margin: auto;
	height: 98px;
	width: 960px; 
	}
	
#footer-address { 
	background: url('../images/footer-bg.gif') no-repeat 50% 0;
	margin: auto;
	height: 50px;
	width: 370px;
	margin-bottom:10px;
	padding: 0 0 0 590px
	}
	
a.footer-email { 
	background: url('../images/footer-email.gif') no-repeat top left;
	display:block;
	height: 40px;
	width: 212px;
	text-indent:-25000px;
	}
	
a:hover.footer-email {
	background-position:0 -40px
	}
	
#footer a { 
	color: #9b9f9e;
	text-decoration: none;
	}
	
#footer a:hover { 
	color: #9b9f9e;
	text-decoration: underline;
	}
	
#footer span { 
	color: #b8baba;
	font-size: 120%;
	}
	
	
	
	
	
																					/* ------------ links ------------ */

h3.icon-speach,
h3.icon-board,
h3.icon-bulb,
h3.icon-map,
h3.icon-hand,
h3.icon-plane {
	background: url('../images/icon-speach.png') no-repeat top left;
	padding-left: 50px;
	padding-top:10px;
	height:30px;
	font-size:150%
	}
	
h3.icon-map {
	background: url('../images/icon-map.png') no-repeat top left;
	}
	
h3.icon-board {
	background: url('../images/icon-board.png') no-repeat top left;
	}
	
h3.icon-bulb {
	background: url('../images/icon-bulb.png') no-repeat top left;
	}
	
h3.icon-hand {
	background: url('../images/icon-hand.png') no-repeat top left;
	}
	
h3.icon-plane {
	background: url('../images/icon-plane.png') no-repeat top left;
	}
	
#links .bullet { 
	margin-left: 50px;
	}