* { margin: 0; padding: 0; }

body {
	background: #fff url(../images/bg.gif);
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 100%/120% "Arial", Helvetica, sans-serif;
}

#outer {
	background: #fff url(../images/innerbg.gif) 0 0 repeat-y;
	width: 845px;
	margin: auto;
	position: relative;
	display: block;
	overflow: hidden;
	text-align: left;
}

#wrapper1 {
	background: #fff;
	margin: 0 7px 0 7px;
	overflow: hidden;
	display: block;
}

#contentwrap {
	display: block;
	line-height: 1.3em;
	font-size: 0.75em; /* Global Content Font Size */
}

#header {
	background: #fff;
	height: 115px;
}

	#headerleft {
		float: left;
		padding: 20px 0 0 25px;
	}
	
	#headerright {
		 float: right;
		 color: #000;
		 font-size: 1em;
		 font-weight: bold;
		 width: 335px;
		 height: 95px;
		 background: url(../images/text1.gif) left bottom no-repeat;
	}

#col-left {
	float: left;
	width: 29%;
}

.colwrap-right {
	float: right;
	width: 69%;
}

	#col-center {
		background: #07B2EB;
		float: left;
		width: 49%;
	}
	
	#col-right {
		background: #07B2EB;
		float: right;
		width: 49%;
	}
	
	
.colwrap-right ul {
	padding: 0 0 0 30px;
}

#footer {
	background: url(../images/footerbg.gif) 0 0 no-repeat;
	clear: both;
	width: 845px;
	margin: auto;
	height: 30px;
	color: #fff;
	font-size: 0.7em;
}
	#footerleft {
		float: left;
		padding: 5px;
	}
	
	#footerright {
		 float: right;
		 padding: 5px;
	}
	
	#footer a:link, #footer a:visited {
		color: #fff;
		text-decoration: none;
	}

/*** Vertical Navigation (refer to horizontal_nav.css) ***/

ul#nav {
	width: 237px;
}

.feature {
	display: block;
	background: #fff url(../images/feature1.jpg) 0 0 no-repeat;
	height: 224px;
	width: 100%;
	margin-bottom: 5px;
}

/****************************** Page Specific Themes **************************/
div.feature, .feature#electrical { background: #fff url(../images/feature_1.jpg) 0 0 no-repeat; }
div.feature#technology { background: #fff url(../images/feature_2.jpg) 0 0 no-repeat; }
div.feature#visualise { background: #fff url(../images/feature_3.jpg) 0 0 no-repeat; }
div.feature#plansmart { background: #fff url(../images/feature_4.jpg) 0 0 no-repeat; }
div.feature#cleverlighting { background: #fff url(../images/feature_5.jpg) 0 0 no-repeat; }
div.feature#easyliving { background: #fff url(../images/feature_6.jpg) 0 0 no-repeat; }
div.feature#advice { background: #fff url(../images/feature_1.jpg) 0 0 no-repeat; }
div.feature#costeffective { background: #fff url(../images/feature_8.jpg) 0 0 no-repeat; }

#headerright { background: url(../images/text1.gif) left bottom no-repeat; }

/*** Formatting ***/

a img { border: none; }

a:link, a:hover {
	color: #981418;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #000;
}

p {
	margin: 0 0 1em 0;
}

p.quote {
	color: #981418;
	font-size: 1.5em;
	line-height: 1.4em;
}

h1.hide { display: none; }

h2 {
	margin: 0 0 0.8em 0;
	font-size: 1.4em;
	color: #514C4C;
	padding: 0 0 3px 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/heading_icon.gif) 0 0 no-repeat;
	line-height: 1.4em;
}

	h2 a:link, h2 a:visited {
		color: #000;
		text-decoration: none;
	}
	
	h2 a:hoverd {
		color: #000;
		text-decoration: none;
	}

h3 {
	color: #660000;
	margin: 0 0 1em 0;
	font-size: 1em;
}

.darkred { color: #660000; font-weight: bold; }

.imgRight {
	float: right;
	margin: 0 0 10px 20px;

}

.imgLeft {
	float: left;
	margin: 0 20px 10px 0;
}

.padding {
	padding: 20px 70px 15px 10px;
}

/*** Forms ***/

form {
	margin: .5em 2em;
	font-size: 1em;
}

input, select, textarea {
	margin-left: .5em;
}

fieldset {
	margin: 1em 0;
	padding: .3em 1em;
}

fieldset br { display: none; }

legend {
	font-weight: bold;
	color: #660000;
}

fieldset div {
	clear: both;
	margin: .3em 0;
	position: relative;
}

fieldset div span {
	display: none;
}

fieldset div:hover span {
	font-size: 85%;
	background-color: #fff;
	margin-left: 20em;
	line-height: 1.3em;
	padding: .2em .5em .3em;
	border: 1px solid #999;
	color: #666;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
}

* html fieldset div span {
	display: none;
}

label, fieldset div.cr p {
	margin: 0;
	display: block;
	width: 10em;
	text-align: left;
	float: left;
	font-size: 0.9em;
}

fieldset div.cr p { margin-left: -10em; }

div.cr {
	margin-left: 9em;
}

fieldset div.cr label {
	text-align: left;
	display: inline;
	float: none;
}

.mandat { color: #ff0000; }

.mandat:after { content: "*"; }

.buttons { margin: 1em 0 0 9em; }

.removed { display: none !important; }


/*** Mods for the client email for ***/
fieldset#client_email div.cr {
	padding-bottom: 30px;
}
fieldset#client_email div p {
	font-weight: bolder;
}
fieldset#client_email div.cr p {
	margin: 0;
	display: block;
	width: 100%;
	float: none;
	font-size: 0.9em;
}
fieldset#client_email div.cr p {
	margin-left: -1em;
}
fieldset#client_email div.cr {
	margin-left: 1em;
}
fieldset#client_email div.cr label {
	text-align: left;
	display: block;
	float: left;
	margin-top: 10px;
}
fieldset#client_email div {
	margin-top: 15px;
}
fieldset#client_email div.buttons {
	margin-top: 15px;
}
/*** Tables ***/

table, th, td { border: none; }