/*
		Goinnovate - Craig Haggart
		http://www.goinnovate.co.uk
		
		Colour Guide:
		
		Yellow a - #fcff1f
		blue a:hover - #90b6d1

*/


/* LAYOUT */
/* ----------------------------------------- */

BODY {
	BACKGROUND: #37425d; FONT: 12px "Arial", Verdana, sans-serif; COLOR: #767e79
}




.content {
	CLEAR: both; MARGIN: 30px auto; WIDTH: 980px
}
.content:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: '.'
}



#stage { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 1px; BACKGROUND:#2e374f; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 390px; border:6px solid #2e374f }
#stage_content  h2 { text-indent:-9999px; }
#stage_content { MARGIN: 0px auto; WIDTH: 980px; HEIGHT: 426px;  }
#home_wrap { BACKGROUND: url(../images/home_wrap_lights.jpg) no-repeat center top; MARGIN: 0px auto -20px; PADDING-TOP: 20px; HEIGHT: 170px}
#home_center { CLEAR: both; MARGIN: 0px auto; WIDTH: 980px }

div.intro { float:left; width:316px; margin-right:10px; }
div.services{ float:left; width:316px; margin-right:10px; }
div.contact-details { float:left; width:316px; margin-right:10px; }

#about2col {
	MARGIN-LEFT: auto; WIDTH: 968px; MARGIN-RIGHT: auto
}
#about2col #aboutleft {
	FLOAT: left; WIDTH: 484px; HEIGHT: auto
}
#about2col #aboutright {
	FLOAT: right; WIDTH: 484px; HEIGHT: auto
}
#aboutleft P {
	WIDTH: 420px
}
#about {
	LINE-HEIGHT: 18px
}




div.header{ height:195px; margin:0 auto }
div.header-content { width:980px; margin:0 auto;}
em.logo-glow { display:block; width:404px; height:195px; text-indent:-9999px; background: url(../images/logo-glow.png); position:absolute; left:-55px; top:0; z-index:1 }
ul.top-contact-details { position:absolute; right:0px; top:50px;}
ul.top-contact-details li { float:left;  padding-right:10px; margin-right:10px; color:#bac5dd;  font-size:1.2em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif;  letter-spacing:0px; list-style:none; }
ul.top-contact-details li.last { margin-right:0px; padding-right:0px;   }
ul.services-list-home { margin-left:0px; }
ul.services-list-home li { display:block; width:133px; margin-bottom:5px;  float:left;  padding-right:5px; list-style:none;  }
ul.services-list-home li.long {width:163px; }

div.logo-container { width:980px; margin:20px auto; border-top:1px solid #2e374f; margin-top:40px;  }
div.logos { width:900px; margin:0 auto; }
div.logo-container ul { text-align:center;}
div.logo-container ul li { float:left; list-style:none; margin-right:60px;}
div.logo-container ul li.last { margin-right:0px; }

div.test { width:980px; margin:0 auto; text-align:center; padding-top:20px;}
div.test span {font-size:2em; }
br.trickery { clear:both; height:1px; margin:-1px 0 0 0 }

/***services**/
div.services-page { width:700px; float:left; margin-right:40px; }
div.side-bar { width:200px; float:left; background:#252e45; padding:20px; }
div.side-bar-normal { width:240px; float:left; margin-top:20px; }
ul.battery-list li { margin-bottom:5px; }
div.open-times { border-top: 1px dashed #4b5773; border-bottom: 1px dashed #4b5773; padding:10px 0; margin:20px auto; text-align:center; }

/***contact-us***/
#stage-contact { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 1px; BACKGROUND:#2e374f ; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 286px; }
#stage_content-contact { MARGIN: 0px auto; WIDTH: 980px; HEIGHT: 286px;  }
span.map { position:absolute; right:0px; }
span.contact-details { position:absolute; top:0; left:380px;  }

/* form */

	#contactForm{
		margin:1em 0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}			
	#contactForm fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#2e374f url(../source/form_top.gif) repeat-x;		
		padding-bottom:1em;
		}		
	#contactForm legend{display:none;}	
	#contactForm p{margin:.5em 20px;}	
	#contactForm label{display:block;}	
	#contactForm input, #contactForm textarea{		
		width:272px;
		border:1px solid #111;
		background:#2e374f url(../source/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}		
	#contactForm textarea{
		height:125px;
		overflow:auto;
		}					
	#contactForm .submit{ width:100px; cursor:pointer; padding:5px;
		}	
	#contactForm button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #70ad2e;
		background:#5aae00 url(../source/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}				

/* // form 2 */

/* Navigation */
ul.nav { position:absolute; right:0px; top:140px; margin:0px; background-color:#40516F; padding:5px 15px; }
ul.nav li { float:left;  padding-right:10px; margin-right:10px;  font-size:1.2em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; font-style:italic; letter-spacing:0px; list-style:none; }
ul.nav li.last { margin-right:0px; padding-right:0px;   }
ul.nav li.active a { color:#f2f1ec; }
ul.nav li a { color:#c9caca; text-decoration:none; font-size:1em; }
ul.nav li a:hover { color: #fff;  }

#footer { CLEAR: both; FONT-SIZE: 12px; BACKGROUND: url(../images/footer-bg.png) no-repeat center top; MARGIN: 20px auto 0px; WIDTH: 980px; COLOR: #828a9e; PADDING-TOP: 20px; HEIGHT: 129px; TEXT-ALIGN: center}
#footer IMG { MARGIN: 0px 8px; VERTICAL-ALIGN: middle}
#footer #mint_mark { MARGIN: 0px 10px }
#footer A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 50; PADDING-BOTTOM: 0px; COLOR: #828a9e; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none}
#footer A:hover { COLOR: #ffffff }
#footer P:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: '.'}