body {
		background: url(/img/bg-nav.jpg) repeat-x top;
		color: #666666;
	    font-family: Arial,Verdana,sans-serif;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: normal;
	}

	/*  Reset */

	html, body, div, ul, ol, li, h1, h2, h3, h4, p, form, table {
	    margin: 0;
	    padding: 0;
	}

	a {
	    color: #8cb000;
	    text-decoration: none;
	}


	a:hover {
	    text-decoration: underline;
	}
	.italic {
		font-style: italic;
		color: #999999;
		margin-bottom: 40px;
		width: 600px;
	}

	/* common codes */

	.left { float: left;}
	.right{ float: right;}
	.clear{ clear: both;}

	h1, h2, h3, h4 {
	    font-style: normal;
	    font-weight: normal;
	    padding-bottom: 0;
		color: #555555;
	}
	h1 {
		color: #669106;
	    font-size: 24px;
		padding-bottom: 30px;
		text-shadow:0 2px 4px #CCCCCC;
	}
	h2 {
	    font-size: 18px;
		padding-bottom: 15px;
		color: #555555;
		text-shadow:0 2px 4px #CCCCCC;
	}
	h3 {
		font-size: 16px;
		padding-bottom: 18px;
		color: #669106;
		font-weight: bold;
	}

	p {
	    line-height: 21px;
	    padding-bottom: 20px;
	}
	
	.hometext {
		color: #555555;
		}

    .margin-top {
	   margin-top: 20px;
	}
	.margin-bot {
	   margin-bottom: 20px;
	}
	.padding-top {
		padding-top: 10px;
	}

	 /*  reset ul or ol */
	ul, ol {
	    list-style-image: none;
	    list-style-position: outside;
	    list-style-type: none;
	}

	img {
	     border: none;
	}


	 /* start */


	 #wrapper {
	     width: 940px;
	     margin: 0 auto;
	 }
	 #nav {
		 width: 370px;
		 float: right;
	 }
	 #nav li {
		 float: left;
	 }
	 #nav li a {
		 display: block;
		 background: url(/img/menu.jpg) no-repeat;
		 height: 37px;
		 text-indent: -9999px;
		 overflow: hidden;
	 }

	 #nav li.home a {
		 background-position: 0 0;
		 width: 49px;
	 }
	 #nav li.about a {
		 background-position: -49px 0;
		 width: 60px;
	 }
	 #nav li.sites a {
		 background-position: -109px 0;
		 width: 50px;
	 }
	 #nav li.partners a {
		 background-position: -159px 0;
		 width: 76px;
	 }
	 #nav li.jobs a {
		 background-position: -235px 0;
		 width: 65px;
	 }
	 #nav li.contact a {
		 background-position: -300px 0;
		 width: 70px;
	 }

	 #nav li.home a:hover, #nav li.home-active a {
		 background-position: 0 -37px;
		 width: 49px;
	 }
	 #nav li.about a:hover, #nav li.about-active a {
		 background-position: -49px -37px;
		  width: 60px;
	 }
	 #nav li.sites a:hover, #nav li.sites-active a {
		 background-position: -109px -37px;
		 width: 50px;
	 }
	 #nav li.partners a:hover, #nav li.partners-active a {
		 background-position: -159px -37px;
		 width: 76px;
	 }
	 #nav li.jobs a:hover, #nav li.jobs-active a {
		 background-position: -235px -37px;
		 width: 65px;
	 }
	 #nav li.contact a:hover, #nav li.contact-active a {
		 background-position: -300px -37px;
		 width: 70px;
	 }
	 #logo a {
		background: url(/img/ddm-logo.jpg) no-repeat ;
		width: 300px;
		height: 91px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}
	#banner-slide {
		width: 940px;
		margin-bottom: 40px;
	}
	.slide-content {
		width: 380px;
		padding: 100px 20px 0 0;
		float: left;
	}
	.slide-content h1 {
		color: #669106;
		padding-bottom: 18px;
	}
	.slide-content p {
		font-size: 16px;
		padding-bottom: 0;
		line-height: 24px;
	}
	.slide-photo {
		width: 530px;
		float: right;
	}

	/*  Inner pages */

	.logo-border {
		border-bottom: 1px #e7e2e2 solid;
		padding-bottom: 25px;
		width: 940px;
	}
	#body-content {
		width: 639px;
		padding: 40px 20px 20px 0;
		float: left;
		border-right: 1px #e7e2e2 solid;
	}
	.big-ptag {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 36px;
		font-weight: bold;
	}

	#sidebar {
		width: 280px;
		float: left;
		font-size: 12px;
	}
	.sidebar-contact, .sidebar-box {
	   width: 240px;
	   padding: 40px 20px 0 20px;
	   margin-bottom: 20px;
	}
	.sidebar-box {
		border-bottom: none;
	}
	.contact-title {
		font-size: 14px;
		color: #8cb000;
		margin-bottom: 20px;
	}


	ul#contact-list {
		margin-bottom: 20px;
	}
	ul#contact-list li {
		margin-bottom: 20px;
		display: block;
		padding-left: 20px;
		height: 14px;
	}
	ul#contact-list li.email {
		background: url(/img/icon-mail.jpg) no-repeat left center;
	}
	ul#contact-list li.phone {
		background: url(/img/icon-phone.jpg) no-repeat left center;
	}
	ul#contact-list li.address {
		background: url(/img/icon-address.jpg) no-repeat left top;
		height: 80px;
	}
	.twitter a, .facebook a, .google a{
		background: url(/img/twitter-icons_03.jpg) no-repeat left;
		background-position: 0 0;
		display: block;
		margin-left: 20px;
		height: 26px;
		line-height: 26px;
		width: 260px;
		text-indent: 35px;
		font-size: 12px;
		margin-bottom: 15px;
	}
	.twitter a:hover {
		background-position: 0 -26px;
	}
	.facebook a {
		background-position: 0 -51px;
		height: 27px;
	}
	 .facebook a:hover {
		background-position: 0 -77px;
	}
	.google a {
		background-position: 0 -104px;
		height: 24px;
	}
	 .google a:hover {
		background-position: 0 -128px;
	}
	.team-photo-holder {
		width: 93px;
		height: 120px;
		float: left;
		margin-right: 15px;
		margin-bottom: 25px;
	}

	.team-photo {
		width: 89px;
		height: 89px;
		display: block;
		border: 2px #ebe5e5 solid;

	}
	.team-photo-holder .name {
		font-size: 11px;
		font-style: italic;
		padding: 2px 0;
		text-align: center;
	}
	.team-photo-holder .title {
		font-size: 11px;
		text-align: center;
	}
	.team-photo-holder.last {
		margin-right: 0;
	}
	.oursites {
		margin-bottom: 20px;
	}
	.sites-logo {
		width: 120px;
		height: 64px;
		margin: 0 20px 20px 0;
		float: left;
	}
	.worldmap {
		background: url(/img/map.jpg) no-repeat;
		width: 331px;
		height: 188px;
		margin-left: 160px;
		margin-bottom: 20px;
	}
	.tables {
		border: 1px #e7e2e2 solid;
		width: 632px;
		display: block;
		margin-bottom: 20px;
	}

	.table-titles {
		width: 632px;
		height: 40px;
		line-height: 40px;
		background-color: #ece7e7;
	}
	.rows {
		height: 40px;
		line-height: 40px;
		border-top: 1px #e7e2e2 solid;
	}

	.position, .location, .details, .position-inner, .location-inner, .details-inner {
		width: 260px;
		float: left;
		padding-left: 20px;
		font-weight: bold;

	}
	.location, .location-inner {
		width: 152px;
	}
	.details, .details-inner {
		width: 160px;
	}
	.position-inner {
		font-size: 16px;
		font-weight: normal;
	}
	.location-inner{
		font-size: 14px;
		font-weight: normal;
	}
	.details-inner{
		font-size: 14px;
		font-weight: normal;
	}

	ul#enjoy-list {
		background: url(/img/enjoy-list.jpg) no-repeat;
		width: 240px;
		height: 124px;
		text-indent: -9999px;
	}
	ul#current-open li a {
		width: 240px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		border-bottom: 1px #e7e2e2 solid;
		background: url(/img/bullet-arrow.jpg) no-repeat right center;
		display: block;
		font-size: 14px;
	}
	ul#current-open li a:hover {
		color: #666666;
		text-decoration: none;
	}
	.contact-holder, #sitemap-holder {
		width: 940px;
		margin: 40px 0;
	}

	.contact-details {
		width: 240px;
		float: left;
		font-size: 12px;
	}
	.breadcrumb {
		font-size: 12px;
		margin-bottom: 20px;
		width: 300px;
	}
	ul.list, ul.order-list {
		margin:0 0 25px 20px;
	}
	ul.list li {
		background: url(/img/bullet-doublearrow.jpg) no-repeat left top;
		padding: 0 0 10px 15px;
	}
	ol.list li {
		padding: 0 0 18px 15px;
		margin: 0 0 0 40px;
		list-style: decimal;
	}

	ul.sitemap-list {
		margin:0 0 25px 20px;
	}
	ul.sitemap-list li {
		background: url(/img/bullet-doublearrow.jpg) no-repeat left top;
		padding: 0 0 10px 15px;
	}
	ul.sitemap-list li a {
		color: #666;
	}
	ul.sitemap-list li a:hover {
		color: #8cb000;
	}
	ul.sitemap-list li ul {
		margin: 10px;
	}
	ul.sitemap-list li ul li {
		background: url(/img/bullet-dot.jpg) no-repeat left top;
	}
	ol.holder {
		width: 870px;
		margin: 0 auto;
	}
	ol.holder li {
		padding-bottom: 20px;
		line-height: 21px;
	}
	ol.holder li ol {
		padding-left: 40px;
	}
	ol.holder li ol li {
		padding: 5px 0 0 0;
	}

	hr {
		border:1px solid #E7E2E2;
		margin-top: 40px;
		margin-bottom: 20px;
		}


	 #footer {
		 width: 940px;
		 margin: 0 0 20px 0;
		 border-top: 1px #e7e2e2 solid;
		 font-size: 12px;
		 padding: 20px 0;
	 }
	 #copyright {
		float: left;
		padding-bottom: 5px;
		color: #999999;
	}


	#footer ul {
		float: right;
	}

	#footer li {
		float: left;
	}

	#footer li a {
		display: block;
		padding: 0 8px;
		color: #999999;
		font-size: 12px;
	}

	#footer li.first a {
		border-left: none;

	}
	
	div.errorPage div.logo {
		margin-top:37px;
	}

	div.errorPage div#content {
		padding: 70px 5px;
	}