/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{ background:#efefef; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x;}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x #FFFFFF;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.red {color:#CC0000;}
html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#646464;}

h3{ font-family:Trebuchet MS, Helvetica, sans-serif; font-size:1.667em; line-height:1em; color:#49a9d0; font-weight:normal; padding-bottom:14px;}
h2{ font-family:Trebuchet MS, Helvetica, sans-serif; font-size:1.833em; line-height:1em; color:#40525a; padding-bottom:20px; text-transform:none;}


input, select { vertical-align:middle; font-weight:normal;}

a {color:#37a2d5;}
a:hover{text-decoration:none;}
p {padding-top:11px; font-size:0.9em;}
strong{ display:block; padding-bottom:11px; position:relative;}
.strong1{ color:#2b84ae; padding-bottom:17px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 33px 0 0; float:left;}
.phone{ float:right; padding-right:190px;}
.space1{ margin-left:66px;}
.space2{ margin-left:25px;}
.padding1{ padding-top:18px;  font-size:1.03em;}
.padding2{ padding-top:25px;}
.padding3{ padding-top:40px;}
.padding4{ padding-top:20px;}
.padding5{ padding-top:0px; font-size:12px;}


/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) right top no-repeat;}
#header .top{ width:100%; overflow:hidden; height:150px;}
#header .small-menu{ float:right; padding:130px 0px 0 0; font-weight:bold; font-size:1.1em;}
#header .small-menu li{ float:left; color:#979797; padding-left:15px;}
#header .small-menu a{ color:#FFFFFF; text-decoration:none; display:inline-block; margin-right:115px; cursor:text;}
#header .small-menu a:hover{ color:#FFFFFF;/*was#FCFCFC;*/ text-decoration:none; cursor:text;}
#header .logo{ padding:18px 0 0 72px/*was111px*/; float:left; margin-right:-3px;}
/*was #header .slogan{ float:left; padding-top: 88px; color:#CCCCCC; font-weight:bold; font-size:1.183em; letter-spacing:-1px;}*/
#header .slogan{ float:left; margin-top: -39px; padding-left: 180px; color:#CCCCCC; font-weight:bold; font-size:1.183em; letter-spacing:-1px;}
h1#branding {width: 185px; height: 3px; display:block; margin-left:-5000px;}
#header .menu{ width:100%; overflow:hidden; }
#header .menu ul{ align:center; padding:13px 0 0 37px !important /*Non-IE6*/;padding:0px 0 0 37px /*IE6*/;/*was87px;  13px 0 0 37px; was 87*/}
#header .menu li{ float:left; font-size:0.937em;/*11px 1.01em*//*0.917em*/ background:url(images/menu-border.gif) no-repeat 0 5px; padding-left:36px;}
#header .menu .first{ background:none;}
#header .menu a{ color:#ffffff; text-decoration:none; font-weight:bold; display:inline-block; margin-right:39px;}
#header .menu a:hover{ color:#a6a6a6;}
/*#header .menu a:active{ color:#00FF66;}*/
#header .menu a.active{ color: #ffffff/*was6699ff*/ /* #FFCC00 #6699FF #525995 CC9900*/; text-decoration:underline;}

#body_home #nav_home a, #body_serv #nav_serv a, #body_serv01 #nav_serv a, #body_serv02 #nav_serv a, #body_serv03 #nav_serv a, #body_serv04 #nav_serv a, #body_serv05 #nav_serv a, #body_serv06 #nav_serv a, #body_serv07 #nav_serv a, #body_serv08 #nav_serv a, #body_serv09 #nav_serv a, #body_serv10 #nav_serv a, #body_serv11 #nav_serv a, #body_serv12 #nav_serv a, #body_serv13 #nav_serv a, #body_serv14 #nav_serv a, #body_serv15 #nav_serv a, #body_serv16 #nav_serv a, #body_serv17 #nav_serv a, #body_serv18 #nav_serv a, #body_serv19 #nav_serv a, #body_serv20 #nav_serv a, #body_serv21 #nav_serv a,  #body_serv22 #nav_serv a, #body_about #nav_about a, #body_about01 #nav_about a, #body_about02 #nav_about a, #body_about03 #nav_about a, #body_about04 #nav_about a, #body_projects #nav_projects a, #body_careers #nav_careers a, #body_resources #nav_resources a, #body_contact #nav_contact a  { color: #ffffff; text-decoration:underline;}
/* ============================= content ====================== */
#content{ padding:35px 111px 0 90px;/*was 106 */}
/* wider decrease right by 100 #content{ padding:3px 11px 0 106px;}*/
.top-border{ background:url(images/content-top-tail.gif) top repeat-x #ffffff; width:100%;}
.left-border{ background:url(images/content-left-tail.gif) left repeat-y;}
.right-border{ background:url(images/content-right-tail.gif) right repeat-y;}
.bot-border{ background:url(images/content-bot-tail.gif) bottom repeat-x;}
.left-top{ background:url(images/content-corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(images/content-corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(images/content-corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(images/content-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{ padding:12px 12px 24px 12px;}
.indent1{ padding:10px 0px 0 16px;}

.title{ margin-bottom:-14px;}
.title2{ margin:0 0 -14px -13px; }
.title2 img{ position:relative}
.unline{ background:url(images/line.gif) bottom repeat-x; padding-bottom:33px; margin-bottom:8px; font-size:1.123em;}
.unline2{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:18px; margin-bottom:11px;}

.link{ display:inline-block; font-weight:bold; margin-top:15px; color:#2b84ae;}

.box-menu{ width:100%; overflow:hidden; padding-top:25px; height:27px;}
.box-menu li{ float:left; margin-right:2px; background:#ffffff;}
.box-menu a{ display:inline-block; background:url(images/box-menu-tail.gif) top repeat-x; color:#646464; font-size:0.917em; text-transform:uppercase; text-decoration:none; font-weight:bold; cursor:pointer; width:111px; position:relative;}
.box-menu a span{ display:block; background:url(images/box-menu-left-bg.gif) left top no-repeat; width:100%; position:relative;}
.box-menu a span span{ background:url(images/box-menu-right-bg.gif) right top no-repeat; padding:6px 0 2px 0; text-align:center; border-bottom:solid 1px #d5d5d5;}
.box-menu a:hover span span, .box-menu .active span span{ border-bottom:solid 1px #ffffff;}

.box{ background:url(images/box-top-tail.gif) top repeat-x #f7f7f7; width:100%; margin-top:-1px}
.box .left-border{ background:url(images/box-left-tail.gif) left repeat-y;}
.box .right-border{ background:url(images/box-right-tail.gif) right repeat-y;}
.box .bot-border{ background:url(images/box-bot-tail.gif) bottom repeat-x;}
.box .top-border{ background:url(images/box-corner-left-top.gif) left top no-repeat;}
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box .indent{ padding:27px 5px 26px 28px;}
.box .nul a {color:#37a2d5; text-decoration:none; cursor:text;}
.box .nul a:hover {color:#37a2d5; text-decoration:none; cursor:text;}

.list{ margin:-6px 0 -5px 0; position:relative;}
.list li{ line-height:2.167em; background:url(images/list-marker.gif) no-repeat 0 11px; padding-left:12px;}
.list2{ margin:-6px 0 -5px 0; position:relative;}
.list2 li{ line-height:2.167em; background:url(images/list-marker.gif) no-repeat 0 11px; padding-left:14px; font-size:0.95em;}
/*======================== side navigation ===========================*/
.sidenav{ margin:-6px 0 -5px 0; position:relative; background:#efefef;}
.sidenav li{ line-height:2.467em; background:url(images/list-marker.gif) no-repeat 0 11px; padding-left:12px;}
/*from site design 02*/
.wrapper {
	width: 100%;
	overflow: hidden;
}
.box-subnav {
	margin: 0 0 19px 0;
}
.box-subnav h3 {
	padding: 0 0 20px 4px;
	height: 37px;
	overflow: hidden;
	line-height: 34px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px/*1em*/;
	color: #fff;
}
.box-subnav .border-top {
	background: #fff url(images/border-top.gif) repeat-x 0% 0%;
}
.box-subnav .border-bot {
	background: url(images/border-bot.gif) repeat-x 0% 100%;
}
.box-subnav .border-left {
	background: url(images/border-left.gif) repeat-y 0% 0%;
}
.box-subnav .border-right {
	background: url(images/border-right.gif) repeat-y 100% 0%;
}
.box-subnav .corner-top-left {
	background: url(images/corner-top-left.gif) no-repeat 0% 0%;
}
.box-subnav .corner-top-right {
	background: url(images/corner-top-right.gif) no-repeat 100% 0%;
}
.box-subnav .corner-bot-left {
	background: url(images/corner-bot-left.gif) no-repeat 0% 100%;
}
.box-subnav .corner-bot-right {
	background: url(images/corner-bot-right.gif) no-repeat 100% 100%;
	width: 100%;
}
.box-subnav .box-subnav-indent {
	/*was in site 02 padding: 4px 30px 30px 32px;*/
	padding: 4px 4px 30px 24px;
}
.box-subnav .box-subnav-indent1 {
	padding: 4px 15px 12px 32px;
}
.list-1 {
	padding: 0 0 0 1px;
}
.list-1 li {
	line-height: 2.482em; /*was 2.182*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px/*0.917*/em;
	color: #575858;
	border-bottom: 1px solid #e3e3e3;
}
.list-1 li a {
	text-decoration: none;
	color: #575858;
}
.list-1 li a:hover {
	color: #CC0000; font-weight:bold;
}
.list-1 li.extra {
	border: none;
}
.list-1 li.act a {
	color: #CC0000; font-weight:bold;
}

/* you are here services subnav */
#body_serv #subnav00 a, #body_serv01 #subnav01 a, #body_serv02 #subnav02 a, #body_serv03 #subnav03 a, #body_serv04 #subnav04 a, #body_serv05 #subnav05 a, #body_serv06 #subnav06 a, #body_serv07 #subnav07 a, #body_serv08 #subnav08 a, #body_serv09 #subnav09 a, #body_serv10 #subnav10 a, #body_serv11 #subnav11 a, #body_serv12 #subnav12 a, #body_serv13 #subnav13 a, #body_serv14 #subnav14 a, #body_serv15 #subnav15 a, #body_serv16 #subnav16 a, #body_serv17 #subnav17 a, #body_serv18 #subnav18 a, #body_serv19 #subnav19 a, #body_serv20 #subnav20 a, #body_serv21 #subnav21 a, #body_serv22 #subnav22 a {
	color: #CC0000; font-weight:bold;
}

/* you are here about subnav */
#body_about #subnav00 a, #body_about01 #subnav01 a, #body_about02 #subnav02 a, #body_about03 #subnav03 a, #body_about04 #subnav04 a, #body_about05 #subnav05 a {
	color: #CC0000; font-weight:bold;
}

/*================================ other =============*/
.partners{ padding-bottom:15px;}

/* ============================= footer ====================== */
#footer{ color:#2a4959; font-size:0.947em; margin-right:120px;}
#footer .text{ padding:21px 0 0 111px;  text-align:center;}
#footer .textmenu{ padding:21px 0 0 106px; text-align:center;}
#footer .textmenu a{color:#2a4959; font-size:0.977em; margin-left:5px; margin-right:5px;}
#footer a{ color:#2a4959; font-size:0.947em; margin-left:5px; margin-right:5px;}
#footer span{ text-transform:uppercase; font-weight:bold; font-size:0.947em;}


/* ============================= forms ============================= */
#ContactForm{ position:relative; font-weight:bold; color:#2b84ae;}
#ContactForm label{ display:block; height:51px;}
#ContactForm input{ border:solid 1px #d7e4ed; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:5px 0 5px 3px; width:235px; margin-top:4px;}
#ContactForm textarea{ border:solid 1px #d7e4ed; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:4px 0 4px 3px; width:235px; height:163px; overflow:auto; margin-top:4px;}
#ContactForm .link{ margin:18px 26px 0 2px ;}

