/* General */
html{
  background:#696969;
}
body {
	background: #696969 url('../images/bg-body.png') top left repeat-x;
	font-size: 12px;
	color: #666;
	font-family: Verdana, Geneva, Kalimati, sans-serif;
	margin:0;
	padding:10px 0 10px 0;
}
.clear{
  clear:both;
  font-size:0;
  height:0;
  line-height:0;
  display:block;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	position: relative;
	padding-bottom: 80px;
}

.green-background {
	background: #868136 url('../images/bg-h3-send-enquiry.png') top left repeat-x;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding: 8px 10px;
}

.green {
	color: #8D8840;
}

.container {
	overflow: hidden;
	width: 100%;
}

.fleft {
	float: left;
}

.fright {
  margin:10px 0 0 0;
	float: right;
}

.last, p.last, .container p.last {
	margin-right: 0;
}

/* Header */

#header {
  position:relative;
  z-index:110;
}

#logo {
  display:block;
	float: left;
}
#logo img{
  width:337px;
  height:109px;
}

#follow-us {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}
#follow-us img{
  width:19px;
  height:19px;
}


#contact {
	float: right;
	clear: right;
	margin:20px 15px 0 0;
	padding: 10px 0;
	color: #8d8840;
	font-size: 18px;
}

#contact a {
	color: #666;
	font-size: 13px;
}

#nav {
  display:block;
  clear:both;
	width: 980px;
	background: #8d8840;
	overflow: hidden;
}

#nav .li1 {
	display: block;
	float: left;
}

#nav li a:link, ul#nav li a:visited {
	color: #fff;
	font-size: 15px;
	padding: 5px 15px;
	margin: 5px 10px;
	display: block;
	float: left;
	text-decoration: none;
}

#nav .lia1{
  
}
#nav .li1.hover .lia1 {
	background: #ededed url('../images/bg-li-navigation.png') top left repeat-x;
	color: #8d8840;
}

#nav .li1 ul {
	background: #ededed;
	width: 236px;
	position: absolute;
	margin-top: 30px;
	margin-left: 9px;
	display: none;
}

#nav .li1.hover ul {
	display: block;
}

#nav .li2 {
	display: block;
  overflow:hidden;
	width: 205px;
	border: 1px solid #8c883f;
	border-top: none;
	padding: 15px;
}

#nav .li2 img {
	float: left;
	margin:0 5px 5px 0;
}
#nav .li2 p {
  margin:6px 0 0 0;
}

#nav .lia2:link, ul#nav .lia2:visited {
	color: #8d8840;
	float: left;
	clear: none;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 13px;
}
#nav .lia2:hover{
  text-decoration:underline;
}

#nav .li2.hover{
  background:#f6f6f6;
  color:#555;
}
#nav .li2.selected{
  background:#ddd;
}
#nav .li2.selected .lia2{
  font-weight:bold;
}


/* Main */

#main {
	width: 980px;
	overflow: hidden;
	position:relative;
	z-index:100;
}
#breadcrumbs {
  padding:15px 0 10px 30px;
}
#breadcrumbs a {
	color: #666;
}

/* Left */

#left {
	width: 215px;
	float: left;
	margin:8px 20px 0 5px;
}

#left ul {
	
}

#left ul li {
	display:block;
}

#left ul li.even a{
	background-color: #a09b4f;
}
#left ul li.odd a{
  background-color: #8d8840;
}

#left ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 10px 0 10px 20px;
	display:block;
}
#left ul li a:hover {
  text-decoration:underline;
}
#left ul li a.selected {
  font-weight:bold;
  text-decoration:underline;
}
#left .side-image{
  margin:0 0 10px 0;
}

/* Content */

#content {
	float: left;
	width: 500px;
}
#content.wide{
  width:715px;
}

#content.single {
	width: 970px;
	padding: 0 5px;
}

#content a:link, #content a:visited {
	color: #8d8840;
	font-weight: bold;
	text-decoration: underline;
}

img.paragraph-image {
	float: left;
	margin: 0 10px 5px 0;
}

#content h1 {
	font-size: 24px;
	color: #8d8840;
	font-weight: normal;
	line-height: 150%;
}

#content h2 {
	font-size: 18px;
	color: #666;
	font-weight: normal;
	line-height: 150%;
	margin-bottom:15px;
}

#content h3 {
	color: #868136;
	font-size: 16px;
	font-weight: normal;
	line-height: 150%;
}

#content p {
	line-height: 140%;
	margin-bottom: 10px;
}

#content ol {
	list-style: decimal outside;
	color: #fff;
	margin: 10px 0 0 20px;
	color: #8d8840;
}

#content ol li {
	/*background: #fff url('../images/bg-ol-li.png') no-repeat 0 1px ;*/
	padding:0 0 0 0;
	line-height: 140%;
}

#content ol li p {
	color: #666;
	margin:0 0 5px 0;
}

#content ul {
	list-style: disc outside none;
	line-height: 140%;
	margin:0 0 0 20px;
}

/* Content - Frontpage */
#intro{
  float:left;
  width:710px;
  height:257px;
  position:relative;
}
#intro #flash{
  padding:0;
  margin:0;
  outline:none;
}
#latest-work {
	background: #333;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	text-align: center;
}

#latest-work img {
	margin-top: 10px;
}

#testimonials {
	width: 245px;
	height: 173px;
	padding: 15px 20px;
	background: transparent url('../images/bg-front-testimonials.png') center center no-repeat;
	float: right;
	overflow: hidden;
}

#testimonials strong {
	font-size: 20px;
	color: #8d8840;
	clear: both;
	font-weight: normal;
	line-height: 150%;
}

#left-half {
	width: 482px;
	margin-right: 6px;
	float: left;
}

#frontpage-text {
	height: 326px;
	margin-top: 17px;
	padding:0 0 0 10px;
	overflow:auto;
}

#video {
	margin-top: 15px;
}
#video-links{
  height:18px;
  background:#eee;
  font-size:11px;
  padding:0 0 0 5px;
}
#video-links span{
  line-height:18px;
  padding:0 10px 0 0;
}
#content #video-links a{
  font-weight:normal;
  padding:0 3px;
  text-decoration:none;
}
#content #video-links a.selected{
  color:#666;
}


#frontpage-top {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #8c883f;
	overflow: hidden;
}

#frontpage-top #left {
	width: 710px;
	margin: 8px 10px 0 0;
}

#frontpage-content {
	width: 620px;
	padding-left: 10px;
	overflow: hidden;
	color: #979797;
	padding: 45px 40px 0 40px;
}
#frontpage-top #right{
  float: right;
  margin: 8px 0px 0px;
  padding-right: 0px;
  width: 250px;
}

.front-panel-wrapper {
	margin-right: 31px;
	padding-bottom: 10px;
	border-bottom: 7px solid #5e5e5e;
	width: 302px;
	float: left;
}

.front-panel-wrapper.last {
	margin-right: 0;
}

.front-panel {
	padding: 0 10px 10px 10px;
	margin-top: 15px;
	border: 1px solid #d1d1d1;
	width: 280px;
	height: 270px;
}

#content .front-panel h3 {
	width: 200px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: -10px;
	background: #8c883f;
	padding: 5px;
	color: #fff;
	float: left;
	clear: both;
	line-height: 100%;
}

#content .front-panel img {
	float: left;
	margin:0 10px 10px 0;
}

#content .front-panel p {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 0;
}




#recent{
  clear:both;
}
#recent ul{
  list-style:none;
  margin:0;
  display:block;
  overflow:hidden;
}
#recent li{
	overflow: hidden;
	margin:10px 0 0 0;
	display:block;
}
#recent li a{
  padding:0 10px 0 90px;
  display:block;
  position:relative;
}
#content #recent li a img{
	margin: 0 0 0 0;
	max-width:80px;
	width:auto;
	height:auto;
	display:block;
  position:absolute;
  left:0;
}


#frontpage-top #right form {
	
}
#frontpage-top #right form h3 {
	background: #8c883f;
	padding: 5px;
	color: #fff;
}

#frontpage-top #right form p {
	padding: 5px 10px;
	margin: 0;
	font-size: 14px;
}

#frontpage-top #right big {
	color: #8c883f;
	font-size: 18px;
}

/* Right */

#right {
	width: 225px;
	padding-right: 5px;
	float: right;
}
#right.collapsed{
  position:absolute;
  padding:0 0 0 25px;
  right:-230px;
  top:55px;
  z-index:10;
}
#right.collapsed #contact-tab{
  display:block;
  position:absolute;
  background:#8d8840 url(../images/contact-tab.png) no-repeat -2px top;
  width:25px;
  height:155px;
  top:0;
  left:0;
}

/* Footer */

#footer {
	width: 970px;
	overflow: hidden;
	background: #d0cb84;
	margin-top: 20px;
	border: 5px solid #fff;
	border-top: none;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: arial, Helvetica, sans-serif; 
	z-index:200;
}

ul#footer-links {
	float: left;
	width: 770px;
	background-color: #8d8840;
	padding-left: 20px;
}

ul#footer-links li {
	display: inline;
}

ul#footer-links li a {
	color: #fff;
	background: transparent url('../images/bg-li-footer.png') center left no-repeat;
	padding: 15px 10px 15px 11px;
	display: block;
	float: left;
	text-decoration: none;
	text-transform:uppercase;
}

ul#footer-links li.first a {
	background: none;
}

a#panel-toggle {
	float: right;
	display: block;
	padding: 10px 20px;
	margin: 5px 20px 0 0;
	background: #fff;
	color: #8d8840;
	text-decoration: none;
	font-weight: bold;
}

#links-panel {
	width: 100%;
	overflow: hidden;
	padding:20px 0 10px 0;
	display: none;
}

#links-panel.show {
	display: block;
}

#links-panel .li1 a:link, #links-panel .li1 a:visited {
	color: #48472e;
	font-family: Arial, Helvetica, Garuda, sans-serif;
	padding: 4px 0;
	display: block;
	text-decoration: none;
}

#links-panel .li1 a:hover {
	text-decoration: underline;
}

#links-panel .li1 {
	float: left;
	width: 150px;
	margin-left: 10px;
	display:block;
}

#links-panel .lia1 {
  display:block;
	color: #48472e;
	font-family: Arial, Helvetica ,Garuda, sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 5px;
	text-transform:uppercase;
}
#links-panel .lia2 {
  line-height:120%;
}
#links-panel .social-media li{
  position:relative;
  padding-left:23px;
  margin:;
}
#links-panel .social-media img{
  width:14px;
  height:14px;
  position:absolute;
  top:2px;
  left:0;
}
#links-panel .social-media img{
}

/* Forms */

input, textarea {
	border: 1px solid #ccc;
	padding: 5px;
}

legend {
	font-style: italic;
	color: #666;
}

fieldset {
	
}

label {
	display: block;
	position: relative;
	margin-right: 10px;
	padding:8px 0 8px 0;
}

form#enquiry-form {
	border: 1px solid #d0d0d0;
	background: #ececec url('../images/bg-form-enquiry.png') top left repeat-x;
	padding: 20px;
}

#right #subscribe-form {
	background: #868136 url('../images/bg-form-signup.png') top left repeat-x;
	padding: 20px;
	border: 1px solid #d0d0d0;
	margin-top: 10px;
}


#right #subscribe-form label {
	color: #fff;
}

#right #subscribe-form h4 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 140%;
}
#right #subscribe-form img {
  margin:10px 0 0 2px;
  background:#fff;
  border:1px solid #000;
}

#right #subscribe-form button {
  display:block;
  margin:10px 0 0 3px;
}

#right #home-subscribe{
  width: 248px;
	margin-top: 15px;
	padding-bottom: 10px;
	border: 1px solid #bdbdbd;
	overflow: hidden;
}
#right #home-subscribe h3{
  background: #8C883F;
  color: white;
  padding: 5px;
}
#right #home-subscribe #subscribe-form{
  background:transparent;
  border:0;
  padding:0 10px;
}
#right #home-subscribe h4{
  display:none;
}
#right #home-subscribe p{
  font-size:14px;
  padding:5px 10px;
  margin:0;
}
#right #home-subscribe label{
  color: #000;
	font-weight: bold;
	width: 40px;
	margin: 0 15px 0 0;
	float: left;
	font-size: 12px;
	clear:both;
}
#right #home-subscribe input{
  width:120px;
  bottom:10px;
}
#right #home-subscribe label, #right #home-subscribe input{
  margin-bottom:10px;
}
#right #home-subscribe button{
  margin:10px 0 0 55px;
}
#right #home-subscribe label.error{
  display:none;
  position:absolute;
  display:block;
  left:200px;
  color:#990000;
}


form{
  overflow:hidden;
}
button {
	cursor: pointer;
}

button.dark-green {
	background: #868136 url('../images/bg-h3-send-enquiry.png') top left repeat-x;
	color: #fff;
	font-weight: normal;
	border: 0;
	padding: 5px 10px;
	margin-top: 15px;
	font-weight: bold;
}

button.light-green {
	background: #b4b072 url('../images/bg-button-light-green.png') bottom left repeat-x;
	border: 1px solid #fff;

	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

label.error, form#subscribe-form label.error{
  color:#990000;
}
input.error, textarea.error{
  border-color:#990000;
  color:#990000;;
}

#invoice-form{
  margin:20px 0 0 0;
  overflow:hidden;
}
#invoice-form .formField{
  float:left;
  margin:0 10px 0 0;
  width:155px;
  overflow:hidden;
}


#portfolio{
  position:relative;
}
#projects-navigation{
  position:absolute;
  top:0;
  left:29px;
  width:601px;
  height:100px;
  z-index:9;
}
#content #projects-link{
  position:absolute;
  top:10px;
  left:0;
  color:#fff;
  font-weight:normal;
  display:block;
  width:600px;
  background:url(../images/down_arrow.png) no-repeat 52px 4px;
  text-decoration:none;
}
#content #projects-link.collapsed{
  background:url(../images/next_arrow.png) no-repeat 52px 1px;
}
#content #projects-list{
  position:absolute;
  top:0;
  left:0;
}
#content #projects{
  clear:both;
  margin:30px 0 0 0;
  background:url(../images/imac.jpg) no-repeat 0 0;
  position:relative;
  width:659px;
  height:616px;
}
#projects .project{
  overflow:hidden;
  clear:both;
  position:absolute;
  top:37px;
  left:29px;
  width:600px;
  height:430px;
}
.project .images, .project .info, .project .testimonial{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:370px;
  background:#000;
}
.project .images img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:none;
}
.project .info, .project .testimonial{
  display:none;
  z-index:10;
  background:url(../images/transparent-bg.png) repeat 0 0;
}
.project .text{
  padding: 10%;
}
.project .text h3{
  color:#c4c90d;
  margin:10px 0 5px 0;
} 
.images-nav{
  position:absolute;
  bottom:15px;
  left:0;
}
#projects .images-nav a{
  color:#666;
  border:1px solid #666;
  padding:1px 5px;
  font-weight:normal;
  text-decoration:none;
}
#projects .images-nav a.selected{
  color:#333;
  border-color:#333;
}
#projects .images-nav a:hover{
  color:#555;
  border-color:#555;
}
#projects a.info-link, #projects a.testimonial-link, #projects a.visit-website-link{
  position:absolute;
  bottom:15px;
  text-decoration:none;
  color:#666;
  font-weight:normal;
}
.info-link{
  right:194px;
}
.testimonial-link{
  right:100px;
}
.visit-website-link{
  right:0;
}
#projects .prev, #projects .next{
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  top:160px;
  background-color:transparent;
  background-position:center center;
  background-repeat:no-repeat;
  z-index:1000;
}
#projects .prev span, #projects .next span{
  display:none;
}
#projects .prev{
  left:0;
  background-image:url(../images/prev.png);
  border-left:0;
}
#projects .next{
  right:0;
  background-image:url(../images/next.png);
  border-right:0;
}









#sitemap{
  margin:0;
}
#sitemap ul{
  margin:0 0 10px 40px;
}
#sitemap li{
  list-style:none;
}
#sitemap h1{
}
#sitemap h2{
  font-size:20px;
  margin:0;
}
#sitemap h3{
  font-size:16px;
}

/*
#content a.visit {
	float: right;
	background: #8D8840;
	color: #fff;
	padding: 0 5px 5px 5px;
	font-size: 10px;
	font-weight: normal;
}
*/

#team-flash{
  margin:0 0 20px 0; 
}

#articles{
  margin:20px 0 0 0;
  width:100%;
  color:#8d8840;
}
#articles th, #articles td{
  padding:10px 15px;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
}
#articles th{
  color:#fff;
  background:#8d8840;
}
#articles td{
  background:#fff;
}
#articles .even td{
  background:#eeedda
}
#content #articles a{
  font-weight:normal;
}
#content #articles strong{
  color:#8d8840;
}
#pagination {
  clear:both;
  margin:20px 0 0 0;
  float:right;
}
#pagination  a, #pagination span{
  padding:0 5px;
}

#search-form{
  background:#8d8840;
  padding:20px;
  overflow:hidden;
}
#search-form h2{
  color:#fff;
  font-size:18px;
  font-weight:normal;
  margin:0 0 10px 0;
}
#search-form input{
  clear:both;
  height:20px;
  width:130px;
  padding:5px;
  display:block;
  float:left;
  border:0;
  margin:0;
  color:#8d8840;
}
#search-form button{
  height:30px;
  width:30px;
  display:block;
  float:left;
  border:0;
  margin:0;
  background:#fff url(../images/search.gif) no-repeat center center;
}


#article{
  
}
#article .author{
  color:#8d8840;
}
#article .date{
  display:block;
  color:#8d8840;
  margin:20px 0 40px 0;
}