* {
	margin: 0px;
	padding: 0px;
}

html, body {
	color: #333333;
	background-color: #E9E9E9;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

table {
	border-collapse: collapse;
}

td, th {
	text-align: left;
	vertical-align: top;
}

p, ul, ol {
	margin-bottom: 1em;
}

p, li, td, th  {
	font-size: 11px;
	line-height: 140%;
}

ul, ol {
	margin-left: 20px;
}

a {
	color: #3366CC;
}

a:hover {
	color: #000000; 
	text-decoration: underline;
}

/*form styles*/
input {
	border: 1px solid #7F9DB9;
	font-size: 10px;
	color: #000;
	padding: 2px;
	margin-top: 2px;
	height: 18px;
}

select {
	border: 1px solid #7F9DB9;
	font-size: 10px;
	color: #000;
	padding-right: 2px;
	margin-top: 2px;
	height: 18px;
}

.title1, h2 {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	margin-bottom: 1em;
}

.title2, h3  {
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	margin-bottom: 1em;
}


/*=========================================================================*/


td.contentcell {
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 4px;
	padding-bottom: 0px;
}


/*=========================================================================*/
/*SUB NAV VALUES*/


/* subnav styles*/
ul.hnav {
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

ul.hnav li {
	list-style-type: none;
	background-image:  url(images/arr.gif);
	background-repeat: no-repeat;
	line-height: 140%;
	font-size: 10px;
	padding-left: 10px;
	}

ul.hnav li a {
	color: #3366CC;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
}
ul.hnav li a:hover {
	text-decoration: none;
	color: #000000;
}


/* subnav styles*/
ul.subnav {
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

ul.subnav li {
	display: inline;
	list-style-type: none;
	
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.subnav li {
	display: block;
	line-height: 120%;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;}

ul.subnav li a {
	display: block;
	padding: 2px 6px 2px 15px;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background-image:  url(images/arr2.gif);
	background-repeat: no-repeat;
}
ul.subnav li a:hover {
	text-decoration: none;
	color: #999999;
}

ul.subnav li.active a {
	color: #DA9502;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background-image:  url(images/arr1.gif);
	background-repeat: no-repeat;
}
ul.subnav li.active a:hover {
	color: #333333;
	text-decoration: none;
}
/* sub sub menu */

ul.subnav li.active ul {
	margin-bottom: 8px;
	margin-left: 16px;
	margin-top: 10px;
}

ul.subnav li.active ul li {
	list-style-type: none;
	padding: 2px 0px 2px 0px;
	line-height: 120%;
	font-size: 10px;
	text-decoration: none;
	border: 0px;
}
ul.subnav li.active ul li a {
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	padding-left: 15px;
	text-decoration: none;
	background-image:  url(images/arr3.gif);
	background-repeat: no-repeat;
}

ul.subnav li.active ul li a:hover {
	text-decoration: none;
	color: #333;;
}
/*sub menu active link*/
ul.subnav li.active ul li.on {
	
}
ul.subnav li.active ul li.on a.on {
	color: #660033;
	background-image:  url(images/arr4.gif);
	background-repeat: no-repeat;
}
ul.subnav li.active ul li.on a.on:hover {
	color: #999999;
}*/
/*sub menu active link*/

/* subnav styles*/

/*layout styles*/
#wrapper {
	margin: 0px auto;
	width: 780px;
	text-align: left;
	padding: 0;
}

/* Top navigation ===== */

div.tnav {
	height: 28px;
	background-color: #333333;
	border-bottom: 1px solid #fff;
	width: 780px;
	text-align: left;
}
div.tnav_padding {
	padding: 5px 0px;
}

.tnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.tnav ul li {
	display: inline;
	color: #FFCC00; 
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	padding: 0 10px;
}

.tnav a {
	font-size: 12px;
	color: #fff;
	background-color: #333;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.tnav a:hover {
	color: #FDB826;
	background-color: #333;
	text-decoration: none;
}
.tnav a.active {
	font-size: 11px;
	color: #C770A2;
	background-color: #5C0E1C;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tnav a.active:hover {
	color: #fff;
	background-color: #5C0E1C;
	text-decoration: none;
}

#banner {
	width: 540px;
	text-align: left;
	margin: 0;
	padding: 0;
}
#htop {
	width: 540px;
	text-align: left;
	margin: 0;
	padding: 0;	
}

#sep {width: 780px; height: 10px; background-color: #FDB826; border-bottom: 1px solid #fff;}


img.title {position: absolute; left: 98px; top: 48px;}


#btm {width: 760px;
	background-color: #E9E9E9;
	margin-top: 14px;
	margin-left: 20px;
	text-align: left;
	font-size: 11px;
	font-family: arial, verdana;
	font-weight: bold;
	color: #FDB826;
	position: relative;
}

#btm a {
	color: #333333;
	text-decoration: none;
}
#btm a:hover {
	color: #FDB826;
	text-decoration: none;
}
#credit {
position: absolute;
right: 10px;
top: 0px;
}
#credit a {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
#credit a:hover {
	color: ##FDB826;
	text-decoration: none;
	font-weight: normal;
}
/*layout styles*/

/* content cell values ================================== */

/*breadcrumb styles*/

#breadcrumb {
	font-family: verdana, arial;
	font-size: 10px;
	color: #3E73DD;
	margin-bottom: 20px;
	text-align: left;
}
#breadcrumb a {
	color: #3E73DD;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #000;
	text-decoration: none;
}
/*breadcrumb styles*/



#content1 {
	background-color: #fff;
	width: 780px;
}

.text_area {
	padding: 15px 40px 20px 40px;
	text-align: left;
}

.text_area p, .text_area li, .text_area th, .text_area td, .text_area  {
	font-size: 11px;
	color: #333333;
	line-height: 140%;
}


.services_area { /* padding for services home page */
	padding: 15px 10px 20px 40px;
}



td#side {
	background-color: #DADADA;
	color: #000;
}
#side1 { padding: 25px 20px 5px 25px;}
#intro {
	font-size: 10px;	
	background-color: #DADADA;
	color: #000;
	text-align: justify;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 15px;
	line-height: 140%;
}

#ss {
	font-size: 10px;	
	background-color: #DADADA; color: #000;
	text-align: justify;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 15px;
	padding-top: 15px;
}

#news {
	font-size: 10px;	
	background-color: #DADADA;
	color: #000;
	text-align: left;
	PADDING-TOP: 15px;
	line-height: 140%;
}

#news a {
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
}

#news a:hover {
	color: #000;
}
.date {
	color: #666666;
}
td.main {
	background-image: url(images/main_bg.gif);
	background-repeat: repeat;
	background-color: #fff;
	color: #000000;
}
#hometext {
	padding: 40px 40px 20px 40px;
}
table.htext {
	width: 433px;
	padding: 0px;
	font-size: 10px;
	color: #000000;
	background-color: #fff;
}
table.htext a {
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
}
table.htext a:hover {
	color: #000;
}


table.services_table tr td {
	font-size: 10px;
	color: #000000;
	line-height: 130%;
	
}

table.services_table a {
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
}
table.services_table a:hover {
	color: #000;
}



/* Project listing page */

table.projects_list {
	margin-bottom: 10px;
}

table.projects_list tr td {
	border-bottom: 1px solid #fff;
}

tr.dark td {
	background-color: #E5E5E5;
}

tr.light td {
	background-color: #F2F2F2;
}

div.project_item {
	padding: 3px;
}

div.project_item p {
	font-weight: bold;
}

/* Project details page */

.text_area table.projects_details tr th {
	background-color: #7F7F7F;
	color: #FDB826;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
}

table.projects_details tr th, table.projects_details tr td {
	border-bottom: 1px solid #fff;
}

td.details_cell {
	padding: 5px 10px;
	background-color: #F2F2F2;
}


/*project listing*/
td.list {border-bottom: 1px solid #fff; padding: 3px;}
td.list a {text-decoration: none; font-weight: bold;}
td.list2 {border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 65px;}
p.back {margin-top: 10px;}
p.back a {font-weight: bold; text-decoration: none;}
p.back a:hover {font-weight: bold; text-decoration: underline;}

table.listing {background-color: #E5E5E5;text-decoration: none;}
table.listing td {border-bottom: 1px solid #fff; padding: 3px; border-right: 1px solid #fff; vertical-align: top; text-align: left;text-decoration: none; font-weight: bold;}
table.listing td a{text-decoration: none;}
/*project listing*/

/*project listing 2*/
table.listing2 {background-color: #fff;}
table.listing2 td { border-bottom: 1px solid #E5E5E5; padding: 3px; vertical-align: top; text-align: left; padding-top: 10px; padding-bottom: 10px;}
/*project listing 2*/

/*image caption*/
div#caption {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
	height: 21px;
	padding-left: 40px;
	padding-right: 10px;
}
div.cap {
	padding-top: 2px;
	font-size: 10px;
}
/*image caption*/