/* CSS Document */

body {
	padding: 0px;
	background: #1b191a url(../img/bg.gif) repeat-x left top;
	margin: 0px;
	}

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

a {text-decoration: underline;color: #028a9f;}
a:hover {text-decoration: underline;color: #01abc5;	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: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 16px;
	vertical-align: middle;
	margin: 0px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 40px;
}

#nav LI.hover {
	background-color: #de0000;
	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-image:url(../img/mainheader.jpg);
	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/txt-featured.gif) 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 #028a9f;
}
.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-image: url(../img/bullet.png);
	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;}


#SearchBox {margin: 0px; padding: 7px 0px 0px 9px; height: 28px; background:#0c4f5b;}
.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;
	}
	
#Partnership UL LI UL {
	margin:0;
	padding:0px;
	margin-left:22px;
	width:395px;
	float:left;
}

#Partnership UL LI UL LI {
	margin:0;
	padding-left:2px;
	width:128px;
	height:23px;
	line-height:2.5em;
	float:left;
	display: inline-block;
}

#Partnership UL LI UL LI a {
	margin:0;
	padding:0px;
	text-decoration:none;
	color: #555555;
	height:23px;
	line-height:2.5em;
	float:left;
	display: inline-block;
}

#Partnership UL LI UL LI a:hover {
	margin:0;
	padding:0px;
	height:23px;
	line-height:2.5em;
	float:left;
	display: inline-block;
	color:#089fa8;
}
	
#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 19px; padding: 0px; width: 190px;}
#rightpannel span {margin: 10px 0px 5px 0px; font: 1.4em/1.2em Trebuchet MS; color: #0f5b67; border-bottom: 1px dotted #0f5b67; width: 190px; display: block;}


#testimonials {margin: 0px 0px 15px 0px; padding: 0px; width: 190px; font: 1em/1.2em Trebuchet MS; color: #515151;}

#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 #FFFFFF;
	background-color: #FFFFFF;
}

#footerbox .inside {
	border: 5px solid #9d9d9d;
	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 10px 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 {
	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;
}

/* Services */
#services {padding: 0px; margin: 0px; font: 12px "Trebuchet MS"; color: #4d4d4d; cursor: default;}
#services ul {margin: 0px; padding:0px; list-style: none;}
#services li {float:left; border: 5px solid #caf0f8; width: 165px; height:300px; margin: 0px 10px 15px 0px; padding: 10px;}
#services li:hover {float:left; border: 5px solid #caf0f8; background: #caf0f8; margin: 0px 10px 15px 0px; padding: 10px;}
#services h1 {font: 20px "Trebuchet MS"; padding:0px; margin:0px;}
#services h2 {font: 26px "Trebuchet MS"; padding:0px; margin:0px; line-height: 20px;}
#services p {margin: 0px; padding: 10px 0px 10px 0px; font: 12px "Trebuchet MS";}
.webdesign {background:url(../img/services-bg.jpg) bottom right no-repeat;}
/* Services */

/* 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 */
.network-icons {
	height: 275px;
	overflow: hidden;
	padding-left:21px;
	text-align:left;
}
.facebook-footer{
	float:right;
	width:232px;
	clear:right;
	margin-top:43px;
	text-align:center;

}
#Footer .facebook-footer img {
	border:  none;
}

.site-map{float:left; width:500px;}
.site-map ul{}
.site-map ul li{ width:500px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none; line-height:1.5em;  background-image:url(../img/navigation-arrow.png); background-repeat:no-repeat; background-position:left top; padding-left:15px; margin:0px;}
.site-map ul li a{ padding-left:16px; text-decoration:none; color:#000}
.site-map ul li a:hover{ color:#fff; background-color:#000; padding-right:15px;}
.site-map ul li ul li{  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; padding:0px; margin:0px; float:right; width:475px; line-height:2.1em;}
.site-map ul li ul li a{ padding-left:35px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding-left:16px;}
.site-map ul li ul li a:hover{}