@import url('reset.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/* main tags */

body { background: url('../images/core/bg.jpg') top center no-repeat #000000; color: #ffffff; font-family: Arial, "MS Trebuchet", sans-serif; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 {}

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }
.rimage { float: right; margin: 0 0 10px 10px; clear: right; }
.limage { float: left; margin: 0 10px 10px 0; clear: left; }
.main-logo { position: absolute; top: 0; left: 0; z-index: 100; }


#slideshow{ float: left; }

/* accessories */

h1.welcome { width: 346px; height: 57px; display: block; background: url('../images/core/h1_welcome.gif') 0 0 no-repeat; text-indent: -9999px; margin-left: -10px; }
h1.about { width: 346px; height: 57px; display: block; background: url('../images/core/h1_about.gif') 0 0 no-repeat; text-indent: -9999px; margin-left: -10px; }
h1.energy { width: 346px; height: 57px; display: block; background: url('../images/core/h1_energy-r.gif') 0 0 no-repeat; text-indent: -9999px; margin-left: -10px;}
h1.building-des { width: 346px; height: 57px; display: block; background: url('../images/core/h1_build-d.gif') 0 0 no-repeat; text-indent: -9999px; margin-left: -10px;  }
h1.building-sur { width: 346px; height: 57px; display: block; background: url('../images/core/h1_build-s.gif') 0 0 no-repeat; text-indent: -9999px; margin-left: -10px;  }
h1.contact { width: 346px; height: 57px; display: block; background: url('../images/core/h1_contact.gif') 0 0 no-repeat; text-indent: -9999px; margin-left: -10px; }
a.cta { width: 225px; height: 57px; display: block; background: url('../images/core/cta.gif') 0 0 no-repeat; text-indent: -9999px; }

/* containers */

#container { margin: 0 auto 0 auto; width: 960px;  border: 0px solid green; }
#header{ width: 960px; height: 159px; float: left; }
#banner { width: 960px; height: 448px; float: left; background: url('../images/core/banner-1.gif') 0 22px no-repeat; position: relative; padding-top: 22px; }
	
	#main{ width: 960px; float; left; clear:both; border: 0px solid red; overflow: hidden; }
	
		#mainLeft { }
		#mainRight{ }
	
		#content { float: left; padding: 20px; width: 622px; }
		#content p { margin-bottom: 10px; line-height: 1.6em; font-size: 0.8em; }
		#content a { color: #5f5f5f; text-decoration: none; }
		#content a:hover { text-decoration: underline; }
	
		#slide { width: 245px; height: 355px; float: right; margin-top: 20px; margin-bottom: 20px; text-align: center; padding-left: 7px; }
		#address { width: 280px; float: right; padding: 5px 0 0 20px; }
	
#footer{ width: 960px; height: 148px; background: url('../images/core/bg_footer.jpg') 0 0 no-repeat; float: left; clear: both; }
#footer p { font-size: 0.8em; line-height: 1.6em; float-left; padding-left: 20px; padding-top: 10px; color: #5f5f5f; }
#footer a { text-decoration: none; color: #5f5f5f; }
#footer a:hover { text-decoration: underline; }
#footer img { margin-top: 20px; margin-right: 20px; }

/* Lists */

ul.aff { float: left; width: 407px; height: 89px; }
ul.aff li { float: left; }

/* navigation */

ul#nav{ width: 565px; height: 13px; float: right; display: block; position: absolute; top: 80px; right: 30px; z-index: 100; }
#nav li.home { float: left; width: 58px; height: 13px; }
#nav li.abou { float: left; width: 76px; height: 13px; }
#nav li.enra { float: left; width: 102px; height: 13px; }
#nav li.bude { float: left; width: 114px; height: 13px; }
#nav li.bese { float: left; width: 130px; height: 13px; }
#nav li.cont { float: left; width: 85px; height: 10px; }

#nav li.home a { width: 58px; height: 13px; display: block; background-image: url(../images/core/nav_01.gif); text-indent: -9999px; }
#nav li.abou a { width: 76px; height: 13px; display: block; background-image: url(../images/core/nav_02.gif); text-indent: -9999px; }
#nav li.enra a { width: 102px; height: 13px; display: block; background-image: url(../images/core/nav_03.gif); text-indent: -9999px; }
#nav li.bude a { width: 114px; height: 13px; display: block; background-image: url(../images/core/nav_04.gif); text-indent: -9999px; }
#nav li.bese a { width: 130px; height: 13px; display: block; background-image: url(../images/core/nav_05.gif); text-indent: -9999px; }
#nav li.cont a { width: 85px; height: 10px; display: block; background-image: url(../images/core/nav_06.gif); text-indent: -9999px; }

#nav li.home a:hover { background-position: 0 -13px; }
#nav li.abou a:hover { background-position: 0 -13px; }
#nav li.enra a:hover { background-position: 0 -13px; }
#nav li.bude a:hover { background-position: 0 -13px; }
#nav li.bese a:hover { background-position: 0 -13px; }
#nav li.cont a:hover { background-position: 0 -10px; }

#p-index li.home a { background-position: 0 -13px; }
#p-about_us li.abou a { background-position: 0 -13px; }
#p-energy_rating li.enra a { background-position: 0 -13px; }
#p-building_desgin li.bude a { background-position: 0 -13px; }
#p-building_surveying li.bese a { background-position: 0 -13px; }
#p-contact_us li.cont a { background-position: 0 -10px; }

/* form */


.form { margin-top: 10px; margin-bottom: 20px; float: left; display: block; width: 300px; }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 80px; vertical-align: top; float: left; font-size: 0.8em; }


textarea { width: 200px; background: #d1d2d4; border: 1px solid #fbb161; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em; padding: 3px 0 0 3px;  }
input { background: #d1d2d4; border: 1px solid #fbb161; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em; padding-left: 3px; height: 18px;  }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error {
  float: none;
  display: block;
  color: #ff0000;
  margin-left: 80px;
	margin-top: 5px;
  width: auto;
}