/* css reset */
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}*/

ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/*body {
	line-height: 1;
	color: black;
	background: white;
}*/
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* main site css starts here */

body {
	background-color: #ffffff;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#564b47;
	padding:0px;
	margin:0px;
	background-image: url(../images/template/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 120%;
}
a {color: #d86715;}
/*a:visited {color:#993300;}*/
a:hover {color: #333333;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
/*padding:5px 15px;*/
margin:0px }

h2 {
color: #d86715;
font-size:20px;
font-weight: normal;
/*padding: 5px 10px;*/
margin:0px;}


h3 {
color: #d86715;
font-size:18px;
font-weight: normal;
/*padding: 5px 10px;*/
margin:0px;}

h4 {
color: #333333;
font-size:16px;
font-weight: normal;
/*padding: 5px 10px;*/
margin:0px;}
.title {
	padding-right: 20px;
}
.left {
	float: left;
}


.grey {
	color: #333333;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
	width: 955px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/template/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* ----------banner for logo-------------- */
#banner {
/*background-color: #e1ddd9;*/
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {} 

/* ----------main nav-------------- */
#menu {
	height: 40px;
	text-align: center;
}

ul.main-nav{
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.main-nav li {
	color: #FFFFFF;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	/*border-right: 2px solid #FFFFFF;*/
	list-style-type: none;
}

.main-nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

.main-nav li a:hover, active {
	color: #000000;
	text-decoration: none;
}

.main-nav li.last {
	border-right: none;
}
/* -----------------content--------------------- */
#content {
	margin-left: 335px;
	margin-right: 30px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#content { 
min-height:300px;
height:expression(this.scrollHeight > 300 ? "auto":"300px"); 
}

p, pre{
/*padding: 5px 10px;
margin:0px;*/
}

/* -----------------projects content--------------------- */
#content_prj {
	margin-left: 235px;
	margin-right: 30px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#content_prj { 
min-height:300px;
height:expression(this.scrollHeight > 300 ? "auto":"300px"); 
}
.prj_info {
	padding-bottom: 10px;
	padding-top: 10px;
}

#prj_details {
	width: 330px;
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}

#prj_imgs {
	width: 330px;
	float: right;
	padding-top: 10px;
	padding-bottom: 20px;
	/*background-color: #990000;*/
}
#prj_imgs h4 {
	padding-bottom: 5px;
}

.thumb {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* --------------breadcrumbs------------- */
.crumbs {
	font-size: 11px;
	text-align: right;
	color: #d86715;
	padding-right: 30px;
	padding-top: 10px;
}

.crumbs a {
}
.crumbs a:hover {
}

/* --------------left navi------------- */
* html #left  /* this is recognized by IE only */
  {
  width: 295px;  /* total width, only for IE5.x/Win */
  w\idth: 295px; /* content width for other IE */
  margin-left: 20px;
  }
  
* html #left_nav  /* this is recognized by IE only */
  {
  width: 195px;  /* total width, only for IE5.x/Win */
  w\idth: 195px; /* content width for other IE */
  margin-left: 20px;
  }
.services {
	list-style-type: disc;
	padding-left: 10px;
	font-size: 12px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.services li {
	padding-bottom: 2px;
}

#left {
	float: left;
	width: 295px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	/*background-color: #009966;*/
}

#left_nav {
	float: left;
	width: 195px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	/*background-color: #009966;*/
}

#left_nav li a {
	display: inline-block;
}

#left_nav li a {
	color: #d86715;
	margin-right: 20px;
	text-decoration: none;
	font-size: 11px;
	padding-left: 10px;
	margin-bottom: 5px;
	display: block;
	/*width: 160px;*/
}

#left_nav li a:hover {
	color: #43230c;
	text-decoration: none;
}

#left_nav .cat {
	color: #000000;
	border-bottom: 1px solid #b7b5b2;
	margin-right: 20px;
	padding-bottom: 8px;
	margin-bottom: 5px;
}

#left_home {
	float: left;
	width: 865px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
	/*background-color: #009966;*/
}

/* -----------footer--------------------------- */
#footer {
	background-image: url(../images/template/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 40px;
	text-align: left;
	clear: both;
	height: 65px;
	color: #FFFFFF;	/*width: 935px;*/
	padding-bottom: 5px;
}

#footer a:hover {color: #999999;}
#footer ul {
	padding-top: 10px;
	padding-bottom: 5px;
	list-style-type: none;
}
#footer ul li{
	display: inline;
	padding-right: 15px;
}
/*----------*/
.right {
	/*float: right;*/
	padding-left: 40px;
	padding-top: 6px;
	font-size: 11px;
	padding-bottom: 6px;
}.prj_head h3 {
	padding-bottom: 10px;
}