* {margin:0;padding:0;outline:0;border:0;}

body {
	background: #333 url("/images/background.png") top center repeat-x;
	margin:auto auto auto auto;
	font-family:Verdana;/** Square721 BdEx BT ** Also used **/
	font-size:11px;
}

/* ELEMENTS
----------------------------------------------------*/
img {
	border:none;
}

a:hover {
	text-decoration:underline;
	color:#ffffff;
}
hr {
	border: 0;
	height: 1px;
	width: 80%;
	background: #fff;
	margin: 10px auto;
}
.center {
	text-align: center;
}

/* STRUCTURE
----------------------------------------------------*/
#wrapper {
	width:765px;
	margin:0 auto;

	padding-top:5px;
}

/* HEADER
----------------------------------------------------*/
#header {
	background:url( "/images/header-background.gif" ) bottom center no-repeat;
	height:133px;
}

#header a {
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

#header a:hover {
	text-decoration:underline;
	color:#ffffff;
}

#header #link {
	text-align:right;
	font-weight: bold;
	position:relative;
	top:-82px;
	right:15px;
}

#header #logo {
	position:relative;
	left:-15px;
}

#header #logo img {
	width:223px;
	height:93px;
	display:block;
}

#buildingMaterial h1.mainlogo {
	background: url("/images/building-material-logo.gif") no-repeat;
	width: 223px;
	height: 93px;
}

#doorAndWindow h1.mainlogo {
	background: url("/images/door-and-window-logo.gif") no-repeat;
	width: 223px;
	height: 93px;
}

#kitchen h1.mainlogo {
	background: url("/images/kitchen-logo.gif") no-repeat;
	width: 223px;
	height: 93px;
}

#forestGroup h1.mainlogo {
	background: url("/images/main-logo.gif") no-repeat;
	width: 223px;
	height: 93px;
}

h1.mainlogo a {
	display: block;
	width: 223px;
	height: 93px;
}

h1.mainlogo span {
	display: none;
}

/* NAVIGATION
----------------------------------------------------*/
#header #navigation {
	width:755px;
	position:relative;
	bottom:4px;
	#bottom:6px;
	left:5px;
}

#header #navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#header #navigation ul li {
	background: url("/images/header-btn-background.gif");
	float: left;
	margin: 0 5px;
	text-align: center;
}

#header #navigation a {
	width:168px;
	height:30px;
	line-height: 30px;

	display:block;

	font-family:Arial;
	font-size:13px;
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;

	position:relative;
}

* #header #navigation ul li {
	margin: 0 0 0 5px;
}


* HTML #header #navigation ul li{
position: relative;
top: 5px;
}

/* CONTENT
----------------------------------------------------*/
#content {
	background:#3a3a3a;
	width:756px;
	margin-left:2px;
	height:404px;

	padding-left:2px;
	padding-right:2px;

	position:relative;
	#left:1px;
}

#content #image {
	float:left;

	position:relative;
	top:-2px;
	#top:1px;

	width:514px;
	height:100%;
}

#content #text {
	background:#000000;

	float:left;

	position:relative;
	top:-2px;
	#top:1px;

	color:#ffffff;
	width:242px;
	height:100%;

	overflow:auto;
}

#content #text h2, #content #text h3 {
	padding:10px 10px 0px 10px;
}

#content #text p {
	margin:5px 10px;
	line-height:15px;
}

#content #text a {
	color: #fff;
}

#content #text ul {
	margin: 0 0 5px 15px;
}

#content #text ul li {
	list-style-type: none;
	padding:5px 10px 0px 10px;
}

h4 {
	margin: 10px 0 0 0;
	padding: 0;
}

/* PAGE SPECIFIC STYLES
----------------------------------------------------*/
/** Homepage **/
#homepageWrapper {
	width:776px;
	height: 775px;
	margin:0 auto;
	background: url("/images/home-background.gif") no-repeat;
}

#homepage {
	margin:0 auto;

	width:776px;
	height:775px;

	padding:0px;
	margin:0px;

	position:relative;
    top: 0px;
    left: 0px;
}

#homepage #home-btn {
	position:absolute;
	top:80px;
	left:46px;
	background: url("/images/home-home-glow-btn.gif");
	height: 46px;
	width: 56px;
}

#homepage #aboutus-btn {
	position:absolute;
	top:46px;
	left:110px;
	background: url("/images/home-aboutus-btn.gif");
	height: 44px;
	width: 81px;
}

#homepage #buildingmaterials-btn {
	position:absolute;
	top:22px;
	left:205px;
	background: url("/images/home-buildingmaterials-btn.gif");
	height: 33px;
	width: 171px;
}

#homepage #doorswindows-btn {
	position:absolute;
	top:21px;
	left:393px;
	background: url("/images/home-doorswindows-btn.gif");
	height: 29px;
	width: 160px;
}

#homepage #kitchenshowroom-btn {
	position:absolute;
	top:44px;
	left:569px;
	background: url("/images/home-kitchenshowroom-btn.gif");
	height: 81px;
	width: 157px;
}

#homepage #bottomleft-btn {
	position:absolute;
	background: url("/images/home-bottom-left-btn.gif");
	width:252px;
	height:332px;
	top:257px;
	left:8px;
}

#homepage #bottommiddle-btn {
	position:absolute;
	background: url("/images/home-bottom-middle-btn.gif");
	width:254px;
	height:230px;
	top:369px;
	left:261px;
}

#homepage #bottomright-btn {
	position:absolute;
	background: url("/images/home-bottom-right-btn.gif");
	width:252px;
	height:332px;
	top:257px;
	left:516px;
}

#homepage #bottommiddle-img {
    position:absolute;
    background: url("/images/ExMakeLogo4.png");
    width:758px;
    height:146px;
    top:621px;
    left:14px;
}

#homepage span { display: none; }

/** Kitchen **/
#kitchen a, #kitchen #link {
	color:#fa5e60;
}

/** Door and Window **/
#doorAndWindow a, #doorAndWindow #link {
	color:#ff8b34;
}

/** Building Material **/
#buildingMaterial a, #buildingMaterial #link {
	color:#40b44c;
}

/** Forest Group **/
#forestGroup a, #forestGroup #link {
	color:#40b44c;
}

/* FOOTER
----------------------------------------------------*/
#footer {
	background:url( "/images/footer-background.gif" ) center no-repeat;
	height:50px;
	position:relative;
	color:#ffffff;
	font-size:10px;
}

#footer a {
	color:#ffffff;
}

#footer a:hover {
	color: #000000;
}

#footer #copywrite {
	float:left;
	font-weight:bold;
	line-height: 25px;
	position:relative;
	top:20px;
	left:15px;
}

#footer #nav {
	float:right;
	line-height: 25px;	
	position:relative;
	top:20px;
	right:15px;
}

* HTML #footer #copywrite, * HTML #footer #nav{
margin-top: 3px;
}
