* { margin:0; padding:0;}
body { background:#b7c7cf; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#000;}
#wrap {margin:0px; padding:0px 0px 20px 0px; background:url(images/tail-bottom.gif) top left repeat-x; width:100%;}
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

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

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}
.home-head{ color: #1E79A9;	font-weight: bold; font-size:12px; margin:0px; padding:0px; }

p { margin:0; padding:0;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #dee8ed; height:auto;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x; height:auto;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

form .buttons { text-align:right; margin-top:24px;}
form .buttons .link2 a { margin-left:24px;}
.form { height:42px;}
.form label, .form1 label { display:block; font-weight:bold;}
.form input {width:264px; padding:2px 0 2px 3px; background:#fff; border:1px solid #7b8f99;}
textarea { width:268px; height:101px; overflow:auto; background:#fff; border:1px solid #7b8f99; padding:2px 0 0 3px; }


/*==================list====================*/
ul { list-style:none;}

.site-nav { width:100%; overflow:hidden;}
.site-nav li { font-size:1.08em; float:left; display:inline; padding-left:1px; color:#fff; font-weight:bold; background:url(images/divider.gif) no-repeat left center; margin-left:-1px;}
.site-nav li a { text-decoration:none; color:#fff; width:159px; padding:15px 0 15px; display:block; text-align:center;}
.site-nav li a.act { background:url(images/nav-act.gif) no-repeat left top;}
.site-nav li a:hover { background:url(images/nav-act.gif) no-repeat left top;}

.list { margin:-14px 0 16px 0;}
.list li { color:#000101; background:url(images/marker-1.gif) no-repeat left 20px; padding:14px 0 0 13px;}
.list li a { color:#000101; text-decoration:none;}
.list li a:hover { text-decoration:underline;}

.list1 { width:100%; overflow:hidden; margin-top:-18px;}
.list1 li { background:url(images/divider2.gif) repeat-x top; margin-top:-1px; line-height:1.5em; padding:18px 0 18px 0;}
.list1 li a { color:#fff; font-weight:bold;}
.list1 li span { background:url(images/marker-2.gif) no-repeat left 3px; padding-left:16px;}
.list1 li b { display:block; margin-top:4px;}
.list1 li p { margin-top:8px;}

/*==================other====================*/
.img-box img { margin-bottom:25px; display:block;}

.img-indent { margin:0 20px 0 0; float:left;}
.img-box1 { width:100%; overflow:hidden; padding-bottom:0px;}
.img-box1 img { float:left; margin:3px 20px 0 0;}

.img-box2 { width:900px; overflow:hidden; padding-bottom:20px; padding-left:10px; float:left; margin-right:3px; }
.img-box2 img { float:left; margin:3px 20px 0 0;}


.p1 { margin-bottom:25px;}
.p2 { margin-bottom:15px;}

.phone { float:right; margin-right:210px;}


/*==================txt, links, lines, titles====================*/
a {color:#1e79a9;}
a:hover{text-decoration:none;}

h3 { color:#000101; font-size:1em; margin-bottom:20px; line-height:1.5em;}
h3.icon-1 { background:url(images/icon-2.gif) no-repeat left top; padding:4px 0 5px 33px;}
h3.icon-2 { background:url(images/icon-3.gif) no-repeat left top; padding:4px 0 5px 33px;}
h3.icon-3 { background:url(images/icon-4.gif) no-repeat left top; padding:4px 0 5px 33px;}
h3.icon-join { background:url(images/icon-2.gif) no-repeat left top; padding:4px 0 5px 33px;}
h3.icon-map { background:url(images/icon-2.gif) no-repeat left top; padding:1px 0 5px 33px;}
h4 { color:#fff; font-size:1em; margin-bottom:11px;}
h4 a { color:#fff;}
h5 { color:#000101; font-size:1em; line-height:1.5em;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#000; line-height:.92em;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:7px 32px 10px 20px; font-style:normal;}

.link2 { color:#000;}
.link2 a { font-weight:bold; color:#000; margin-right:8px;}

.title { margin-bottom:23px;}


/*==================boxes====================*/
.header-box { width:100%; height:319px; background:url(images/header-box-tail.gif) repeat-x top;}
.header-box .inner { padding:3px 0 5px 0;}

.box { background:#fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top; width:100%;}
.box h3.icon-1, .box h3.icon-2, .box h3.icon-3 {font-size:1.08em; margin-bottom:24px;} 
.box .list { margin:-8px 0 16px 0;}
.box .list li { background:url(images/marker-1.gif) no-repeat left 14px; padding:8px 0 0 13px;}
.box .link2 { color:#1e79a9;}
.box .link2 a { color:#1e79a9;}
.box .inner { padding:7px 30px 12px 21px;}

.inner2 { padding:7px 10px 12px 10px; }
.inner_quote { padding:7px 5px 12px 15px; }

.box1 { background:#a3b8c1; width:100%;}
.box1 .border-top {background:url(images/border-top1.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border1.gif) repeat-y left; min-height:178px; height:auto !important; height:178px;}
.box1 .border-right {background:url(images/border1.gif) repeat-y right;}
.box1 .rss { margin:0 0 0 12px;}
.box1 .rss img { margin-top:-1px;}
.box1 .link2 { color:#fff;}
.box1 .link2 a { color:#fff;}
.box1 .inner { padding:30px 27px 43px 21px;}


/*header*/
/*#header .row-1 { width:100%; overflow:hidden; height:115px;}*/
#header .row-1 { width:100%; overflow:hidden; height:115px;}
/*#header .row-1 .fleft { padding-top:44px;}*/
#header .row-1 .fleft { padding-top:0px;}
#header .row-1 .fright {
	padding-top: 36px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 0;
}
#header .row-1 .fright span { color:#7d919c; text-transform:uppercase; font-size:.92em; padding:0 0 0 28px;}
#header .row-2 { height:65px;}
#header .slogan { margin-bottom:20px;}

/*content*/
#content {
	margin:0px;
}
#content p {line-height:1.5em;}
#content .indent { padding-bottom:10px;}
#content .indent1 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#content .indent2 { padding:40px 0 0 21px;}
#content .indent3 { padding:20px 0 30px 0;}

/*footer*/
.footer { width:100%; font-size:9px;}
a.footerlink { color:#000000; font-size:11px; text-decoration:none; }
a.footerlink:hover { color:#2a80a1; font-size:11px; text-decoration:underline; }
a.footerlink:active { text-decoration:none; }
a.footerlink:visited { text-decoration:none; }

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

/* TABS */

#tabs {
	font-size: 90%;
	margin-left:17px;
	background: #E3FEFA;
	
}

#tabs ul {
	float: right;
	background: #E3FEFA;
	width: 477px;
	padding-top: 4px;
}
	
#tabs li {
	margin-right: 8px;
	list-style: none;
}
	
* html #tabs li {
	display: inline; /* ie6 double float margin bug */
}
		
#tabs li,
#tabs li a {
	float: left;
}
	
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #0073BF;
	font-weight: bold;
	
}
	
#tabs ul li.active {
	background: #CEE1EF url(img/nav-right.gif) no-repeat right top;
}
	
#tabs ul li.active a {
	background:  url(img/nav-left.gif) no-repeat left top;
	color: #333333;
}
	
#tabs div {
	background: #CEE1EF;
	clear: both;
	padding: 20px;
	min-height: 200px;
}
	
#tabs div h3 {
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
	
#tabs div p {
	line-height: 150%;
	}

.quote_box { 
	font-weight:bold;
	text-align:left;
	width:100%;
	margin-bottom:5px;
	margin-top:5px;
}	
.quote_box_filed { 
	text-align:left;
	width:100%;
}		

.quote_text_filed {
	width:270px;
	border:#669999 solid 1px;
	background-color:#b6cbd4;
	height:22px;
	font-size:15px;
}	

.quote_text_area {
	width:270px;
	border:#669999 solid 1px;
	background-color:#b6cbd4;
	height:100px;
	font-size:15px;
}	

.join_box { 
	font-weight:bold;
	text-align:left;
	width:150px;
	margin:0px 3px 0px 4xp;
	float:left;
	height:22px;
	vertical-align:middle;
}	
.join_box_2 { 
	font-weight:bold;
	text-align:left;
	width:2px;;
	margin:0px 3px 0px 4xp;
	float:left;
	height:22px;
	
}	
.join_box_filed { 
	text-align:left;
	width:150px;
	margin:0px 3px 0px 5px;
	float:left;
	height:20px;
}	
.join_text_filed {
	width:150px;
	border:#669999 solid 1px;
	background-color:#b6cbd4;
	font-size:12px;
	height:20px;
}	

.join_list_box {
	width:152px;
	border:#669999 solid 1px;
	background-color:#b6cbd4;
	font-size:12px;
	height:20px;
}	

.port_box {
	width:179px;
	float:left; 
	height:280px;
	margin-left:40px;
}	
.port_box2 {
	width:179px; 
	float:left; 
	margin-left:40px; 
	height:200px;
}
.port_head_box {
	width:179px; 
	float:left; 
	padding:0px 0px 0px 15px; 
	font-weight:bold;
	color:#0066cc;
	
}

.port_img_box {
	float:left; 
	height:200px; 
	width:183px; 
	padding:25px 0px 5px 0px;  
	background:url(images/portfolio-top.gif) top no-repeat;
}

.port_img_inner {
	width:100%; 
	height:240px; 
	border-left:#ADADAD solid 1px; 
	padding:0px 0px 5px 10px;
}

.scripts {
	width:100%; 
	margin-top:5px; 
	color:#0066CC; 
	font-weight:bold;
}

.port_desc {
	width:100%;
}

.case_study {
	width:100%;
	margin-top:13px;
	}
a.cstudy { color:#CC0033; text-decoration:none;}
a.cstudy:hover { color:#0033FF; text-decoration:none;}
a.cstudy:active {text-decoration:none;}
a.cstudy:visited {text-decoration:none;}

.port_clear {
	clear:both; 
	width:183px;
	height:5px;
}

.img_st {
	border:#999999 solid 1px;
}	
.img_st:hover {
	border:silver solid 1px;
}	

a.port_head_link {
	font-family:Arial, Helvetica, sans-serif;
	color:#0066CC; 
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}	
a.port_head_link:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#0066CC; 
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
a.port_head_link:active {
	text-decoration:none;
}
a.port_head_link:visited {	
	text-decoration:none;
}	

.download {
	font-weight:bold;
	color:#FF6600;
}


	
/* SLIDER STYLES */
#slider {
    width: 466px; /* important to be same as image width */
    height: 311px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:left;
}
#sliderContent {
    width: 466px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	
} 
#sliderContent li {
		padding-right:10px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 466px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
	
}
.top {
	top: 0;
	left: 0;
	
}
.bottom {
	bottom: 0;
    left: 0;
	
	
}
ul { list-style-type: none;}	

.applications { width:73%; float:left; margin-left:20px; margin-top:8px; }
.applications span { color:#0066CC; font-weight:bold; }
.applications p { border:none;}
.applications ul{ margin-left:10px; margin-top:5px; }
.applications li { margin-left:10px; list-style-type:square; margin-top:5px;}

#sitemap {width:450px; height:auto; padding-left:50px; float:left; }
#sitemap p {color:#0066CC; 	font-weight:bold; }
#sitemap p a{color:#0066CC; font-weight:bold; text-decoration:none; }
#sitemap p a:hover{text-decoration:underline; color:#000; }
#sitemap ul{padding:0px 0px 0px 5px; }
#sitemap li {background:url(images/bullet4.gif) center left no-repeat; padding:0px 0px 0px 10px; margin-left:5px;}
#sitemap ul li span a{text-decoration:none; color:#000;  font-weight:bold;}
#sitemap ul li span a:hover{text-decoration:underline; color:#0000FF;}
#sitemap ul li a{text-decoration:none; color:#000;}
#sitemap ul li a:hover{text-decoration:underline; color:#0000FF;}

#career { }
#career p span {font-weight:bold; color:#0066CC; }