/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; color: #1d1d1d; font-size: 12px; width: 100%;  text-align: center; min-width:950px; margin: 0 auto;
    /*--Fixes Background Bug--background-image:url(images/bg_blue.png); height:125px; background-repeat:repeat-x;*/ background-image:url(images/bg.png); background-color:#f1f1f1;}

#bgTop	{ background-image:url(images/bg_blue.png); width:100%;   background-repeat:repeat-x; margin: 0 auto;}
		
p 	{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333; line-height:1.2em; text-align:left;}

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

h1 { margin:0 0 0 0;}
h2 { margin:0 auto; font-weight:normal; font-size: 13px;}
h3 { margin:0 auto; font-weight:normal; font-size: 13px; }
h4 { margin:0 auto; font-weight:normal;}

#logo { float: left; width:650px; height:59px; padding-top:8px; margin-left:234px;}
#logo h1{ width:458px; height:59px; float:left; text-align:center;  background-image:url(images/logo.png); background-repeat: no-repeat;}
#logo h1 a { display: block; color: #CC0000; margin:0; padding: 0; text-align:center; text-indent: -9000px; text-decoration: none; width: 458px; height: 59px;}
#logo h1 a:hover { display: block; color: #990000; margin:0; padding: 0; text-align:center; text-indent: -9000px; text-decoration: none;}

#site-logo {
	margin: 0 auto;
	/*position: absolute;*/
	padding-top:8px;
}

#pagewrap {
	width: 925px;
	margin: 0 auto;
}

#header {
	height: 100px;
	margin: 0 auto;
}
.homeNav	{float:left; width:30px; padding-top:25px; padding-left:15px; padding-right:10px; clear:both;}
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	width: 570px;
	padding-top:20px;
	float:left;
	display:inline;
	font-size:14px;
	font-family: "Century Gothic", Arial;
}

#main-nav li {
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	padding-right:40px;
}

#main-nav a {
	line-height:100%;
	font-weight: bold;
	color: #fff;
	/*display: block;*/
	text-align:center;
	text-decoration: none;
}
#main-nav a:hover {
	color: #c3c3c3;
	/*background: #474747;
	 gradient 
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);*/
}

.banner	{padding-top:2px; }


/* START DROPDWON MENU */
#menu {
	list-style:none;
	width:600px;
	padding-top:25px;
	float:left;
	display:inline;
	font-size:14px;
	font-family: "Century Gothic", Arial;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients 
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	*/
	/* Borders 
	
	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;*/
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 16px 4px 3px;
	/*
	margin-right:30px;
	*/
	margin-top:7px;
	border:none;
	z-index:3;
}

#menu li:hover {
/*
	border: 1px solid #777777;
	*/
	padding: 4px 16px 4px 3px;
	
	/* Background color and gradients */
	/*
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	*/
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
/*
	font-family:"Myriad Pro";
	*/
	font-family: "Century Gothic", Arial;	
	font-weight: bold;
	font-style: normal;
	font-size:15px; 
	color: #cccccc;
	display:block;
	outline:0;
	text-decoration:none;
	/*
	text-shadow: 1px 1px 1px #000;
	*/
}

@font-face {
    font-family: 'MyriadPro-Regular';
	src: url('MyriadPro-Regular.eot');
	src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),	
		 url('MyriadPro-Regular.woff') format('woff'), 
		 url('MyriadPro-Regular.ttf') format('truetype'), 
		 url('MyriadPro-Regular.svg') format('svg');	
	font-weight: normal;
	font-style: normal;
}

#menu li:hover a {
	color:#ffffff;
	/*
	text-shadow: 1px 1px 1px #ffffff;
	*/
}
#menu li .drop {
	padding-right:21px;
	background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;

	/**/border:2px solid #115c84;
	border-top:none;
	
	background:#ffffff;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	/*background: -moz-linear-gradient( top, #ffffff, #ff8000);
	 Gradient background background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	*/
	/* Rounded Corners 
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	*/
}

.dropdown_1column {width: 120px;}
.dropdown_2columns {width: 310px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 250px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 8px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:400px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:250px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

#menu li:hover .align_right {

	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}

#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}

#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#094c71;
}

#menu li:hover div a:hover {
	color:#029feb;
}

.strong {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:180px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

.bannerInside	{float:left; display:inline;z-index:1; background-image:url(images/bgInside.jpg); background-repeat:no-repeat; width:945px; height:400px;}
.imgBanner	{float:left; width:665px; height:294px;}
.rghtMenu	{float:left; display:inline; width:250px; padding-left:28px;}

.subMenu {
	width						: 250px;
	margin						: 12px 0 0 0;
	font-size					: 13px;
	text-align					: left;
	float						: right;
	display						: inline;
	}
	
ul		{
	list-style-type			: none;
	padding					: 0;
	margin					: 0;
	}
	
.subMenu  li a {
	height						: 25px;
  	height						: 20px;
	text-decoration				: none;
	}	
	
.subMenu li a:link, .subMenu li a:visited {
	color						: #434245;
	display						: block;
	background					: url(images/lineRghtMenu.png);
	padding						: 3px 0 0 0;
	text-decoration				: none;
	}
	
.subMenu li a:hover {
	color						: #ff7700;
	/*background					: url(images/lineRghtMenu.png 0 -26px;*/
	padding						: 3px 0 0 0;
	
	}
/* END DROPDWON MENU */




/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
   /* background:url(images/slider.png) no-repeat;*/
    width:922px;
    height:393px;
    margin:0 auto;
	z-index:1;

}

#slider {
	position:relative;
    width:922px;
    height:392px;
    
	background:url(images/loading.gif) no-repeat 50% 50%;
	z-index:1;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:1;
}
#slider a {
	border:0;
	display:block;
	z-index:1;
}

.nivo-controlNav {
	position:absolute;
	left:800px;
	bottom:12px;
	z-index:1000;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	z-index:1;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
	z-index:1;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	/*background: #fff;*/
	width: 925px;
	float: left;
}
.contentInside	{ width:892px; margin:0 auto;}
.headerImage	{float:left; width:892px; height:243px;}
.headerImageAbout	{float:left; width:892px; height:243px; background-image:url(images/header_about.jpg); background-repeat:no-repeat;}
.headerImageNews	{float:left; width:892px; height:243px; background-image:url(images/header_news.jpg); background-repeat:no-repeat;}
.headerImageLatest {float:left; width:892px; height:243px; background-image:url(images/header_latest_update.jpg); background-repeat:no-repeat;}
.headerImageContact {float:left; width:892px; height:243px; background-image:url(images/header_contact.jpg); background-repeat:no-repeat;}
.headerImageservicesUOC {float:left; width:892px; height:243px; background-image:url(images/header_services_uoc.jpg); background-repeat:no-repeat;}
.headerImageservicesULS {float:left; width:892px; height:243px; background-image:url(images/header_services_uls.jpg); background-repeat:no-repeat;}
.headerImageservicesRP {float:left; width:892px; height:243px; background-image:url(images/header_services_rp.jpg); background-repeat:no-repeat;}
.headerImageservicesBP {float:left; width:892px; height:243px; background-image:url(images/header_services_bp.jpg); background-repeat:no-repeat;}



.titleHeader	{float:right; margin-top:182px; font-family:"Century Gothic"; font-size:20px; color:#FFF; margin-right:20px;}

/*--------------- BREADCRUMB START ---------------*/
.breadcrumb{
	font-size					: 14px;
	width						: auto;
	height						: 17px;
	margin						: 0px;
	color						: #ffffff;
	padding						: 0 20px 0 0;	
	text-align					: left;
	float						: left;
	background-color			: #9e0039;
}
	
.breadcrumb a{
	background					: transparent url(images/breadcrumb.gif) no-repeat center right;
	text-decoration				: none;
	padding-right				: 9px; /*adjust bullet image padding*/
	color						: #ffffff;
	background-color			: #0e6ca2;
	height						: 17px;
	padding-bottom				: 1px;
	padding-left				: 8px;
}

.breadcrumb a:visited, .breadcrumb a:active{
	color						: #ffffff;
	background-color			: #0e6ca2;
	height						: 17px;
	padding-bottom				: 1px;
}

.breadcrumb a:hover{
	color						: #ff7700;
	text-decoration				: underline;
	height:17px;
	padding-bottom:1px;
}
.plusColor	{background-color:#9e00392; padding-bottom:1px;}
/*--------------- BREADCRUMB END ---------------*/
.leftMenuBox	{float:left; width:265px;}
/* .linkSubMenu	{float:left; padding-left:10px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; width:190px;} */
.linkSubMenu a	{float:left; padding-left:10px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; width:190px; text-decoration:none;}

.linkSubmenuIcon	{float:left; padding-left:10px; padding-top:8px; display:inline; width:14px; }
.contentAll	{float:left; width:892px; clear:both; margin-top:35px;}

.subMenuAccor	{float:left;  width:233px; clear:both;  margin-bottom:5px; margin-left:3px; }
#navSublist {padding-left: 1px; margin-left: 0; width:225px; float:left; text-align:left; clear:both; }
#navSublist li {margin:5px 0 0 10px; float:left; text-align:left; clear:both; width: 200px; /*list-style-image:url(images/arowIcon02.png);*/}
#navSublist li a {text-decoration: none; float:left; text-align:left; width: 200px; background: url(images/lineRghtMenu.png); background-repeat:no-repeat; padding : 3px 0 0 0; }
.linkLeftMenu {color:#686868;  font-size:13px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; width:233px; }
a.linkLeftMenu {color:#686868;  font-size:13px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.linkLeftMenu:hover  { color: #000000;  font-size:13px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.linkLeftMenu:active  { color: #000000;  font-size:13px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrappers {
	width:233px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 233px;
	height:30px;
	float: left;
	text-align:left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #a09d9d;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	}
	
.accordionContent {	
	width: 233px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #f2f2f2;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #b2b2b2;
	}
	
.over {
	background: #CCCCCC;
	}



.thumBoxImg	{float:left; clear:both; width:925px; padding-top:20px;}
.boxThumb	{float:left; width:212px;  margin-left:10px;}
.titleMenu	{ float:left; text-align:left; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#003366; font-style:italic;}
.boxImg	{float:left; clear:both;}
.textItem	{float:left; clear:both; text-align:left; padding-top:5px; color:#666666;}
.linkReadMore	{float:left; clear:both; padding-top:5px;}
.linkMore {color:#a80038;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.linkMore {color:#a80038;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.linkMore:hover  { color: #0880af;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration:underline; }
a.linkMore:active  { color: #0880af;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration:underline; }
.lineBts	{float:left; margin:0 5px 0 5px;}




#video_thumb{ width:671px; height:149px; background-image: url(images/thumb-video.png); margin:auto;}
#videodrop{width:143px; height:29px; background-image: url(images/drop_vd.jpg); display:block; float:right;}
a.vid_thumb{ width:190px; height:137px; display:block; float:left;}
#videos{ width:100%; height:161px; background-image: url(images/video-bg.jpg); padding-top:12px;}
#down_menu{ width:881px; height:30px; margin:auto; padding-top:20px; float:left; clear:both;}
/*=======Start Accordion========*/
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  clear:both;
}

.AccordionTitle
{
width:143px; height:29px;
 margin-left:900px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-weight:bold;
  display:table-cell;
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
}

.AccordionContainer
{
  background-image:  url(images/video-bg.jpg);
  overflow:none;
  background-repeat:repeat-x;
  width:100%;
  margin-top:5px;
}
/*=======End Accordion========*/

.footer	{ background-image:url(images/footer.jpg); background-repeat:repeat-x; height:138px;}
.footerMenu	{ width:925px; margin:0 auto; height:88px;}
.footerWrap	{float:left; width:270px; height:88px; padding-top:7px; margin-left:20px;}
.footerWrap02	{float:left; width:135px; height:88px; padding-top:7px; margin-left:20px;}
.footerWrap03	{float:left; width:115px; height:88px; padding-top:7px; margin-left:20px;}
.footerTitle	{float:left; width:270px; height:15px; text-align:left; font-size:11px; font-weight:bold; color:#666666;}
.footerTitle02	{float:left; width:135px; height:15px; text-align:left; font-size:11px; font-weight:bold; color:#666666;}
.footerTitle03	{float:left; width:115px; height:15px; text-align:left; font-size:11px; font-weight:bold; color:#666666;}
.footerSubmenu	{float:left; width:135px; height:58px;}
.footerLine	{float:left; width:3px; height:88px; display:inline;}
.logoLite	{width:28px; float:left; margin-top:60px;}

#navlist {padding-left: 0; margin-left: 10px; width: 130px; float:left; text-align:left;  font-size:11px;  color:#666666;}
#navlist li { list-style-image:url(images/list.png);  margin:0; padding-top: 0.2em; float:left; text-align:left; clear:both; width: 130px;}
#navlist li a { text-decoration: none; float:left; text-align:left; width: 130px; }
.navlistLink {color:#666666;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.navlisLink {color:#666666;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.navlistLink:hover  { color: #0880af;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }
a.navlistLink:active  { color: #0880af;  font-size:11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; }

#search	{float:left; display:inline; width:235px; padding-top:9px; padding-left:35px;}
#searchBox	{ width:235px; height:25px; float:left; display:inline; }
.srch	{ float:left; }
.fieldSrc	{ float:left; display:inline;}
.buttSrc	{ float:left; display:inline; }
input.src {border: none; background: #b0cada; width: 165px; height:17px; font:12px "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;}


.copyright	{ width:925px; margin:0 auto; float:left; clear:both; width:925px; margin-top:20px; color:#FFF; font-size:11px; font-weight:bold;}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


.contentRght	{float:left; width:600px; display:inline; margin-left:25px;}
.titleContrght	{ font-family:Georgia, "Times New Roman", Times, serif;  font-size:40px; text-align:left; color:#333333; font-style:italic;}
.newsBox	{ float:left; width:600px; clear:both; margin-top:10px;}
.dateNews	{float:left; text-align:left; width:530px; color:#fb0014;}
.newsBoxTxt	{float:left; width:600px; clear:both; margin-top:10px; margin-bottom:30px;}
.imgNews	{float:left; width:93px;}
.newsText	{float:left; width:490px; display:inline; margin-left:10px;}
.titleNews	{float:left; width:490px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#0a689e; text-align:left; font-style:italic;}
.textNewsDet p	{float:left; width:500px; clear:both; text-align:left; margin-top:10px; font-size:15px; color:#333333;}

.textNewsDetail	{float:left; width:600px; clear:both; text-align:justify; margin-top:10px; font-size:15px; color:#333333;}

.buttReadMore	{float:left; width:500px; margin-top:15px; clear:both; text-align:left;}
.lineDot	{  background-repeat:repeat-x; width:600px; float:left; clear:both; margin-top:20px; margin-bottom:10px; border-style:dotted; border-bottom-width:2px; border-color:#626262;}
.lineGrey	{ background-image:url(images/lineGrey.jpg); background-repeat:repeat-x; width:600px; float:left; clear:both; margin-top:40px; margin-bottom:30px;}
.postBy	{float:left; text-align:left; width:530px; color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:15px;}
.titleHotNews	{float:left; padding-top:10px; padding-bottom:5px; font-size:15px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; width:600px; text-align:left; font-style:italic;}
.boxHotNews	{float:left; padding-top:10px; padding-bottom:5px;  width:600px;  }
.hotNews	{float:left; padding-top:10px; padding-bottom:50px; width:600px;}
.dateHn	{float:left; padding-top:10px;  font-size:12px; color:#fb0014; font-family:Arial, Helvetica, sans-serif; width:600px; text-align:left;}
.titleHn	{float:left;   font-size:15px; color:#004784; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; width:600px; text-align:left;}
.navNews {color:#004784;  font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration: none; }
a.navNews {color:#004784;  font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration: none; }
a.navNews:hover  { color: #0880af;  font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:underline; }
a.navNews:active  { color: #0880af;  font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration: underline; }
.testimoniBox	{float:left; width:450px; clear:both; margin-top:10px; margin-left:30px;}
.buttonWrite	{padding-top:30px; float:left; margin-left:65px;}
.boxTestimoni	{float:left; width:450px; clear:both;}
.boxTestimoniInside	{float:left; width:450px; margin-top:30px; margin-left:30px;}
.bubleIcon	{float:left; width:24px; padding-top:2px;}
.titleItemTestimoni	{float:left; width:405px; margin-left:10px; display:inline; text-align:left; }
.linkTestimoni {color:#006ec1;  font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration: none; }
a.linkTestimoni {color:#006ec1;  font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration: none; }
a.linkTestimoni:hover  { color: #073d5c;  font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:underline; }
a.linkTestimoni:active  { color: #073d5c;  font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration: underline; }


.dateTestimoni	{float:left; clear:both;  width:400px; margin-top:5px; margin-left:35px; text-align:left; color:#898989;}
.textTestimoni	{float:left; clear:both;  width:400px; margin-top:5px; margin-left:35px; text-align:left; font-size:15px; color:#333333;}
.bottomBoxTestimoni	{float:left; clear:both;  width:400px; margin-top:5px; margin-left:35px; text-align:left; padding-top:15px;}
.boxIconSocmed	{float:left; width:190px; margin-top:25px;}

.boxNameTetimoni	{float:left; width:205px; display:inline; text-align:right;}
.nameTestimoni	{text-align:right; font-family:Georgia, 'Times New Roman', Times, serif; color:#333333; font-size:20px; font-style:italic;}
.jobName	{text-align:right; clear:both; font-size:15px; color:#fb0014; width:205px;}
.lineTestimoni	{float:left; width:385px; height:3px; clear:both; margin-left:70px; margin-top:15px; margin-bottom:15px; border-style:dotted; border-bottom-width:1px; border-color:#626262;}

/* START PAGINATION */
#paginationBox	{
	width:385px;
	clear:both;
	float:left;
	padding-top:10px;
}
.pages {
	list-style: none;
	padding: 0; margin: 0;
	overflow: auto;
}
.pages li {
	float: left;
	margin-right: 2px;
}
.pages li a {
	display: block;
	padding: 1px 5px;
	border: solid 1px #c0002d;
	color: #0077a7;
}
.pages li a:hover {
	background: #c0002d;
	color: white;
	text-decoration: none;
}
.pages .prev-off, .pages .next-off {
	border: solid 1px black;
	padding: 1px 5px;
}
.pages .active {
	padding: 2px 5px 1px 5px;
	font-weight: bold;
}

/* page navigation */
		.page-navigation{
		font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
		color:#424242; text-align:right;
		font-size: 100%; /* Resets 1em to 12px */

		display:block; float:right; clear:both; overflow:hidden;
		margin:0; padding:0.5em 0;
		}
			.page-navigation a, .page-navigation a:visited, .page-navigation span {color:#0048b4;padding:0 4px; text-decoration:none;}
			.page-navigation a:hover {text-decoration:underline;}
			
			.page-navigation a.previous, .page-navigation a.previous:visited, .page-navigation span.previous{
				padding:0 4px 0 16px;
			}
			.page-navigation a.next, .page-navigation a.next:visited, .page-navigation span.next{
				padding:0 16px 0 4px;
			}

/* END PAGINATION */

.locateOilBox	{ float:left; width:590px; clear:both; margin-top:20px; margin-left:10px;}
.textLocate	{ width:228px; float:left; font-size:15px; font-weight:bold; color:#333333; margin-top:5px;}
.textinput, .textinputHovered {
	width:259px;
	height:31px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:0px 8px;
}
.textinputHovered {background-position:left bottom;}
.buttonGo	{ float:left; margin-left:10px;}
.formOil	{ width:259px; float:left; display:inline; margin-left:5px;}

.boxAddress	{width:560px; float:left; font-size:20px;  color:#333333; margin-top:45px; margin-left:10px; text-align:left; padding-bottom:20px;}
.locateMapText	{float:left; display:inline; margin-top:20px; margin-left:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:21px; color:#333333; font-weight:bold ;}
.leftOfficeBox	{float:left; width:265px;}
.textOffice	{ float:left; text-align:left; color:#333333; width:265px; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
.textFactoryDet	{float:left; width:590px; clear:both; text-align:left; margin-top:10px; font-size:15px; color:#333333;}

.titleFieldContact	{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; text-align:left; color:#333333; clear:both;}
.formContact	{ width:600px; float:left; clear:both; text-align:left;}
.textinput02, .textinput02Hovered {
	width:582px;
	height:34px;
	background:url(images/input02.gif) no-repeat left top;
	border:none;
	float:left;
	margin-top:5px;
	margin-bottom:30px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; padding-left:5px;
}
.textinput02Hovered {background-position:left bottom;}

.textinput03, .textinput02Hovered {
	width:110px;
	height:29px;
	background:url(images/input03.gif) no-repeat left top;
	border:none;
	float:left;
	margin-top:5px;
	margin-bottom:30px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; padding-left:5px;
}
.textinput03Hovered {background-position:left bottom;}

.textarea, .textareaHovered {
	width:582px;
	height:223px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:0px 8px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; padding-left:5px; padding-top:5px;
}
.textareaHovered {
	background-position:left bottom;
}

.contactButtBox	{ width:590px; float:left; clear:both; text-align:left; padding-top:20px; margin-bottom:50px;}
.verText	{float:left; width:120px; padding-top:12px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333; width:126px; font-style:italic;}
.formInputContact	{float:left; width:110px; margin-left:10px;}
.codVer	{float:left; width:133px; margin-left:10px; margin-top:5px;}
.refresh	{float:left; width:27px; margin-left:10px;  margin-top:5px;}
.submitButt	{float:left; width:129px; margin-left:10px;  margin-top:5px;}
.readMoreLite	{float:left; clear:both; width:400px; margin-top:15px; margin-left:35px; text-align:left;}

/* START POP UP FORM */
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
margin:0 auto;
padding-top:40px;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background-color:#ffffff;
width:446px;
height:597px;
z-index: 9002;
-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}

.textinput04, .textinput04Hovered {
	width:281px;
	height:24px;
	background:url(images/input04.gif) no-repeat left top;
	border:none;
	float:left;
	margin-top:5px;
	margin-bottom:30px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; padding-left:5px;
}
.textinput04Hovered {background-position:left bottom;}

.textinput05, .textinput05Hovered {
	width:395px;
	height:24px;
	background:url(images/input05.gif) no-repeat left top;
	border:none;
	float:left;
	margin-top:5px;
	margin-bottom:30px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; padding-left:5px;
}
.textinput05Hovered {background-position:left bottom;}

.textarea02, .textare02aHovered {
	width:395px;
	height:213px;
	background:url(images/textarea02.gif) no-repeat left top;
	border:none;
	padding:0px 8px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; padding-left:5px; padding-top:5px;
}
.textarea02Hovered {
	background-position:left bottom;
}
.titleWriteTesti	{float:left; width:415px; height:25px; clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; color:#333333; text-align:right; margin-bottom:10px;}
.clikMe 	{float:left; width:415px; height:25px; margin-top:10px; margin-bottom:5px; margin-left:200px;}
.boxField	{float:left; width:415px; height:25px; clear:both; margin-bottom:15px;}
.boxField02	{float:left; width:415px; height:25px; clear:both; margin-bottom:10px; margin-top:180px;}
.boxField03	{float:left; width:415px; height:25px; clear:both; }
.titleField	{float:left; width:100px; height:25px; margin-top:12px; text-align:left; margin-left:20px; font-size:14px; color:#333333;}
.fieldTestimoni	{float:left; display:inline; width:281px; height:25px; margin-left:14px;}

.textinput06, .textinput06Hovered {
	width:110px;
	height:29px;
	background:url(images/input03.gif) no-repeat left top;
	border:none;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; padding-left:5px;
}
.textinput06Hovered {background-position:left bottom;}

/* END POP UP FORM */

.titleTestiDet	{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:30px; text-align:left; color:#006ec1;}
.codeTesti	{float:left; margin-left:30px; padding-top:5px;}
.reload	{float:left; margin-left:10px; display:inline; margin-top:3px;}
.writeTheCode	{float:left; margin-left:30px; padding-top:5px;}
.boxBottomInput	{float:left; margin-left:30px; clear:both; width:395px;}
.butSubmitLite	{float:left; display:inline; margin-top:5px; margin-left:170px;}

.navLang	ul{ width:220px; list-style: none; padding-top:10px; margin-left:38px; float: left;}
.navLang	li { position:relative; display:inline; padding-right:13px; float:left;}
.navLang	li a { 
	font-weight: normal;
	font-style: normal;
font-size:12px; color:#FFFFFF; outline:0; text-decoration:none; float:left; }
.navLang li:hover a { color:#06283c; text-decoration:none; }

.textAward p	{width:180px; float:left; clear:both; text-align:center; font-size:15px; color:#333333;}
.awardBox	{width:190px; float:left; display:inline; margin-left:10px; margin-bottom:20px;}
.awardImg	{width:180px; height:264px; margin:0 auto;}


/*Selects*/
.selectArea {
	width:255px;
	height:34px;
	background: url(images/select_bg.gif) repeat-x left top;
	text-align:left;
}
.selectArea .left {
	width:9px;
	height:34px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:37px;
	height:34px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:200px;
	margin-left:5px;
	margin-right:20px;
	color:#000000;
	padding-top:9px;	
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:10px;
	margin-left:3px;
	width:228px;
	background:#e4e4e4;
	padding:8px;
	font-size:13px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#000000;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #e4e4e4;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
    src: url('gothic-webfont.eot');
    src: url('gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothic-webfont.woff') format('woff'),
         url('gothic-webfont.ttf') format('truetype'),
         url('gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	
	sans-serif; font-size:13px;
}
.optionsDivVisible a:hover {
	color:#000000;
	background:#ff5b3a;
	/*
	border-color:#cfd0d6;
	*/
}
/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}



/*---------------------------------------

	LEAN MODAL

-----------------------------------------*/

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/*---------------------------------------

	EXAMPLES

-----------------------------------------*/

#signup {

     width: 450px;
     padding-bottom: 2px;
     display:none;
     background: #FFF;
     border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
     box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#test p { color: #666; text-shadow: none; }

#signup-header { background: url(images/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

#signup-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }
#signup .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

#signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
#signup .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input.good_input { background: #DEF5E1 url(/img/good.png) 236px center no-repeat; }
#signup .txt-fld input.error_input { background: #FDE0E0; }

button {
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
  width: auto;
  overflow: visible;
  font-size: 1.4em;
  color: #FFF;
 padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);}
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(images/modal_close.png); z-index: 2; }


.linkShowLocate {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:21px; color:#333333; font-weight:bold ; text-decoration: none; }
a.linkShowLocate  {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:21px; color:#333333; font-weight:bold ; text-decoration: none; }
a.linkShowLocate:hover  { color: #073d5c; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:21px;  font-weight:bold ; text-decoration:underline; }
a.linkShowLocate:active  { color: #073d5c;  font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:21px; font-weight:bold ; text-decoration: underline; }

.boxOuc	{width:295px; clear:both; float:left; text-align:left;  font-size:12px; color:#333; margin-top:15px; margin-left:25px; margin-bottom:20px;}