/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px arial;
	background: url(../gfx/bgRepeat.gif);
	color: #444444;
}

h1{	
	font: 18px helvetica, arial;
	color: #444444;
}

h2{	
	font: 30px helvetica, arial;
	color: #6aa023;
}

h3{	
	font: bold 11px verdana;
	color: #6aa023;
}

.clear{	clear: both; }

.left{ float: left; }

.right{ float: right; }

.red{ color: red; }

a{
	color: #666666;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

input, textarea{

	border: solid 1px #797979;	
}

input#submit{

}

#box{
	width: 995px;
	margin: 0 auto;
	background: white;
}

#header{
	height: 113px;
	background: white;
}
	

a#logo{
	background: url(../gfx/logo.gif) no-repeat;
	width: 407px;
	height: 113px;
	display: block;
	float: left;
}

#navigation{
	float: right;
	width: 538px;
	height: 93px;
	padding: 20px 15px 0px 35px;
}

#mainArea{
	clear: both;
	background: url(../gfx/mainAreaTop.gif) no-repeat;
	padding-top: 6px;
}

#mainAreaAdmin{
	clear: both;
	background: url(../gfx/mainAreaTop.gif) no-repeat;	
	width: 955px;
	padding: 30px;
	padding-top: 6px;
	overflow: hidden;
}

#breadCrumb{
	height: 10px;
	padding: 5px 0px 0px 20px;
	color: #6aa023;
}

#breadCrumb a{
	color: #6aa023;
}

#mainLeft{
	float: left;
	width: 222px;
	padding-top: 32px;
}

#subNav{
	clear: both;
}

#subNav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#subNav li{
	margin: 0px;
	height: 16px;
	background: url(../gfx/subNavTop.gif) no-repeat top;
	padding: 5px 0px 0px 18px;
}

/* #subNav li.subNavBottom{
	margin: 0px;
	height: 16px;
	background: url(../gfx/subNavBottom.gif) no-repeat top;
	padding: 5px 0px 0px 18px;
} */

#subNav li a{
	display: block;
	text-decoration: none;
	color: #6aa023;
	text-align: left;
	padding-left: 5px;
}

#subNav li a.subNavBottom{
	padding-bottom: 5px;
	background: url(../gfx/subNavTop.gif) no-repeat bottom left;
}

#subNav li a:hover{
	color: #47156a;
}

.subNavTitle{
	padding-left: 23px;
}

a#advertEnquiry{
	background: url(../gfx/advertEnquiry.gif) no-repeat;
	height: 176px;
	display: block;
	margin: 18px 0px 0px 18px;
}


#mainRight{
	float: right;
	width: 761px;
	margin-left: 12px;
}

#mainRightAdmin{
	float: right;
	width: 721px;
	margin-left: 12px;
	padding-top: 70px;
}

#mainRightTitle{
	height: 38px;
	margin-top: 22px;
}


#bannerContainer{
	clear: both;
}

#homeBanner{
	float: left;
	width: 500px;
	margin-right: 10px;
	background: url(../gfx/flashBanner.jpg) no-repeat;
	height: 251px;
}

#homeVideo{
	float: right;
	width: 239px;
	margin-right: 10px;
	background: url(../gfx/HomeVideo.gif) no-repeat;
	height: 251px;
}

#mainText{
	clear: both;
	background: url(../gfx/homeDevide.gif) repeat-x;
	padding-top: 13px;
	color: #6aa023;
}

#mainTextLeft{
	float: left;
	width: 509px;
}

#advertAbout{
	float: left;
	background: url(../gfx/advertAbout.jpg) no-repeat;
	padding: 144px 20px 0px 10px;
	width: 225px;
}

#advertCaseStudies{
	float: right;
	background: url(../gfx/advertCaseStudies.jpg) no-repeat;
	padding: 144px 20px 0px 10px;
	width: 224px;
}

#mainTextRight{
	float: right;
	width: 252px;
}

#advertShopOnline{
	background: url(../gfx/advertShopOnline.jpg) no-repeat;
	padding: 144px 20px 0px 10px;
}

a.buttonMore{
	background: url(../gfx/buttonMore.gif) no-repeat;
	height: 16px;
	width: 64px;
	display: block;
	float: right;
	margin: 3px 0px 10px 0px;
}

a.buttonView{
	background: url(../gfx/buttonView.gif) no-repeat;
	height: 16px;
	width: 64px;
	display: block;
	float: right;
	margin: 3px 0px 10px 0px;
}

a.buttonBuy{
	background: url(../gfx/buttonBuy.gif) no-repeat;
	height: 16px;
	width: 64px;
	display: block;
	float: right;
	margin: 3px 0px 10px 0px;
}

#advertsBottom{
	clear: both;
	background: url(../gfx/advertsBottom.gif) no-repeat;
	height: 3px;	
}

#footer{
	clear: both;
	margin: 15px 70px 25px 0px;
	padding-bottom: 30px;
	text-align: right;
	color: #888888;
}

#footer a{
	color: #888888;
}


/************************************************************************************/
/******************************* sub page *******************************************/

#subBanner{
	float: left;
	width: 500px;
	margin-right: 10px;
	background: url(../gfx/bannerSub.jpg) no-repeat;
	height: 117px;
}

#subBannerRight{
	float: right;
	width: 239px;
	margin-right: 10px;
	background: url(../gfx/subImageRight.gif) no-repeat;
	height: 117px;
}

#subPageBottom{
	clear: both;
	background: url(../gfx/subPageBottom.gif) no-repeat;
	height: 3px;	
}

#subPageBottomAdmin{
	clear: both;
	background: url(../gfx/subPageBottom.gif) repeat-x;
	height: 3px;
	margin: 20px;
}

#advertSubRight{
	background: url(../gfx/advertSubRight.gif) no-repeat;
	height: 117px;
	margin-top: 10px;
}

#subPageText{
	clear: both;
	margin: 27px 10px 20px 10px;
	color: #444444;
	line-height: 16px;
}