/* -------------------------------------
/*  html, body
/* -------------------------------------*/


html, body {
	margin:					0;
	padding:				0;
}

body {
	text-align:				left;
	width:					981px;
	margin:					0 auto;
	line-height:			1em;
	background:				#AAAAA9 url(../images/bg_main.jpg) repeat-x;
	color:					#555;
	font:					100% Verdana, Arial, Helvetica, sans-serif;
	

}


/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

img {
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}


/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:active, a:visited {
	color:					#3C6E8F;
	text-decoration:		none;
}

a:hover {
	color:					#3C6E8F;
	text-decoration:		none;
}

.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}

/* -------------------------------------
/*  Positioning and Size
/* -------------------------------------*/

#searchBox {
	text-align:				right;
	float:					right;
	font-size:				10px;
	padding-top:			6px;
	width:					230px;
	margin-bottom:			-10px;
	height:					32px;
}

.search_button {
	position:				relative;
	left:					5px;
	top:					-1px;
	float:					left;
}

.textfield {
	width:					170px;
	color:					#666;
	margin:					0;
	padding:				2px;
	font:					11px/11px Verdana, Arial, Helvetica, sans-serif;
	float:					left;
}

/*-------------------------------------
 	Header
---------------------------------------*/

#Top_Nav {
	text-align:				left;
	width:					981px;
	height:					96px;
	margin:					0;
	float:left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	background: #fff url(../images/top_nav.jpg) repeat-x;
	/*border-top:				#b3d3e4 solid 6px;*/
	
}
#Top_Nav .Logo {float:left; width: 330px; height:90px; padding-top:6px; padding-left:8px;
}
#Top_Nav ul.nav { width:245px; height:41px; float:right;}
#Top_Nav ul.nav li {
		float: left;
		list-style-image: none;
		padding: 18px 12px 21px 15px;
		}

#Top_Nav ul.nav li a, #Top_Nav ul.nav li a:visited { color:#8F653C; text-decoration:none;
background: url(../images/bullet.gif) no-repeat;
background-position: 0px 60%; padding-left:12px;
}

#Top_Nav ul.nav li a:hover, #Top_Nav ul.nav li a.current {
text-decoration:none;
	color:					#1a4278; }

/* NAV-MAIN
----------------------------------------------------------------------------- */
#nav-main {
	line-height: 19px;
    z-index: 100;
	text-align:left;
	top: 91px; 
	left: 0; 
	width: 981px; 
	}
#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
	}
#nav-main ul li {
	position: relative;
	float: left;
	margin: 0;
	}
#nav-main ul li a {
	display: block;
	height: 40px;
	text-indent: -10000px;
	text-decoration: none; 
	}
#nav-link-home { background : url(../images/home.gif) left top no-repeat; width: 79px; }
#nav-link-company { background: url(../images/company.gif) left top no-repeat; width: 157px; }
#nav-link-solution { background: url(../images/solution.gif) left top no-repeat; width: 93px; }
#nav-link-customer { background: url(../images/customer.gif) left top no-repeat; width: 107px; }
#nav-link-partner { background: url(../images/partner.gif) left top no-repeat; width: 87px; }
#nav-link-service { background: url(../images/service.gif) left top no-repeat; width: 91px; }
#nav-link-news { background: url(../images/news.gif) left top no-repeat; width: 117px; }
#nav-link-resource { background: url(../images/resource.gif) left top no-repeat; width: 140px; }
#nav-link-contact { background: url(../images/contact.gif) left top no-repeat; width: 110px; }
/* hover state */
#nav-main ul li.hover a,
#nav-main ul li:hover a,
#nav-main ul li a.hover, 
#nav-main ul li a:hover {
	background-position: 0 -40px;
	}
#nav-main ul li a.active,
#nav-main ul li a.active.hover, 
#nav-main ul li a.active:hover {
	background-position: 0 -80px;
	}
#nav-main ul li ul {
	display: none;
	height: auto;
	width: 157px;
	position: absolute;
	z-index: 200;
	background: #336888; 
	padding-bottom: 0px;
	background-image: url(../images/bg_dropdown.jpg);
	background-repeat:repeat-x;
	}
#nav-main ul li.hover ul,
#nav-main ul li:hover ul {
	display: block;
	}
#nav-main ul li ul li {
	float: none;
	width: 157px;
	margin: 0;
	padding: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom:#fff solid 1px;
	
	}
#nav-main ul li ul li.last-child {
	background-image: none; 
	}
#nav-main ul li ul li a {
	position: relative;
	left: 14px;
	height: auto;
	text-indent: 0;	
	padding: 2px; 
	color: #FFFFFF; 
	}
#nav-main ul li ul li a.hover, 
#nav-main ul li ul li a:hover {
	color: #B5E1FF;
	}
.header-image{background: #fff; width: 981px; height:185px; padding-top:10px; text-align:center }
.about{background: #fff url(../images/about-us.jpg) center  no-repeat; width: 981px; height:185px;  }

.about h1{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px; font-weight:bold; color:#455a62; padding:30px 10px 10px 35px;}

.about p{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; color:#555555; padding:0px 35px 10px 35px; line-height:18px;}

.mid{ width:981px; color: #555; background-color:#ffffff;}

.boxes{ width: 324px; float:left; padding:10px 20px 30px 20px; background-color:#ffffff;}
.boxes .head{ width: 324px; height:35px; background: url(../images/head-solutions2.jpg) center  no-repeat; margin-bottom:9px;}
.boxes .head2{ width: 324px; height:35px; background: url(../images/head-case-study2.jpg) center  no-repeat; margin-bottom:9px;}
.boxes .head3{ width: 324px; height:35px; background: url(../images/head-about2.jpg) center  no-repeat; margin-bottom:9px;}

p{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; color:#555; line-height:18px;}

strong{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; color:#266085; font-weight:bold;}


.right-box{ width: 210px; float:right; padding:10px 25px 10px 10px; background-color:#ffffff}
.right-box .head{ width: 210px; height:29px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:30px; font-weight:bold; font-size:14px; text-transform:capitalize; border:#bbbbbb solid 0px;text-align:center; padding:0px; padding-top:3px; background: url(../images/head-news.gif) center  no-repeat;}

.right-box .middle{ width: 210px; height:auto; color:#777992; font-size:11px; border-left:#bbbbbb solid 0px;border-right:#bbbbbb solid 0px;text-align:left; padding:0px; margin-left:0px; background: url(../images/news-colbg.gif) left  repeat-y;}

.right-box .middle .newscolbottom{ width: 210px; height:16px; background: url(../images/news-colbottom.gif); background-repeat:no-repeat; background-position:left;}

.right-box .middle p{padding:8px; font-size:10px}

.right-box .middle strong{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#648ea7; font-weight:bold;}

.right-box .middle a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#648ea7;}  
.right-box .middle a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#648ea7;}  
.right-box .middle a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#648ea7;}  
.right-box .middle a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#4795c3;}

.contentouter { 
width:941px; 
color: #555; 
background-color:#ffffff; 
padding:20px; 
padding-bottom:30px;
font-size:12px; 
}

.content { 
color: #555; 
background-color:#ffffff; 
padding-left:35px; 
margin-left:180px;
font-size:12px; 
line-height:1.4;
background-image:url(../images/bg_border.gif); 
background-repeat:repeat-y;
}

.content h1 {
font-family: Myriad Pro,Arial,sans-serif;
color:#8F653C;
font-size: 17px;
line-height: 1em;
text-decoration:none;
text-transform:uppercase;
padding-bottom: 14px;
}

.content h2 {
font-family: Myriad Pro,Arial,sans-serif;
color:#333333;
font-size: 14px;
line-height: 1em;
text-decoration:none;
padding-bottom: 10px;
}

.content h3 {
font-family: Myriad Pro,Arial,sans-serif;
color:#444444;
font-size: 13px;
line-height: 1em;
text-decoration:none;
padding-top:8px;
padding-bottom:15px;
margin-bottom:15px;
border-bottom: dotted 1px #999999;
}

.content ul {
list-style-type: none;
padding: 0;
margin: 10px 0 12px 8px;
}

.content ul li {
background-image: url(../images/bg_list1.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-bottom:8px;
padding-left:17px;
}

.thumb {
border:1px solid #DDDDDD;
float:left;
margin-right:15px;
margin-bottom:15px;
padding:3px;
}

.thumb1 {
border:1px solid #DDDDDD;
padding:3px;
}

.event {
padding:3px;
border:solid 1px #DDDDDD;
margin-bottom:4px;
margin-top:4px;
display:block;
}

.solutions {
padding:3px;
border:solid 1px #DDDDDD;
margin-left:20px;
margin-bottom:10px;
float:right;
}

.homesolutions {
padding:3px;
border:solid 1px #DDDDDD;
margin-right:8px;
margin-bottom:5px;
margin-top:5px;
float:left;
}

.custlogo {
padding:3px;
border:solid 1px #DDDDDD;
margin-right:15px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.content a:link, .content a:active {
color:#3C6E8F;
text-decoration:none;
border-bottom:dashed 1px #3C6E8F;
}

.content a:visited {
color:#666666;
text-decoration:none;
border-bottom:dashed 1px #666666;
}

.content a:hover {
color:#3C6E8F;
text-decoration:none;
border-bottom:none;
}

.leftnav {
float:left;
width:150px;
}

.leftnavtitle {
border-bottom:dotted 2px #BBA48E;
font-size: 15px;
margin-bottom:13px;
color:#8F653C;
padding-bottom:4px;
margin-top:-2px;
}

.leftnav a:link, .leftnav a:visited, .leftnav a:active {
text-decoration:none;
color:#444444;
}

.leftnav a.lefton {
font-weight:bold;
}

.leftnav a:hover {
text-decoration:none;
color:#3C6E8F;
}

.leftnav ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 0;
}

.leftnav ul li {
padding-bottom:9px;
}

.testimonial {
margin-top:5px;
margin-bottom:20px;
}

.quote {
font-style:italic;
display:block;
margin-top:4px;
margin-bottom:4px;
}

.quoter {
font-size:10px;
color:#999999;
}

ul.newslist li {
padding-bottom:16px;
}

.error {
color:#CC0000;
}

.sidebar { 
width: 210px; 
float:right; 
padding:0px 0px 10px 20px; 
background-color:#ffffff;
}

.smaller1 {
font-size:11px;
}

.content_noleft {
color: #555; 
background-color:#ffffff; 
padding-left:35px; 
font-size:12px; 
line-height:1.4;
}

.content_noleft h1 {
font-family: Myriad Pro,Arial,sans-serif;
color:#8F653C;
font-size: 17px;
line-height: 1em;
text-decoration:none;
text-transform:uppercase;
padding-bottom: 14px;
}


.sidebar .head{ width: 210px; height:29px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:30px; font-weight:bold; font-size:14px; text-transform:capitalize; border:#bbbbbb solid 0px;text-align:center; padding:0px; padding-top:3px; background: url(../images/head-news.gif) center  no-repeat;}

.sidebar .middle{ width: 210px; height:auto; color:#777992; font-size:11px; border-left:#bbbbbb solid 0px;border-right:#bbbbbb solid 0px;text-align:left; padding:0px; margin-left:0px; background: url(../images/news-colbg.gif) left  repeat-y;}

.sidebar .middle .newscolbottom{ width: 210px; height:16px; background: url(../images/news-colbottom.gif); background-repeat:no-repeat; background-position:left;}

.sidebar .middle p{padding:8px; font-size:10px}

.sidebar .middle strong{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#648ea7; font-weight:bold;}

.sidebar .middle a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#648ea7;}  
.sidebar .middle a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#648ea7;}  
.sidebar .middle a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#648ea7;}  
.sidebar .middle a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#4795c3;}



input.box {	
background:#F5F5F5 url(../images/bg_input.gif) left top no-repeat;
border:1px solid #bfbfbf;	
padding:2px;
padding-left:6px;
width:200px;
margin-bottom:14px;
margin-top:3px;
font-family: Verdana,arial, helvetica; 
font-size:8pt;
}

input.box:hover {
border:solid 1px #266085;
}

textarea.box {	
background:#F5F5F5 url(../images/bg_input.gif) left top no-repeat;
border:1px solid #bfbfbf;	
padding:2px;
padding-left:6px;
width:468px;
margin-bottom:14px;
margin-top:3px;
font-family: Verdana,arial, helvetica; 
font-size:8pt;
}

textarea.box:hover {
border:solid 1px #266085;
}


/*-------------------------------------
 	Copyright
---------------------------------------*/


#footer {
width:981px; height:65px;
background:#28363f;
	color:					#96b5c7;
	margin:				    0px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			18px;
	text-align:				center;
	padding-top:16px;
}


#footer a:link, #footer a:visited {
	color:					#96b5c7;
}
#footer a:hover {
	color:					#fff;
	text-decoration: none;
}

#footer span{ font-size:10px; color:#CCCCCC;}