@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#page{
	background:URL(/images/background.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:630px;
	margin:auto;
	position:relative;
}
#logo{
	position:absolute;
	left:35px;
	top:35px;
	border:0px;
}
#slogan{
	width:356px;
	height:84px;
	position:absolute;
	left:343px;
	top:35px;
	background:URL(/images/slogan.gif);
	background-repeat:no-repeat;
}
#top-nav{
	position:absolute;
	left: 52px;
	top: 121px;
}
#top-nav a{
	width:25px;
	height:150px;
	background-repeat:no-repeat;
	position:absolute;
}
#top-nav a.who{
	background:URL(/images/btn_who-we-are.jpg);
	top:0px;
	left:0px;
}
#top-nav a.who:hover{
	background:URL(/images/btn_who-we-are-over.jpg);
}
#top-nav a.what{
	background:URL(/images/btn_what-we-do.jpg);
	top:0px;
	left:36px;
}
#top-nav a.what:hover{
	background:URL(/images/btn_what-we-do-over.jpg);
}
#top-nav a.how{
	background:URL(/images/btn_how-we-do-it.jpg);
	top:0px;
	left:72px;
}
#top-nav a.how:hover{
	background:URL(/images/btn_how-we-do-it-over.jpg);
}
#top-nav a.contact{
	background:URL(/images/btn_contact.jpg);
	top:0px;
	left:108px;
}
#top-nav a.contact:hover{
	background:URL(/images/btn_contact-over.jpg);
}
#bottom-nav{
	position:absolute;
	left: 58px;
	top: 415px;
}
#bottom-nav a{
	width:25px;
	height:150px;
	background-repeat:no-repeat;
	position:absolute;
}
#bottom-nav a.login{
	background:URL(/images/btn_contractor-login.jpg);
	top:0px;
	left:0px;
}
#bottom-nav a.login:hover{
	background:URL(/images/btn_contractor-login-over.jpg);
}
#bottom-nav a.partners{
	background:URL(/images/btn_partners.jpg);
	top:0px;
	left:36px;
}
#bottom-nav a.partners:hover{
	background:URL(/images/btn_partners-over.jpg);
}
#bottom-nav a.follow{
	background:URL(/images/btn_folow-us.jpg);
	top:0px;
	left:72px;
}
#bottom-nav a.follow:hover{
	background:URL(/images/btn_folow-us-over.jpg);
}
#bottom-nav a.gallery{
	background:URL(/images/btn_gallery.jpg);
	top:0px;
	left:108px;
}
#bottom-nav a.gallery:hover{
	background:URL(/images/btn_gallery-over.jpg);
}
#content{
	width:345px;
	height:392px;
	position:absolute;
	left:203px;
	top:147px;
	overflow:auto;
	padding-right:5px;
}
h1{
	color:#b2b2b2;
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
}
h2{
	color:#000000;
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
}
p{
	color:#000000;
	font-size:16px;
	line-height:20px;
}
a{
	color:#cb0203;
	text-decoration:none;
}
a:active{
	color:#cb0203;
	text-decoration:none;
}
a:visited{
	color:#cb0203;
	text-decoration:none;
}
a:hover{
	color:#cb0203;
	text-decoration:underline;
}
#social-icons{
	height:28px;
	position:absolute;
	bottom:28px;
	left:49px;
}
#social-icons a.twitter{
	width:28px;
	height:28px;
	background:URl(/images/twitter.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
#social-icons a.linkedin{
	width:28px;
	height:28px;
	background:URl(/images/linkedin.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:35px;
}
#social-icons a.facebook{
	width:28px;
	height:28px;
	background:URl(/images/facebook.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:70px;
}
#social-icons a.blogger{
	width:28px;
	height:28px;
	background:URl(/images/blogger.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:105px;
}
#social-icons a.plaxo{
	width:28px;
	height:28px;
	background:URl(/images/plaxo.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:105px;
}
#social-icons a.follow{
	width:62px;
	height:28px;
	background:URl(/images/follow.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:140px;
}
#partner-icons{
	height:31px;
	position:absolute;
	right:343px;
	bottom:32px;
}
#partner-icons a.partners{
	height:31px;
	width:61px;
	position:absolute;
	top:0px;
	left:0px;
	background:URL(/images/partners.jpg);
	background-repeat:no-repeat;
}
#partner-icons a.hercuwall{
	height:31px;
	width:104px;
	position:absolute;
	top:0px;
	left:70px;
	background:URL(/images/hercuwall.jpg);
	background-repeat:no-repeat;
}
#partner-icons a.renewalzone{
	height:31px;
	width:120px;
	position:absolute;
	top:0px;
	left:183px;
	background:URL(/images/renewalzone.jpg);
	background-repeat:no-repeat;
}
#footer{
	width:840px;
	position:absolute;
	top:610px;
	left:0px;
	text-align:center;
}
#footer p{
	font-size:12px;
	margin-top:0px;
	margin-bottom:8px;
	color:#b2b2b2;
}
#footer a{
	color:#b2b2b2;
	text-decoration:none;
}
#gallery{
	width:231px;
	height:191px;
	position:absolute;
	right:42px;
	bottom:90px;
}
#gallery a.title{
	width:51px;
	height:22px;
	position:absolute;
	top:0px;
	left:0px;
	background:URL(/images/gallery.jpg);
	background-repeat:no-repeat;
}
#gallery a.one{
	width:113px;
	height:82px;
	position:absolute;
	top:22px;
	left:0px;
	background:URL(/images/gallery-thumb-1.jpg);
	background-repeat:no-repeat;
}
#gallery a.two{
	width:113px;
	height:82px;
	position:absolute;
	top:22px;
	right:0px;
	background:URL(/images/gallery-thumb-2.jpg);
	background-repeat:no-repeat;
}
#gallery a.three{
	width:113px;
	height:82px;
	position:absolute;
	top:109px;
	left:0px;
	background:URL(/images/gallery-thumb-3.jpg);
	background-repeat:no-repeat;
}
#gallery a.three{
	width:113px;
	height:82px;
	position:absolute;
	top:109px;
	left:0px;
	background:URL(/images/gallery-thumb-3.jpg);
	background-repeat:no-repeat;
}
#gallery a.four{
	width:113px;
	height:82px;
	position:absolute;
	top:109px;
	right:0px;
	background:URL(/images/gallery-thumb-4.jpg);
	background-repeat:no-repeat;
}
#slogan-exlained{
	width:243px;
	position:absolute;
	top:147px;
	right:30px;
}
#slogan-exlained p{
	font-size:12px;
	margin-top:0px;
	line-height:17px;
}
#slogan-exlained p img{
	margin-right:5px;
	position:relative;
	top:5px;
}
#slogan-exlained a{
	color:#000000;
	text-decoration:underline;
}
#slogan-exlained a:hover{
	color:#000000;
	text-decoration:none;
}
#gallery-thumbs{
	position:relative;
	width:100%;
	height:350px;
}
#gallery-thumbs a{
	width:157px;
	height:170px;
	background-repeat:no-repeat;
}
#gallery-thumbs a.residential{
	position:absolute;
	background:URL(/images/thumb-residential.jpg);
	top:0px;
	left:0px;
}
#gallery-thumbs a.residential:hover{
	background:URL(/images/thumb-residential-over.jpg);
}
#gallery-thumbs a.commercial{
	position:absolute;
	background:URL(/images/thumb-commercial.jpg);
	top:0px;
	right:15px;
}
#gallery-thumbs a.commercial:hover{
	background:URL(/images/thumb-commercial-over.jpg);
}
#gallery-thumbs a.sustainable{
	position:absolute;
	background:URL(/images/thumb-sustainable.jpg);
	bottom:0px;
	left:0px;
}
#gallery-thumbs a.sustainable:hover{
	background:URL(/images/thumb-sustainable-over.jpg);
}
#gallery-thumbs a.more{
	position:absolute;
	background:URL(/images/thumb-more.jpg);
	bottom:0px;
	right:15px;
}
#gallery-thumbs a.more:hover{
	background:URL(/images/thumb-more-over.jpg);
}
a.marg{
	margin-left:15px;
}