html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
img {
	border-style: none;
}

ul {
	padding: 0px;
	margin: 0 0 20px 20px;
	list-style: square;
	}


/*
	background: #ffffff url(images/001-bg-top.jpg) repeat-x top;
	z-index: -100;

*/	
	
body {
/*	background: url(images/00_top_bg.jpg) repeat-x top; */
/*	background-color: #248df7;  */
    color: #2a2d2e;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
	background: #ffffff url(images/01_bg_top.jpg) repeat-x top;

}

p.left{
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: left;
}

p{
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: justify;
}

h1 {
	color: #000000;
	font-size: 24px;
	font-style:italic;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: 2px;
}

h2 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
/*	border-bottom: 1px solid #939FB7;    */
	padding-bottom: 5px;
}

h3 {
	border-bottom: 0px dashed #f7725b;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	}	

h4 {
	border-bottom: 2px dashed #f7725b;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	}	
*/	
a,  a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000444;
	text-decoration: underline;
}
a:focus {
	color: #13399D;
}
a:active {
	color: #13399D;
}
#outerWrapper {
	margin: 0 auto 0px;
	text-align: left;
	width: 960px;
	background: #fff url(images/00_content_bg.jpg) repeat-y left 13px;
}
#outerWrapper #header {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 0px 0px;
	height: 220px;
	background: url(images/00_header_bg.jpg) no-repeat left top;
/*	background: #ffffff url(images/01_bg_top.jpg) repeat-x top;   */

	
}



	
/*------------------------------------------------------*/
/*  ---------------- begin header text ---------------  */

div.site_info{
	position: relative;
	text-align: left;
	font-weight: bold;
	font-style:italic;
	padding:5px 0px 0px 35px;
	margin-left: 0px;
	font-size: 12px;
	color: #ffffff;
}
div.header_slogan{
	position: absolute;
	text-align: left;
	font-weight:bold;
	line-height:25px;
	font-size:22px;
	font-style:italic;
	width:440px;
	top: 60px;
	left: 310px;
}
div.header_trademark{
	position: absolute;
	text-align: left;
	font-size:10px;
	font-style:italic;
	width:10px;
	top: 74px;
	left: 730px;
}
div.header_slogan_sub{
	position: absolute;
	text-align: left;
	font-weight:bold;
	line-height:18px;
	font-size:16px;
	font-style:italic;
	width:315px;
	top: 91px;
	left: 330px;
}

div.header_address{
	position: absolute;
	text-align:left;
	width:auto;
	top: 135px;
	left: 310px;
	line-height:14px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
div.header_phone{
	position: absolute;
	text-align:left;
	width:130px;
	top: 132px;
	left: 530px;
	line-height:20px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

div.header_email{
	position: absolute;
	text-align:left;
	width:260px;
	top: 145px;
	left: 680px;
	font-size: 14px;
	font-weight: bold;
}


div.facebook_icon{
	position: absolute;
	text-align: center;
	top: 16px;
	left: 826px;
}
div.twitter_icon{
	position: absolute;
	text-align: center;
	top: 5px;
	left: 765px;
}
div.bbb_icon{
	position: absolute;
	text-align: center;
	top: 17px;
	left: 874px;
}



/*  ----------------- end header text ----------------  */
/*------------------------------------------------------*/





/*  ----------------------- begin main menu ---------------------  */

#outer {margin:169px 0px 0px 20px; width:930px; height:160px; background:url(filters.jpg) no-repeat right bottom; position:relative;}
.pad1 {width:66px; height:25px; background:#e0e1d1; float:left; margin:3px 3px 0px 0px; border:0px solid #000000;}
.pad2 {width:66px; height:25px; background:#e0e1d1; float:left; margin-top:3px; border:0px solid #000000;}

.topline {width:848px; height:3px; border:1px solid #000000; background:#ffffff; font-size:1px;}

/*  space between buttons  */
#menu {list-style-type:none; padding:0; margin:0px 0 0 0px;}

#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#cccccc; margin:3px 3px 0 0; border:1px solid #000; width:128px; height:auto;}
#menu li.sub {background:#ffffff;}
#menu li.atrest {background:#f2583e; border:0px;}

/* for IE5.5 and IE6 only */

#menu li a {display:block; color:#000000; height:auto; font-family:arial, sans-serif; font-size:11px; padding:6px 0px; line-height:12px; width:128px; text-decoration:none; text-align:center;}
#menu li a table {position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;}

#menu :hover {color:#ffffff; background:#f2583e; position:relative;}
#menu :hover > a {color:#ffffff; background:#f7725b;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;}

#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:128px; left:-1px;top:auto; background:url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:100px; top:0;}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {visibility:visible; overflow:visible; height:auto; width:28px; padding:9px 3px; left:-106px; top:0;}


/*  ----------------------- end main menu ---------------------  */





/* ----- Form ----- */
form{
	margin: 35px 0 0 0;
	padding: 0px;
	text-align: right;	
}

label {
	margin: 0 10px;
}

input{
	width: 150px;
	height: 15px;
	color: #aabdd0;
	border: 1px solid #686f76;
}

.button{
	clear: both;
	display: block;
	color: #333333;
	text-align:center;
	font-weight: bold;
	background: #cccccc;
	padding:4px 30px;
	border: 1px solid #999999;
	cursor: pointer;
}
/* End of Form */

.more_button a {
	clear: both;
	display: block;
	width: 140px;
	height: 18px;
	margin: 0px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: #79b5f3;
	border: 1px solid #ffffff;
}


#banner_homepage {
	width: 500px;
	height: 170px;
	font-size: 14px;
	padding: 30px 390px 0 50px;
	background:#99ccff url(images/00_banner_homepage.jpg) no-repeat top right;
}

#banner_careerpage {
	width: 840px;

	font-size: 14px;
	padding: 30px 50px 0 50px;

}

#site_banner h1 {
	font-size: 2.5em;
	margin-bottom: 10px;
}


#site_services {
	width: 895px;
	height: 272px;
	padding-left: 45px;
	margin-bottom: 25px;
	background: url(images/00_site_services_top.jpg) repeat-x top;
}

.service_box {
	float: left;
	width: 230px;
	height: 265px;
	padding: 0px 15px 10px 15px;
	margin-right: 35px;
	background: url(images/00_service_box.png) no-repeat;
}

.service_box_1 {
	float: left;
	width: 500px;
	height: 260px;
	padding: 10px 15px 10px 15px;
	margin-right: 45px;
/*	background: url(images/00_service_box.png) no-repeat;   */
}

.service_box p{
	padding-bottom: 5px;
}

.service_box img{
	margin: 20px 0px 5px 0px;
	padding-top:0px;
	padding-bottom: 0px;	
	border: 2px solid #0000ff;
}





/* --------------------------------------------------------------- */
/* ------------------------ begin news section ------------------- */

#temp_newssection {
	clear: both;
	float: left;
	width: 900px;
	margin: 0 0 25px 50px;
}

* html #temp_newssection {
	clear: both;
	float: left;
	width: 900px;
	margin: 0 0 25px 25px;
}

.newsbox {
	float: left;
	width: 250px;
	margin-right: 50px;
}

/* ----------------------- end of news section ------------------- */
/* --------------------------------------------------------------- */







/* ----------------------- products section ----------------------- */


#products_services {
	clear: both;
	width: 890px;
	height:290px;
	padding: 0px 0px 5px 50px;
	margin-bottom: 10px;
/*	background: url(images/00_site_services_top.jpg) repeat-x top; */
}

.products_title {
	float: left;
	width:840px;
	height: 30px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 50px;
	color: #000000;
	font-size: 22px;
	font-style:italic;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: 2px;	
	border-top: 1px solid #cccccc;
}

.products_box {
	float: left;
	width: 160px;
	height: 265px;
	padding: 10px 15px 5px 15px;
	margin: 0px 25px 10px 0px;	
	border: 1px solid #cccccc;
	background: url(images/00_service_box1.png) repeat-x bottom;
}

.products_box_sm {
	float: left;
	width: 218px;
	height: 275px;
	padding: 10px 15px 5px 15px;
	margin: 0px 45px 10px 0px;	
	border: 1px solid #cccccc;
	background: url(images/00_service_box1.png) repeat-x bottom;
}

.products_box p{
	padding-bottom: 5px;
}

.products_box img{
	margin-top:10px;
	padding:3px;
	border: 0px solid #666666;
}


/* ------------------------------ end of products section ------------------------- */




/* Light Blue Row */
#site_light_blue_row {
	clear: both;
	float: left;	
	width: 890px;
	padding: 25px 0 25px 50px;
	background: #8dc3fa;
	border-top: 5px solid #336699;
}

.site_gallery {
	float: left;
	width: 420px;
	margin-right: 20px;
}

.site_partners {
	float: left;
	width: 400px;
}

.gp_row {
	width: 400px;
	height:125px;
	margin-bottom: 10px;
}

.gp_row img{
	float: left;
	margin: 3px 10px 20px 0px;
	border: 1px solid #333333;
}

.gp_row p{
	color: #000000;
}

/* end of Light Blue Row */





/*----------------------------------------------------------------*/
/*------------------ begin  graybox information ------------------*/

#outline_graybox {
	clear: both;
	float: left;
	width: 790px;
	padding: 25px;
	margin: 20px 50px 15px 50px;
	border: 1px solid #CCCCCC
}


.site_fullgraybox_none {
	clear: both;
	float: left;
	width: 790px;
	padding: 25px;
	margin: 20px 50px 15px 50px;
	border: 0px solid #CCCCCC
}


.site_fullgraybox {
	clear: both;
	float: left;
	width: 790px;
	padding: 25px;
	margin: 20px 50px 15px 50px;
	border: 1px solid #CCCCCC
}

* html .site_fullgraybox {
	clear: both;
	float: left;
	width: 680px;
	padding: 25px;
	margin: 50px 50px 25px 25px;
	border: 1px solid #CCCCCC
}

.site_fullgraybox img{
	float: left;
	margin: 3px 20px 0 0px;
	border: 0px solid #000000;
}

.site_fullgraybox ul {
	margin: 10px 0 0 0px;
	padding: 0 0 0 20px;
}

.site_fullgraybox li {
	list-style: inside;
	padding: 0 0 5px 0;
	background: url(images/listicon.gif) center left no-repeat;
}

/*------------------ end of graybox information ------------------*/
/*----------------------------------------------------------------*/

		


/*----------------------------------------------------------------*/
/*------------------ begin  whitebox information ------------------*/

.site_fullwhitebox {
	clear: both;
	float: left;
	width: 820px;
	padding: 0px;
	margin: 20px 50px 15px 50px;
	border: 0px solid #CCCCCC
}

* html .site_fullwhitebox {
	clear: both;
	float: left;
	width: 680px;
	padding: 25px;
	margin: 50px 50px 25px 25px;
	border: 1px solid #CCCCCC
}

.site_fullwhitebox img{
	float: left;
	margin: 3px 20px 0 0px;
	padding: 20px;
	border: 1px solid #CCCCCC;
}

.site_fullwhitebox ul {
	margin: 10px 0 0 0px;
	padding: 0 0 0 20px;
}

.site_fullwhitebox li {
	list-style: inside;
	padding: 0 0 5px 0;
	background: url(images/listicon.gif) center left no-repeat;
}

/*------------------ end of whitebox information ------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/


/* ----------------------- begin staff column -------------------- */

#banner_staffpage {
	width: 540px;
	height: 130px;
	text-align:left;
	font-size: 14px;
	padding: 30px 350px 0 50px;
	background:#99ccff url(images/00_banner_staffepage.jpg) no-repeat top right;
}


#staff_column_row {
	clear: both;
	float: left;	
	width: 890px;
	padding: 25px 0 25px 50px;
	background: #;
	border-top: 2px solid #98cafc;
	border-bottom: 1px solid #98cafc;

}

.staff_gallery {
	float: left;
	width: 600px;
	margin-right: 30px;
}

.staff_partners {
	float: left;
	width: 400px;
}

.staff_row {
	width: 600px;
	height:210px;
	margin-bottom: 10px;
}

.staff_row img{
	float: left;
	margin: 3px 10px 0 0;
	padding:3px;
	border: 1px solid #000000;
}

.staff_row p{
	color: #000000;
	margin-left:200px;
	margin-top:5px;
	border-top: 1px solid #000000;
}


.staff_name {
	text-align:center;
	font-size:22px;
	font-stretch:5px;
	font-weight:bold;
	color:#f30;
	padding:0px 0px 0px 0px;
	margin-bottom:7px;	
}


.staff_title {
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#000000;
	margin-bottom:7px;
	padding:5px 0px 10px 0px;
	border-bottom: 1px solid #000000;
}


/* ------------------------ end staff column --------------------- */
/* --------------------------------------------------------------- */



#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
	padding: 5px 0px 0px 0px;;
	background: url(images/00_footer_bg.jpg) no-repeat left top;
	height: 115px;
	color: #666666;
	text-align: center;
}

#outerWrapper #contentWrapper {
	padding-right: 10px;
	padding-left: 10px;

}


.fltlft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fltrt {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#content ul li {
	margin-bottom: 5px;
}
#content blockquote {
	border-left: 5px solid #BAC2D1;
	margin-left: 15px;
	background: #ECEEF2;
	padding: 5px 10px;
	margin-right: 15px;
}

#content blockquote blockquote {
	background: #F8F9FA;
}



#footer a, #footer a:hover, #footer a:visited, #footer a:active {
	color: #000000;
}
#credit {
	text-align: center;
	background: #2E3645;
	color: #576682;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
	color: #576682;
}