hr{
	clear: both;
	color: #999999;
}

/*
	--- Header styles
*/

#logo-container{
	background-color: #999999;
	height: 100px;
	width: 100%;
}

#top-logo{
	height: 85px;
	color: white;
	float: left;
	margin-top: -105px;
	width: 1032px;
}

/* IE fix */
html>body>div #top-logo{
	margin-top: -85px\9
}

#logo-front{
	width: 118px;
	height: 85px;
	background-image: url('images/left-scribble.png');
	float: left;
	margin-top: -3px;
}

#logo{
	font-size: 40px;
	margin-top: 46px;
	margin-left: -27px;
	float: left;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}

#logo-back{
	width: 107px;
	height: 83px;
	background-image: url('images/right-scribble.png');
	float: left;
	margin-left: -12px;
	margin-top: -1px;
}

#logo-bottom{
	width: 209px;
	height: 18px;
	margin-top: 85px;
	margin-left: -270px;
	background-image: url('images/bottom-scribble.png');
	float: left;
}

/* Slogan stlyes */
#slogan-container
{
	clear: both;
	margin-top: 19px;
	font-weight: normal;
}

/* IE fix */
html>body #slogan-container{
	padding-top: 20px\9
}


#slogan{
	font-family: Verdana, sans-srif;
	color: #808080;
	font-size: 20px;
	letter-spacing: 0px;
	word-spacing: 1px;
	margin-left: 90px;
}

#slogan-item{
	color: #fe8402;
}

/*
	--- End header styles
*/

/*
	--- Main menu styles
*/

#logo-slogan-container{
	float: right;
	margin-top: -64px;
	margin-right: -16px;
	width: 270px;
	height: 38px;
}


#logo-slogan{
	margin-top: -35px;
	margin-left: 20px;
	background-image: url('images/des.png');
	width: 235px;
	height: 18px;
}

#logo-slogan-bottom
{
	background-image: url('images/slogan-scribble.png');
	width: 271px;
	height: 41px;
}

#main-menu{
	width: 1122px;
	height: 491px;
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	color: white;
	font-weight: bold;
}

#main-menu-left{
	float: left;
	width: 722px;
	margin-top: 20px;
	margin-left: 90px;
}

#main-menu-left div{
	height: 245px;
	display: block;
	float: left;
}

#energy{
	width: 228px;
	background-color: #87e293;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
}

#energy font{
	float: left;
	padding: 15px;
	margin-top: 187px;
}

#new-home{
	width: 492px;
	background-color: #fe8402;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
}

#new-home font{
	float: left;
	padding: 15px;
	margin-top: 187px;
}

#reinovations{
	width: 337px;
	background-color: #6bcae2;
	border-right: solid 1px white;
}

#reinovations font{
	float: right;
	padding: 10px 15px 0 0;
}

#home-stagging{
	width: 383px;
	background-color: #41924b;
	border-right: solid 1px white;
}

#home-stagging font{
	float: right;
	padding: 10px 15px 0 0;
}

#main-menu-right{
	float: right;
	width: 310px;
	margin-top: 20px;
}

#extensions{
	height: 193px;
	width: 100%;
	background-color: #afeaaa;
	float: left;
	border-bottom: solid 1px white;
}

#extensions font{
	float: left;
	padding: 15px;
	margin-top: 138px;
}

#retail-business{
	height: 297px;
	width: 100%;
	float: left;
	background-color: #51a5ba;
}

#retail-business font{
	float: right;
	padding: 10px 15px 0 0;
	text-align: right;
}

#main-menu a{
	text-decoration: none;
	color: white;
}

/*
	--- End main menu styles
*/

/*
	--- Bottom menu styles
*/

#bottom-menu{
	clear: both;
	font-family: Verdana, sans-srif;
	font-size: small;
	list-style: none;
	width: 1122px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}

.bottom-menu-item
{
	float: left;
	padding: 0 139px;
}

#bottom-menu li:first-child{
	padding-left: 90px;
}

#bottom-menu-item-last{
	padding-right: 0px;
}

.bottom-menu-item a
{
	text-decoration: none;
	color: #999999;
}

.bottom-menu-item a:hover{
	font-weight: bold;
}
/*
	--- End bottom menu styles
*/

/*
	--- Connect with us styles
*/

#connect{
	clear: both;
	font-family: Verdana, sans-srif;
	font-size: small;
	margin: 0 auto;
	color: #808080;
	width: 1122px;
	padding-top: 10px;
}

#connect strong{
	margin-left: 90px;
}

#connect-content a
{
	text-decoration: none;
	color: white;
	float: left;
	padding: 20px 30px 0 10px;
}

#connect-content a:first-child{
	padding-left: 0px;
	margin-left: 90px;
}

#skype{
	margin-top: -15px;
}

/*
	--- End connect with us styles
*/

/*
	--- Articels style
*/

#articles{
	clear: both;
	width: 1122px;
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	font-size: small;
	padding-top: 10px;
}

#articles span{
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #808080;
	font-weight: bold;
	margin-left: 90px;
}

#articles p{
	margin-left: 90px;
}

#articles p a{
	color: #999999;
	text-decoration: none;
}

#articles p a:hover{
	text-decoration: underline;
}

/*
	--- End article style
*/

/*
	--- Footer styles
*/
#footer-fill{
	background-color: #999999;
	height: 2em;
	width: 1122px;
	float: left;
}

#footer{
	background-color: #999999;
	height: 2em;
	width: 100%;
	float: left;
	margin-top: -2em;
}

#footer-content{
	color: white;
	height: 100%;
	font-family: Tahoma, sans-serif;
	font-size: small;
	width: 1122px;
	margin: 0 auto;
}

#footer-content span{
	float: left;
	margin-top: 1em;
	margin-left: 90px;
}

#photo-credits{
	color: #535353;
	font-family: Tahoma, sans-serif;
	font-size: x-small;
	text-decoration: none;
	float: right;
	margin-top: 1em;	
}

/*
	--- End footer styles
*/

