* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
a{ 
	color:#333333;
	text-decoration:none;
	font-weight: bold;
}
a:hover{ 
	color:#009966;
	text-decoration:underline;
	font-weight: bold;
}


body {
	font-family: tahoma;
	font-size: 11px;
	background:url(img/bg.jpg) #999999 repeat-x;
	margin:0;
	
        
	}
#container{ 
	margin: 0 auto;
	min-height: 100%;
	width: 100%;
	background:url(img/shadow.png) repeat-y  center;
        
         
	}	
#main{
	width: 892px;
	height: 100%;
	margin: 0 auto;
        background:url(img/bg-inside.png) repeat-x;
	
        
	}
h1{
	font-size:20px;
	color:#0082bc;
	margin-bottom:5px;
        

	}
h2.s1{
	
        font-size:26px;
        font-weight: bold;
        font-style: italic;

}

h2.s2{
	text-align: center;
        text-decoration: underline;

}


h2.advert{
	
        font-size:18px;
        font-weight: bold;
        font-style: italic;

}
h2{
	font-size:12px;
	color:#0082bc;
	margin-bottom:5px;
	}
	
h3.home{
	font-size:16px;
	color:#333333;
	margin:15px 0 5px 10px;
        line-height: 180%;
	font-weight: bold;
        font-family: futura, calibri, verdana;
}

h4{
	font-size:13px;
	color:#333333;
	margin:5px;
	font-weight: bold;
}
p{
	line-height:18px;
	}		

ul{ 
	display:block;
	margin-left:10px;
}	
ul li{
	display:block;
	list-style:none;
	background:url(img/bullet.png) no-repeat 0px 5px ;
	padding-left: 18px;
	line-height:18px;
	margin:5px;
	}
/*========TOP==========*/	
#area-top{
	position:relative;
	width:100%;
	background: url(img/gcw-logo-shadow.png) no-repeat 0px 28px;
	height:183px;
	display:block;
	}
	
/*========MENU==========*/	
#menu {
	width:506px;
	float:left;
	height:35px;
	margin:74px auto 74px 339px;
	}

#menu ul {
	margin: 0px;
	display:block;
	height:35px;
}
#menu ul li{
	margin: 0px;
	display:inline;
	list-style:none;
	height:35px;
	padding:0px;
	float:left;
}
#menu ul li a {
	margin: 0px;
	display:inline;
	list-style:none;
	height:35px;
	padding:0px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}	
.m-left{	
	background:url(img/menu.png);
	background-position: 506px 0px;
	width:20px;
}
.m-right{	
	background:url(img/menu.png);
	background-position: 22px 0px;
	width:22px;
}

.m-home a{
	background:url(img/menu.png);
	background-position: 486px 0px;
	width:49px;
}
.m-aboutgcw a{
	background:url(img/menu.png);
	background-position: 437px 0px;
	width:84px;
}
.m-products a{
	background:url(img/menu.png);
	background-position: 353px 0px;
	width:69px;
}
.m-whygcw a{
	background:url(img/menu.png);
	background-position: 284px 0px;
	width:76px;
}
.m-ourteam a{
	background:url(img/menu.png);
	background-position: 208px 0px;
	width:71px;
}
.m-news a{
	background:url(img/menu.png);
	background-position: 137px 0px;
	width:51px;
}
.m-contact a{
	background:url(img/menu.png);
	background-position: 86px 0px;
	width:64px;
}

/*========Mouse Over==========*/	
.m-home a:hover{
	background:url(img/menu.png);
	background-position: 486px -35px;
	width:49px;
}
.m-aboutgcw a:hover{
	background:url(img/menu.png);
	background-position: 437px -35px;
	width:84px;
}
.m-products a:hover{
	background:url(img/menu.png);
	background-position: 353px -35px;
	width:69px;
}
.m-whygcw a:hover{
	background:url(img/menu.png);
	background-position: 284px -35px;
	width:76px;
}
.m-ourteam a:hover{
	background:url(img/menu.png);
	background-position: 208px -35px;
	width:71px;
}
.m-news a:hover{
	background:url(img/menu.png);
	background-position: 137px -35px;
	width:51px;
}
.m-contact a:hover{
	background:url(img/menu.png);
	background-position: 86px -35px;
	width:64px;
}


/*========Mouse Click==========*/
.m-home a:active, .here-m-home{
	background:url(img/menu.png);
	background-position: 486px -70px;
	width:49px;
}
.m-aboutgcw a:active, .here-m-aboutgcw{
	background:url(img/menu.png);
	background-position: 437px -70px;
	width:84px;
}
.m-products a:active, .here-m-products{
	background:url(img/menu.png);
	background-position: 353px -70px;
	width:69px;
}
.m-whygcw a:active, .here-m-whygcw{
	background:url(img/menu.png);
	background-position: 284px -70px;
	width:76px;
}
.m-ourteam a:active, .here-m-ourteam{
	background:url(img/menu.png);
	background-position: 208px -70px;
	width:71px;
}
.m-news a:active, .here-m-news{
	background:url(img/menu.png);
	background-position: 137px -70px;
	width:51px;
}
.m-contact a:active, .here-m-contact{
	background:url(img/menu.png);
	background-position: 86px -70px;
	width:64px;
}


#fb-area{
	position:absolute;
	top:110px; left:360px;
}



/*========CONTENT==========*/	


/*========END MENU==========*/	

#footer-clear{
	height:52px;
	margin-top:-52px; /*minus 52px because #main area is occupied 100% height within #container*/
	position: absolute;

}

#footer{
	width:100%;
	height:52px;
	background-color:#383130;
	margin:-52px 0 0 0; 
	position: absolute;
}

#footer img {
	float: left;
	margin-left:15%;
	margin-top:-35px;

}

		
#footer p {
	padding-top:10px;
	color: #cccccc;
	text-align:right;
	line-height: 15px;
	margin-right:15%;
	display:block;
}