/* CSS Document */

BODY {
	PADDING: 0px;
	BACKGROUND-POSITION: left top;
	BACKGROUND: url(../img/bg.gif);
	background-color: #1b191a;
	MARGIN: 0px;
	BACKGROUND-REPEAT: repeat-x;
	}

.bodyprojects { margin:0px; padding:0px; background:white;}

a {text-decoration: none;color: #B4C04B;}
a:hover {text-decoration: none;color: #454C50;	text-decoration: none;}
li{list-style-type: square; font: 1.1em arial; line-height: 15px; color: #686868;}


.ImgBorder {border: 5px Solid #dbcaa3;}
.ImgSpacing {padding: 5px;}

#pagelayout {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding: 0px;
	z-index: 1;
	background: url(../img/footer-bg.gif) repeat-x left bottom;
}

#pagecontainer { width:900px; margin:0 auto; position:relative;} 

#header {
	height: 73px;
	width: 900px;
	background-image: url(../img/headerbg.gif);
	text-align: left;
	vertical-align: bottom;
	display: block;
	clear:both;
	
}

#nav {
	margin: 15px 0px 0px;
	padding: 0px;
	float: right;
	height: 58px;
	width: 460px;
	text-align: left;
}

#nav UL {
	list-style-type: none;
	width: 460px;
	margin: 0px;
	padding: 0px;
	height: 58px;
}

#nav LI {
	list-style-type: none;
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-size: 14px;
	vertical-align: middle;
	margin: 0px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 40px;
}

#nav LI.hover {
	background-color: #B6C34D;
	cursor: auto;
	color: white;
	cursor:pointer;
}

#nav LI.seperator {
	background:none;
	list-style-type: none;
	float: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;

}

#logo {
	position: relative;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	float: left;
}

#partner {
	
	vertical-align: top;
	padding: 0px;
	padding-left: 10px;
	color: #9cb4b8;
	font-size: 10px;
}

#HeaderImg {
	margin: 0px;
	padding: 0px;
	height: 250px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	text-align: left;
	FONT: 2.1em/1.2em Trebuchet MS;
	padding: 20px 0px 0px 26px;
	
}

#HeaderImg P {
	font-size: 11px;
	line-height: 15px;
	}





.featured {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:11px;
	background:url(../img/recent_dis.jpg) no-repeat;
	padding-bottom:20px;
	margin: 0px 26px 0px 26px;
}
.featured a, .details a, .column-right .copy a {
	text-decoration:none;
/*	color:#606060; */
	border-bottom:1px solid #B4C04B;
}
.featured a:hover, .details a:hover, .column-right .copy a:hover {
/*	color:#a60000; */
	border-style:none;
}
.featured-1, .featured-2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width:280px;
	color:#555555;
	font-size:11px;
	line-height:18px;
	padding-bottom:30px;
	padding-left: 26px;
	padding-right: 26px;
}
.featured-1 {float:left;}
.featured-2 {float:right;}

.projects {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width:260px;
	color:#555555;
	font-size:11px;
	line-height:18px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 0px;
	padding-right: 30px;
}

.details {
	margin-top:8px;
	padding:4px 0;
	color:#c8c8c8;
	display:block;
}

#HomeBody {
	margin: 0 auto;
	font-size: 11px;
	height: 161px;
	width: 900px;
	background-image: url(../img/body-bg.jpg);
	text-align: left;
	color: #8e9091;
	clear: both;
	display: block;
}

#HomeBody UL {
	list-style-type: none;
	width: 875px;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;
}

#HomeBody LI {
	list-style-type: none;
	float: left;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 17px;
	width: 194px;
	height: 111px;
	background-repeat: no-repeat;
	background-position: 15px 5px;
	color: #95cad6;
}

#HomeBody LI.Seperator {
	margin: 0px;
	padding: 0px;
	width: 2px;
	border-left: 1px Solid #2ca5be;
}

#HomeBody H1 {
	font: 1.6em Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-indent: 35px;
	vertical-align: text-top;
	}

H2 {
	MARGIN: 0px; FONT: 2em Arial,Helvetica,sans-serif; COLOR: #001100;
}

.heading {MARGIN: 0px; FONT: 1.5em Arial,Helvetica,sans-serif; COLOR: #001100;}

H3 {
	font: 1em Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4e4e4e;
	padding: 0px;
	margin: 0px;
	clear: left;
	float: none;
	}
	
H4 {
	MARGIN: 0px; FONT: 1.6em Arial,Helvetica,sans-serif; COLOR: #424946;
}

#HomeBody p {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 13px;	
	}

#HomeBody a.link {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #028a9f;	
	}
	
#HomeBody a.link:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #01abc5;	
	text-decoration: none;
	}

#BodyArea {	margin: 1px 0px 0px 0px; padding: 0px;}
#BodyArea ul {  margin: 0px; padding: 0px;}
#BodyArea li { list-style-type: none; margin: 0px;	padding: 0px;}	
#BodyArea li.leftpannel { width: 666px; background: white;  float: left;}
#BodyArea li.rightpannel { width: 232px; float:right;}






#SearchBox1 {margin: 0px; padding: 7px 0px 0px 9px; height: 20px; background:#FFFFFF;}
#SearchBox {margin: 0px; padding: 7px 0px 0px 9px; height: 628px; background:#FFFFFF;}
.SearchInput {margin: 0px; padding: 2px; width:205px; font-size:8.5pt; border: 1px solid #000000;}
		
#Partnership {
	margin: 0px;
	padding: 25px;
	height: 125px;
	width: 850px;
	background-color: #FFFFFF;
	text-align: left;
	clear: both;
	display: block;
	border-top: 1px dotted #d2d2d2;
	}		

#Partnership UL {
	width: 850px;
	margin: 0px;
	padding: 0px;
}

#Partnership LI {
	list-style-type: none;
	float: left;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	width: 415px;
	height: 125px;
}

#Partnership LI.Seperator {
	margin: 0px;
	padding: 0px;
	width: 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #d1d1d1;
}


#Partnership p {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 16px;
	font-size: 1.1em;	
	color: #555555;
	}
	
#Footer {
	margin: 0 auto;
	padding: 0px;
/*	background-image: url(../img/footer-bg.gif); 
	background-repeat: repeat-x; */
	height: 248px;
	clear: both;
	}

#Footer .TextArea {
	margin: 0px;
	padding: 0px;
	padding-top: 50px;
	padding-left: 25px;
	padding-right: 25px;
	text-align:left;
	width: 850px;
	color: #737373;
	}

#Footer UL {
	margin: 0px;
	padding: 0px;
	}


#rightpannel {margin: 0px 0px 0px 2px; padding: 0px; width: 200px;}
#rightpannel span {margin: 10px 0px 5px 0px; FONT: 1.4em/1.2em Trebuchet MS; COLOR: #B4C04B; border-bottom: 1px dotted #B4C04B; width: 190px; display: block;}


#testimonials {margin: 0px 0px 150px 0px; padding: 0px; width: 190px; FONT: 1em/1.2em Trebuchet MS; COLOR: #c0c0c0;}

#testimonials div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background: none;
}

#footerbox {
	float: right;
	width: 227px;
	border: 1px solid #1B191A;
	background-color: #1B191A;
}

#footerbox .inside {
	border: 0px solid #1B191A;
	padding: 10px;
}

#Footer a {
	text-decoration: none;
	color: #737373;
	}

#Footer a:hover {
	text-decoration: underline;
	color: #a6a6a6;
	}
	
#InnerBody {
	display: table;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 870px;
	border-top-width: 10px;
	border-right-width: 15px;
	border-bottom-width: 0px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	text-align: left;
}

#InnerHeaderImg {
	height: 200px;
	width: 666px;
}


<!-- Right Menu -->

#rightpannel_inner {margin: 0px; padding: 0px; width: 232px; text-align:center;}

#RightNav {text-align: left; display:table;}
#RightNav ul {margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; width: 232px; display:table; background-color: #383838;}
#RightNav li {font: 12px Arial;	vertical-align: middle;	height: 32px; line-height: 32px; color: #98a79f; text-indent: 20px; cursor:pointer; width: 232px; }
#RightNav li.hover {background-color: #000000; background-image: url(../img/leftnav-bullet.gif); background-repeat: no-repeat;	background-position: left;	color: #FFFFFF;}
#RightNav li.seperator {background-color: #555f5a; padding: 0px; height: 1px; line-height: 0px; font-size: 0px; margin-top: 1px;margin-bottom: 1px;}

<!-- Right Menu -->

#content {font: 1em arial;}
.content {padding: 10px 20px 10px 20px;}

#breadcrumb {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d1d1d1;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1em;
	color: #666666;
	padding-bottom: 5px;
	clear: both;
	background-image: url(../img/breadcrumb-ico.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	text-indent: 25px;
}
#breadcrumb a {
	text-decoration: none;
	font-size: 1em;
	color: #666666;
}
#breadcrumb a:hover {
	text-decoration: underline;
}

#content p {
	font-size: 1.1em;
	line-height: 16px;
	color: #686868;
}

#clients {padding:0px; margin:0px;}
#clients li {float:left; padding:10px;}

#Group_Img {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;
	padding: 0px;
	border: 3px solid #e7e5e6;
	float: left;
	display: block;
}

#Group {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 0px;
	padding: 10px;
	border: 1px solid #e7e5e6;
	float: left;
	width: 250px;
	display: block;
}

#Group p {
	font: 11px arial;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 15px;	
}

#Group_Gray {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 0px;
	padding: 10px;
	border: 1px solid #e7e5e6;
	float: left;
	width: 250px;
	background-color: #f1f1f1;
}

#Group_Gray p {
	font: 11px arial;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 15px;	
}

#Group_Black {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 0px;
	padding: 10px;
	border: 1px solid #e7e5e6;
	float: left;
	width: 250px;
	background-color: black;
}

#Group_Black p {
	font: 11px arial;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 15px;	
}

#Group_Cream {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 0px;
	padding: 10px;
	border: 1px solid #e7e5e6;
	float: left;
	width: 250px;
	height: 175px;
	background-color: #fff9e6;
}

#Group_Cream p {
	font: 11px arial;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 15px;	
}

#Group_Brown {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 0px;
	padding: 10px;
	border: 1px solid #e7e5e6;
	float: left;
	width: 250px;
	height: 200px;
	background-color: #f5e9cc;
}

#Group_Brown p {
	font: 11px arial;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 15px;	
}

#MapBox {
	display: block;
	padding: 5px;
	float: right;
	border: 1px solid #CCCCCC;
}

#MsgBox {
	background-image: url(../img/msg-box.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 59px;
	width: 555px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-family: Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	line-height: 1.25em;
	vertical-align: middle;
}

#MsgBox a {
	color: #FFFFFF;
	font-style: normal;
}

#MsgBox a:hover {
	text-decoration: none;
	color: #FFFF00;
}

/* Tabing */
#tab {padding:0px; margin: 0px; font: 11px Tahoma, Trebuchet MS;}
#tab a {margin: 0px 3px 0px 0px; padding:5px 15px 5px 15px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background:#EEEEEE; display:block; text-decoration:none; color:black;}
#tab a:hover {background:white; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; color:#bf141c;}
#tab a:visited {background:white; color:#bf141c;}
#tab span {margin: 0px 3px 0px 0px; padding:5px 15px 5px 15px; background:white; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; color:#bf141c; display:block;}
/* Tabing */

/* Pageing */
#paging {font:12px Trebuchet MS; color:black; padding-right: 10px;}
#paging span {color: red; }
#paging a {margin: 0px; padding: 0px 5px 0px 5px; border: 1px solid #9eb0b3; text-decoration:none; color:black;}
#paging a:hover {background: #576b6f; color: white; }
#paging a:active {background: #576b6f; color: white;}
#lblTotal {color: #990000; font-weight:bold;}
/* Pageing */

/* Form Styles */
.textField, textarea, select, input { padding:5px; background:#ffffff url(../images/back-textfield.jpg) repeat-x left top; border:1px solid #ececec; color:#1c5d82; width: 350px; } 
select { width: 360px; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {border : 1px solid #333; background-color : #f6f6f6;}
.button, .button:hover, .button:focus { background:none; background-color:#bf141c; color:#fff; font-weight:bold; padding:3px; border-top:2px solid #f68d72; border-left:2px solid #f68d72; border-right:2px solid #ab4126; border-bottom:2px solid #ab4126; width:auto;} 
.required {font-size: 0.9em; color: #990000;}
/* Form Styles */