/* ---------------------------
Author: Barry G. White
Author URL: http://www.creativebridge.co.uk
Website: http://www.vidaco.co.uk/
------------------------------ */

/* Eric Meyer's CSS Reset */
/* (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {list-style: none; margin-bottom: 1em;}
/* tables still need 'cellspacing="0"' in the markup */
table {border: 0; border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Global Styles
------------------------------ */
body {
	font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%;
	color: #ddd;
	background: #111;
	}

/* Classes */
.gutter {padding: 0 25px;}
.clear {clear: both;}
.float-l {float: left;}
.float-r {float: right;}
.em {font-weight: bold;}
.small {font-size: 0.9em;}
.large {font-size: 2.4em;}

#partners-page .float-l {width: 200px;}

/* Typography
------------------------------ */
p {font-size: 1.2em; margin-bottom: 1.5em; line-height: 1.5em;}

em {font-weight: bold; font-style: normal; color: #c1d72e;}
address {font-style: normal; font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em;}
blockquote p {font-style: italic;}
cite {font-style: normal;}
sub {vertical-align: sub; font-size: 0.8em;}

/* links */
a, a:link, a:visited {color: #fff; text-decoration: underline;}
a:hover {text-decoration: none;}

.vidarenew a, .vidarenew a:link, .vidarenew a:visited {color: #c1d72e; text-decoration: none; font-size: 1.4em;}
.vidarenew a:hover {background: #222; text-decoration: underline;}

#partners-page a:link, #partners-page a:visited {color: #c1d72e;}

/* headings */
h1 {font-size: 4em; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; text-indent: -999em; float: left;}
h2 {font-size: 2.4em; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 1em; text-indent: -999em; background-repeat: no-repeat; clear: both;}
h3 {font-size: 1.8em; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 1em; text-indent: -999em; clear: both; color: #c1d72e; background-color: transparent; background-repeat: no-repeat; background-position: top left;}
h4 {font-size: 1.6em; margin-bottom: 1em; color: #c1d72e;}
h5 {font-size: 1.3em; margin-bottom: 0.5em; color: #fff; font-weight: bold;}
	/* image replacement */
	/* h1 */
	h1 {background: #000 url(../img/logo.png) no-repeat center; width: 350px; height: 400px; margin: 0;}

	/* h2 */
	#home-page h2 {background-image: url(../img/titles/home.png); width: 153px; height: 32px;}
	#about-page h2 {background-image: url(../img/titles/about.png); width: 143px; height: 32px;}
	#bathrooms-page h2 {background-image: url(../img/titles/bathrooms.png); width: 175px; height: 32px;}
		#bathrooms-page.casestudy-a h2 {background-image: url(../img/titles/bathrooms-casestudy-a.png); width: 413px; height: 38px;}
		#bathrooms-page.casestudy-b h2 {background-image: url(../img/titles/bathrooms-casestudy-b.png); width: 361px; height: 38px;}
	#kitchens-page h2 {background-image: url(../img/titles/kitchens.png); width: 133px; height: 32px;}
		#kitchens-page.casestudy-a h2 {background-image: url(../img/titles/kitchens-casestudy-a.png); width: 329px; height: 38px;}
		#kitchens-page.casestudy-b h2 {background-image: url(../img/titles/kitchens-casestudy-b.png); width: 321px; height: 38px;}
	#ceramics-page h2 {background-image: url(../img/titles/ceramics.png); width: 149px; height: 32px;}
	#flooring-page h2 {background-image: url(../img/titles/flooring.png); width: 113px; height: 41px;}
	#lifestyle-page h2 {background-image: url(../img/titles/lifestyle.png); width: 109px; height: 41px;}
	#plumbheat-page h2 {background-image: url(../img/titles/plumbheat.png); width: 425px; height: 41px;}
		#plumbheat-page.casestudy-a h2 {background-image: url(../img/titles/plumbheat-casestudy-a.png); width: 427px; height: 73px;}
	#developer-page h2 {background-image: url(../img/titles/developer.png); width: 356px; height: 41px;}
	#optioncentre-page h2 {background-image: url(../img/titles/optioncentre.png); width: 196px; height: 71px;}
	#partners-page h2 {background-image: url(../img/titles/partners.png); width: 130px; height: 39px;}
	#renewable-page h2 {background-image: url(../img/titles/renewable.png); width: 440px; height: 41px;}
	#workforus-page h2 {background-image: url(../img/titles/workforus.png); width: 180px; height: 32px;}
	#contact-page h2 {background-image: url(../img/titles/contact.png); width: 123px; height: 30px;}

	/* h3 */
	#bathrooms-page #sidebar h3 {background-image: url(../img/titles/bathrooms-2.gif); width: 237px; height: 20px;}
	#kitchens-page #sidebar h3 {background-image: url(../img/titles/kitchens-2.gif); width: 210px; height: 20px;}
	#plumbheat-page #sidebar h3 {background-image: url(../img/titles/plumbheat-2.gif); width: 115px; height: 26px;}
	#contact-page h3.first {background-image: url(../img/titles/contact-2.png); width: 209px; height: 20px; margin-top: 1em;}
	#contact-page h3.second {background-image: url(../img/titles/contact-3.png); width: 183px; height: 26px;}
	#contact-page h3.alloa {background-image: url(../img/titles/vidaco_alloa.png); width: 183px; height: 26px;}
	#contact-page h3.stirling {background-image: url(../img/titles/vidaco_stirling.png); width: 183px; height: 26px;}
	#contact-page h3.tillicoultry {background-image: url(../img/titles/vidaco_tillicoultry.png); width: 183px; height: 26px;}


/* Layout
------------------------------ */
#wrap {width: 960px; margin: 0 auto; background: #000;}

#header {width: 960px;}

	#nav {float: left; font-size: 1.4em; width: 960px; list-style-type: none; margin: 1em 0 1em 0; text-transform: lowercase; text-align: center;}
		#nav li li {line-height: 1.5em; padding: 0 20px; border-left: 1px solid #fff; display: inline;}
			#nav li a, #nav li a:link, #nav li a:visited {text-decoration: none; color: #c1d72e;}
			#nav li a:hover {color: #fff;}
				#nav-lifestyle , #nav-contact {border-right: 1px solid #fff;}
			
			#home-page #nav-home a, #about-page #nav-about a, #bathrooms-page #nav-bathrooms a, #kitchens-page #nav-kitchens a, 
			#ceramics-page #nav-ceramics a,	#flooring-page #nav-flooring a, #lifestyle-page #nav-lifestyle a, 
			#plumbheat-page #nav-plumbheat a, #developer-page #nav-developer a,	#optioncentre-page #nav-optioncentre a, 
			#partners-page #nav-partners a, #renewable-page #nav-renewable a, #workforus-page #nav-workforus a, 
			#contact-page #nav-contact a {color: #fff;}

	#banner {clear: both;}
		#banner img {margin: 0; padding: 0;}
		
#content {float: left; clear: both; background: #000 url(../img/sidebar-blank.jpg) repeat-y top left;}
	#home-page #content, #about-page #content, #partners-page #content, #renewable-page #content, #contact-page.thankyou #content 
	{background-image: url(../img/sidebar.jpg); background-repeat: no-repeat;}

#main {width: 610px; float: right; padding-top: 70px; margin-bottom: 4em;}
	#contact-team {float: left; width: 555px; margin-bottom: 2em; border-top: 1px solid #c1d72e;}
		#contact-team #team-previews {float: left; width: 340px; border-right: 1px solid #595959;}
		#contact-team #team-highlight {float: right; width: 200px; font-size: 1.2em; line-height: 1.5em; text-indent: 10px;}
			#contact-team #team-highlight dd img {background: #b3b3b3; border: 1px solid #c1d72e; padding: 10px; margin: 0 0 1em -10px;}
			#contact-team #team-highlight dt {color: #c1d72e;}
			#team-previews-basic {margin-bottom: 2em;}
				.team-basic {font-size: 1.2em; line-height: 1.5em; margin-top: 1em;}
				.team-basic dt {color: #c1d72e;}
	#lifestyle-page #main {padding-bottom: 200px;}
	#developer-page object, #kitchens-page object {margin-bottom: 1.5em; border: 2px solid #c1d72e;}
	#partners-page #main #other-links {clear: both; padding-top: 50px;}

#sidebar {width: 350px; float: left;}
	#sidebar .gutter {padding: 50px 50px 0 50px;}
		#optioncentre-page #sidebar .gutter, #kitchens-page #sidebar .gutter {padding: 50px 0 0 10px;}
	#sidebar img {float: left; padding: 4px 4px 0 0;}
		#sidebar .smallpreview {float: left; margin-bottom: 3em;}
		#sidebar .largepreview img {float: none;}
		#sidebar .largepreview p {float: left;}

#footer {clear: both; width: 960px; background: #c1d72e;}
	#footer p {text-align: right; line-height: 3em; color: #fff; padding: 0 10px 0 0; margin: 0;}
	#footer a, #footer a:link, #footer a:visited {color: #ffffff;} 
	
/* Form */
legend {display: none;}
label {display: block;}
input {line-height: 1.5em;}
form p {margin-bottom: 0.5em;}

/* Table */
table {width: 560px;}
th, td {border: 1px solid #ddd; padding: 4px;}
th {font-weight: bold; width: 200px; font-size: 1.2em;}
th span {font-weight: normal; font-size: 0.8em; display: block; margin-top: 1em; line-height: 1.5em;}

#gmap-wrapper {background: #b3b3b3; border: 1px solid #c1d72e; padding: 10px; float: right;}
#gmap, #smap, #amap, #tmap {width: 290px; height: 190px; font-size: 1em; color: #000;}
#gmap a, #smap a, #amap a, #tmap a {color: #000;}

/* Splash */
#splash-page {background: #000;}
#splash-page #wrap {width: 740px; background: #383838 url(../img/splash-grad.png) repeat-x bottom left;}
#splash-page h1 {background: #000 url(../img/splash-logo.png) no-repeat center; width: 740px; height: 175px; margin: 0;}
#splash-page #container {text-align: center; font-size: 1.2em;}
#splash-page a, #splash-page a:link {color: #c1d72e; text-decoration: none; font-size: 1.1em;}
#splash-page a:visited {color: #74a534;}
#splash-page a:hover {background: #333; text-decoration: underline;}
#splash-page .small {margin-top: 70px; color: #ccc;}