body
{
	background:transparent url('images/bg-body.gif') repeat-x scroll 0pt 0pt;
	font: 0.86em/1.5em Verdana, sans-serif;
	font-variant: normal;
	color: #131313;
	text-align: center;
}

body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, li, dl, dd, hr, address {
  font-weight: normal;
  font-style: normal;
  margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
  font-size: 2.5em;
}
h2 {
  font-size: 160%;
  line-height: 130%;
}
h3 {
  font-size: 140%;
  line-height: 130%;
}
h4 {
  font-size: 130%;
}
p {
  /*margin: 0.6em 0 1.2em;*/
  margin: 0.6em 0;
}
.indent{
	text-indent: 25px
}
a:link, a:visited {
  color: #9cc32a;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active, a.active {
  color: #6c871d;
}
ol {
  margin: 0.5em 0 1.8em 2.4em;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}
ul li {
  margin: 0.4em 0 0.4em .5em;
}
ul li {
  margin: 0.15em 0 0.15em .5em;
  /*padding: 0 0 .2em 1.5em; - removing for adjusting tabs menu */
  list-style-type: none;
  list-style-image: none;
  background: transparent url('images/menu-leaf.gif') no-repeat 0 .35em;
  padding-left: 15px;
}
ul li.collapsed {
  background: transparent url('images/menu-collapsed.gif') no-repeat 0 .35em;
}
dl {
  margin: 0.5em 0 1em 0;
}
dl dd {
  margin: 0 0 .5em 1.5em;
}
img, a img {
  border: none;
}
table {
  margin: 1em 0;
  width: 100%;
}
.thead th {
  border-bottom: 1px solid #d0d0d0;
  color: #494949;
  font-weight: bold;
  text-align: center;
  background: #7dc5d7;
}
td, th {
  padding: .3em .5em;
}
tr.even, tr.odd, tbody th {
  border: solid #e5e5e5;
  border-width: 1px 0;
}
tr.odd, tr.info {
  background-color: #f8f8f8; 
}
tr.even {
  background-color: #fff;
}
tr.odd td.active {
  background-color: #efefef;
}
tr.even td.active {
  background-color: #f9f7ed;
}
/*Header Area */
#wrapper-header {position:relative;width:100%;}
#header{
height:100px;
position:relative;
width:100%;
margin: 0 auto;
height: 5em;
text-align: left;
background: #f9f7ed url('images/bg-header.gif') repeat-x left bottom;
margin-top: 25px;
}
#logo{margin-top:-10px;}
#logoWrapper{line-height:4em;
}
#header h1#site-name a {color: #47494d;}
#header h1#site-name a:hover {color: #9cc32a;text-decoration: none;}
h1#site-name a img {border: none;float: left; margin-left:5px;}

h2#site-slogan {font: bold 1.1em/1.43em Verdana, sans-serif;padding-top: 0.5em;  }
h2#site-slogan img{border: none;float: left;margin-top: 25px; margin-left:-50px;}
img#name{margin-top: 0px;}

ul.primary-links {margin: 0;padding: 0;position: absolute;bottom: -1px;right: 0.5em;list-style: none;}
ul.primary-links li {margin: 0;padding: 0;display: inline;float: left;margin: 0 0.2em 1px;background: url('images/bg-header-tab-left.gif') no-repeat left top;}
ul.primary-links li.active {background: url('images/bg-header-tab-left-active.gif') no-repeat left top;}
ul.primary-links li span, ul.primary-links li span {margin: 0;padding: 0;display: block;float: left;background: url('images/bg-header-tab-right.gif') no-repeat right top;}
ul.primary-links li span a:link, ul.primary-links li span a:visited  {margin: 0;color: #fff;background: transparent url('images/bg-header.gif') repeat-x left bottom;display: block;padding: 0.2em 0.9em;font-weight: bold;float: left;}
ul.primary-links li span a:hover {  color: #9cc32a;text-decoration: none;}
ul.primary-links li.active span {background: url('images/bg-header-tab-right-active.gif') no-repeat right top;color: #555;}
ul.primary-links li.active span a {color: #4c4f53;background: url('images/bg-header-tab-bottom-active.gif') repeat-x left bottom;}
ul.primary-links li.active span a:visited {color: #4c4f53;}


/*Main Area*/
#wrapper-main {
background: #fff url('images/bg-main.gif') repeat-x 0 0;
text-align: left;
}
#main {
  width: 98%;
  margin: 0 auto;
  padding-top: 1.6em;
  text-align: left;
  background: #fff url('images/bg-main.gif') repeat-x 0 0;
}

.leftbar {left: 0px;
padding: 5px;
background-color: white;
width: 170px;overflow: auto;
float: left;
background: #f8f8f8 url('images/bg-block.gif') repeat-x left top;
border-bottom: 1px solid #eeeded;
padding: 1.13em 0.56em 0.75em;
margin-bottom: 1.6em;
padding-right: 0px;
border-right: 2px #ddd solid;
}
.leftbar h3 {border-bottom: 1px solid #bbb;}
.leftbar ul li{background:none;
margin-top: 10px;
padding: 5px;
border-bottom: 1px dashed #bbb;
font-weight: bold;
}
.leftbar ul li a {text-decoration: none; color: #6D4C07; }
.leftbar ul li a:hover{text-decoration: none; color: red; }
.leftbar ul li.on {background-color: #6D4C07; color: white; border-bottom: 1px dashed #fff; border-right: 2px solid #576a34;}
.leftbar ul li.on a {color: white;}
.active-tab .leftbar{
	
}
/* set the surrounding content div to appear to wrap around leftbar block */
.contentarea {
   margin-left: 178px;
	 border-left: 2px #ddd solid;
   padding: 10px;
}
.contentarea a, .contentarea a:link, .contentarea a:visited{color:#6D4C07;}
.contentarea .update-date{
float:right;
text-align:right;
font-size:0.75em;
}
ol.lower-roman{list-style-type: lower-roman; margin-top: 0px; margin-bottom:0px;}
ol.lower-alpha{list-style-type: lower-alpha; margin-top: 0px; margin-bottom:0px;}
#footer {  
  clear: both;
  width: 68.5em;
  width:100%;
  padding-top: 4em;
  padding-top: 5px;
  text-align: center;
  border-top: 1px dashed black; 
}
/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  /*line-height: normal;*/
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
  background: none;
  padding-right: 0em;
  padding-left: 0em;
}
ul.primary li a {
  /*background-color: #ddd;*/
  background: none;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  /*padding: 0 1em;*/
  padding: 0;
  text-decoration: none;
  background: transparent;
  padding: 0.3em 1em;
  height: auto;

}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited{
  background: transparent;
  padding: 0.3em 1em;
  height: auto;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover {
  background:#6D4C07;
  color: #fff;
}
ul.primary li.active a {
  font-weight: bold;
}
/* Toggle elements */
/**
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 */
/* Screen ------------------------------------------------------------------- */
@media projection, screen {
	/* Toggler - default style */
.toggler {
	   margin:25px 0 25px 0;
		text-decoration: none;
		font-size: 1.4em;
		font-size: 120%;
		line-height:30px;
		display: block;
	}
	.toggler-closed {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #efefef url('images/togglerc.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-closed:hover {
		color: #000;
		background: #fff url('images/togglerch.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #efefef url('images/togglero.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-opened:hover {
		color: #000;
		background: #fff url('images/toggleroh.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
	   margin:-25px 0px 10px 0px;
	   padding:20px;
	}
	.toggler-c-opened {
		margin:-25px 0px 10px 0px;
		padding:10px;
		border:solid 1px #fff;
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }
}
/**
  * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 */
 /* Screen ------------------------------------------------------------------- */

@media projection, screen {
	/* Toggler2 - example simple style */
	.toggler2 {
	  text-decoration: none;
		display: block;
		padding:5px;
	}
	.toggler2-closed {
		color:#999;
		background: #fff url('images/togglerc.gif') center right no-repeat;
	}
	.toggler2-closed:hover {
		color: #000;
		background: #efefef  url('images/togglerch.gif') center right no-repeat;
	}
	.toggler2-opened {
		color:#999;
		background: #fff url('images/togglero.gif') center right no-repeat;
	}
	.toggler2-opened:hover {
		color: #000;
		background: #efefef url('images/toggleroh.gif') center right no-repeat;
	}

	/* Container */
	.toggler2-c {
		margin-bottom:10px;
	}
	.toggler2-c-closed {
		margin:-10px 0px 10px 0px;
	   background:#fff;
	   border:solid 1px #d4d4d4;
	   border-top:0;
	   padding:20px;
		width:536px;
	}
	.toggler2-c-opened {
		margin:-10px 0px 0px 0px;
	  border-top:0;
	   padding:10px;
		}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler2-c { margin-bottom:25px; }
	.toggler2 { display: none; }
	
}

.einfo{
  color: #900;
  cursor: pointer;
  display: inline;
}
pre {
	overflow: auto;
	background-color: #EEEEFF;
	/*font-family: monospace;*/
	padding: 0.5em;
}
/* tabs */
div.tabs {
	margin: 10px;
}
div.tabs div.choices {
	/*border-top: 2px #576a34 solid;*/
}
.choices  {
	padding-top: 1em;
}
/* show divs within these divs */
div.tabs div.choices div div {
	/*display: block;*/
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    /*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;*/
    /*font-size: 12px;*/
}
.ui-tabs-nav {
    list-style: none;
    /*margin: 0;*/
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 12px;
    /*background: url(i/tabs.png) no-repeat;*/
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    /*opacity: .4;
    filter: alpha(opacity=40);*/
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #519e2d;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a, * html .ui-tabs-nav a span { /* auto clear and hasLayout, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*Light Box*/
#lightbox,#lightbox-overlay{position:absolute;top:0px;left:0px;bottom:auto;right:auto;z-index:100;width:100%;height:auto;text-align:center;color:#333;margin:0px;padding:0px;border:none;outline:none;line-height:0;text-decoration:none;background:none;word-spacing:normal;letter-spacing:normal;float:none;clear:none;display:block}#lightbox-overlay{z-index:90;background-color:#000;height:100%}#lightbox img,#lightbox a img,#lightbox a{border:none;outline:none}#lightbox-imageBox{position:relative;border:1px solid black;;background-color:white;width:250px;height:250px;margin:0 auto}#lightbox-imageContainer{padding:1px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;width:49%;height:100%;background:transparent url("../images/blank.gif") no-repeat;/*zoom:1;*/padding:0px;margin:0px}#lightbox-nav-btnPrev{left:0;right:auto;float:left}#lightbox-nav-btnNext{left:auto;right:0;float:right}#lightbox-infoBox{font:10px Verdana,Helvetica,sans-serif;background-color:#FFF;margin:0 auto;/*padding:none*/}#lightbox-infoContainer{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;color:#666;line-height:normal}#lightbox-infoHeader{width:100%;text-align:center}#lightbox-caption{text-align:justify}#lightbox-caption-title{font-weight:bold}#lightbox-caption-description{font-weight:normal}#lightbox-infoFooter{margin-top:3px;color:#999}#lightbox-currentNumber{display:block;width:49%;float:left;text-align:left}#lightbox-close{display:block;width:45%;float:right;text-align:right}#lightbox-close-button{padding-left:30%}#lightbox-close-button,#lightbox-close-button:link,#lightbox-close-button:visited,#lightbox-close-button:hover{text-decoration:underline;color:#999}#lightbox-close-button:hover{color:#666}#lightbox-infoContainer-clear{clear:both;visibility:hidden}
/*Simple modal Contact*/
/* Overlay */
#contactModalOverlay {height:100%; width:100%; position:fixed; left:0; top:0; z-index:3000; background-color:#000; cursor:wait;}

/* Container */
#contactModalContainer {height:290px; width:420px; position:fixed; left:50%; top:15%; margin-left:-210px; z-index:3100; font-family:'Trebuchet MS', Verdana, Arial;}
#contactModalContainer .content {background-color:#333; color:#ddd; height:260px;}
#contactModalContainer .content h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.6em; font-weight:bold; text-align:left;}
#contactModalContainer .loading {position:absolute; background:url('images/contactloading.gif') no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contactModalContainer .message {text-align:center;}
#contactModalContainer .error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contactModalContainer label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contactModalContainer input, 
#contactModalContainer textarea {float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff;}
#contactModalContainer div.top {height:13px; background:url('images/form_top.gif') no-repeat; padding:0; margin:0;}
#contactModalContainer div.bottom {height:13px; background:url('images/form_bottom.gif') no-repeat;}
#contactModalContainer .send,
#contactModalContainer .cancel {margin:4px 0 0 10px; cursor:pointer; float:left;}
#contactModalContainer a.modalCloseImg {background:url('images/x.png') no-repeat; width:25px; height:25px; z-index:3200; position:absolute; top:4px; left:400px; cursor:pointer;}
#contactModalContainer a.modalCloseX,
#contactModalContainer a.modalCloseX:link,
#contactModalContainer a.modalCloseX:active,
#contactModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:400px; color:#999;}
#contactModalContainer a.modalCloseX:hover {color:#ccc;}

#contactForm {cursor: pointer; display:inline; color: #900;}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#gallery {
	padding: 10px;
	width: 80%;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline;background:none;
width: 20%;
border: 1px solid #3e3e3e; }
#gallery ul img {
}
#gallery ul a:hover img {
	color: #fff;
	background-color: #000;
}
#gallery ul a:hover { color: #fff; }
.project-photos {
}
#gallery table {
	text-align: center;
}
#gallery table tr.photo {
	vertical-align: middle;
	padding: 10px;
}
#gallery table tr.desc {
	vertical-align: top;
	}
.project-photos ul {
	list-style: none;
}

.project-photos ul li {
	display: inline;
	background: none;
	padding-left: 0pt;
}
.project-photos ul a {
	background-color:#ECECEC;
	border:1px solid #999999;
	padding: 5px 5px 10px;
	display:block;
	float:left;
	margin:5px;
}
.project-photos ul a:hover {
	background-color:#FFFFFF;
	border:1px solid #333333;
}
.project-photos ul a img {
	border:1px solid #999999;
}
span.edir { unicode-bidi:bidi-override; direction: rtl; }
.econtent:before { content: "moc.gojardnan"; }
.econtent:after { content: "@tnameh"; }

.pdf {
	background: url('images/icon/icon_pdf.gif') no-repeat 0;
	Padding-left: 15px;
}
.word {
	background: url('images/icon/icon_doc.gif') no-repeat 0;
	Padding-left: 15px;
}
.zip {
	background: url('images/icon/icon_zip.gif') no-repeat 0;
	Padding-left: 15px;
}
.tgz {
	background: url('images/icon/icon_tgz.gif') no-repeat 0;
	Padding-left: 15px;
}
.signature {
  font-family: "Monotype Corsiva", Verdana, "Times New Roman", Times, serif;
  text-align: right; 
  font-size:200%
}
.homepage-content {
  float: right;
  margin: -125px 150px auto 225px;
}
.photo {
  float: left;
  margin-left: 100px; 
  margin-top: 25px;
}
.photo img {
	border:0px solid #999999;
	height: 120px;
	width: 120px
}
.updated:before { content: "Updated: 24th April, 2008."; }