BODY { background-color:#1E457D; background-image:url(assets/images/midback.jpg); background-repeat:repeat-x; padding:0; margin:0; color:#333; font:12px /18px Myriad,Verdana,sans-serif;}
FORM { padding:0; margin:0; }
STRONG { color:#B7EAFF; }
H2 {font-size:12px; margin:0; padding:0; color:#B7EAFF; }
H2 A { color:#666; text-decoration:none; font-size:14px; }
H2 A:hover { color:#96CCD3; text-decoration:underline; }
H3 { font-size:16px; color:#fff; margin:0; padding:0; }
H3.location { color:#333333; }
BLOCKQUOTE { font-size:15px; line-height:24px; font-weight:bold; margin:0 10px 0 5px; padding:0; }
BLOCKQUOTE .quoter { font-size:11px; font-weight:normal; line-height:12px; }
img {border:none;}
HR { border:none; border-bottom:dotted 1px #999; }

A { color:#8ABDEE; font-weight:bold; }
A:hover { color:#fff; }


/* HEADER ELEMENTS 
------------------------------------------------ */

#logo {
	margin:5px 5px 0px 0px;
	float: left;
	
}

/* BEGIN INTERNATIONALIZE */

#navigation li, #navigation a, #navigation a span {
	
	/* LI WIDTH */
	width: 175px;
	
}

#navigation a span {
	
	/* POINT TO LOCALIZED IMAGE */
	background: url("assets/images/navigation-en.png") no-repeat 0 -5px;
	
}


 div.light_square .pp_close{width:76px;height:40px;background: url(../images/closebtn.png) -0px -0px no-repeat;cursor: pointer; display:block;}

/* END INTERNATIONALIZE */


#header-wrap { width: 1000px; padding: 0 0 0 0px; margin: 0 auto; overflow: hidden; height: 100%; z-index:5000; height:85px;}
#page-wrap { width: 1000px; padding: 0 0 0 0px; margin: 0 auto; overflow: hidden; height: 100%; }


/* NAVIGATION ELEMENTS 
------------------------------------------------ */
#navigation {
	margin-top:-10px;
}

#navigation ul ul {
	margin: 0;
	padding: 5px;
	position: absolute;
	display: none;
	min-width: 180px;
	z-index: 200;
	
	background-color: #fff;
	background-color: rgba(38, 38, 38, 0.97);
	
	border: 0 solid #000;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-ms-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	
	-ms-box-shadow: rgba(0, 0, 0, 0.8) 0 8px 40px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 4px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 8px 40px;
}

/* For advanced browsers */
#navigation > ul ul {
	background-image: url("assets/images/bg-drop-down.png");
	background-repeat: repeat-x;
	background-position: top;
	
	-ms-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
}

#navigation li {
	padding: 0;
	margin: -12px -22px;
	margin-right: -21px;
	
	float: left;
	position: relative;
	background: none;
}

#navigation a:hover, #navigation li.hover li.active a, #navigation li.hover li.active a:hover {
	color:#B7EAFF;
	font-weight:bold;
	}

#navigation li:hover, #navigation li.hover {
	z-index: 2000;
}

#navigation li a {
	color: #fff;
	font-weight:normal;
}

#navigation li li:hover > a {
	color: #B7EAFF;
}

#navigation li.hover li.active li a {
	color: #B7EAFF;
}

#navigation li li a {
	padding: 0.225em 18px;
	font-size: 12px;
	line-height: 1.47;
	text-align: left;
	text-decoration: none;
	display: block;
}

#navigation li.hover ul, #navigation li:hover ul {
	display: block;
	top: 54px;
	left: 0;
	margin-left: 25px;
	}

#navigation li.hover ul ul, #navigation li:hover ul ul {
	top: 0;
	margin-left: 0;
}

#header #navigation li ul ul {
	display: none;
}

#navigation a, #navigation a span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10; /* set z-index */
	 /* fixes IE6 bug */
	font-size: 1.4em;
}

#navigation a {
	line-height: 69px;
	text-align: center;
	text-indent: -9999px;
}

#navigation li, #navigation a, #navigation a span {
	display: block;
	height: 61px;
}

#navigation a span {
	z-index: 20; /* make span z-index higher than link */
}

#navigation li#markets, #navigation li#markets a {z-index: 1001;}
#navigation li#markets a span {cursor: default;}
#navigation li#materials, #navigation li#materials a {z-index: 1001;}
#navigation li#materials a span {background-position: -187px -5px; }
#navigation li#products, #navigation li#products a {z-index: 1001;}
#navigation li#products a span {background-position: -374px -5px;}
#navigation li#resources, #navigation li#resources a {z-index: 1001;}
#navigation li#resources a span {background-position: -561px -5px;}
#navigation li#service, #navigation li#service a {z-index: 1001;width:250px;}
#navigation li#service a span {background-position: -748px -5px;width:250px;}
#navigation li#findrep, #navigation li#findrep a {z-index: 1001;width:250px;}
#navigation li#findrep a span {background-position: -1008px -5px;width:250px;}
#navigation li#channel, #navigation li#channel a {z-index: 1001;width:300px;}
#navigation li#channel a span {background-position: -1270px -5px;width:300px;}

#navigation a:hover {
	border: none;
} /* For unexplained reasons IE6 requires "(background || border): none;" */

#navigation li.hover, #navigation li.hover > a, #navigation li.hover > a span {
	height: 50px;
}

#navigation li.hover > a {
	z-index: 1001;
}

#navigation li.hover span, #navigation li:hover span {
	background-position: 0 -69px;
}

#navigation li#materials.hover span, #navigation li#materials:hover span {background-position: -187px -69px;}
#navigation li#products.hover span, #navigation li#products:hover span {background-position: -374px -69px;}
#navigation li#resources.hover span, #navigation li#resources:hover span {background-position: -561px -69px;}
#navigation li#service.hover span, #navigation li#service:hover span {background-position: -748px -69px;width:250px;}
#navigation li#findrep.hover span, #navigation li#findrep:hover span {background-position: -1008px -69px;width:250px;}
#navigation li#channel.hover span, #navigation li#channel:hover span {background-position: -1270px -69px;width:300px;}

#navigation li li, #navigation li li a,
#navigation li#resources li, #navigation li#resources li a {
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: visible;
	text-indent: 0;
}

#navigation li li, #navigation li li a,
#navigation li#products li, #navigation li#products li a {
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: visible;
	text-indent: 0;
}

#navigation li li, #navigation li li a,
#navigation li#materials li, #navigation li#materials li a {
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: visible;
	text-indent: 0;
}

#navigation li li, #navigation li li a,
#navigation li#service li, #navigation li#service li a {
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: visible;
	text-indent: 0;
}

#navigation li li, #navigation li li a,
#navigation li#findrep li, #navigation li#findrep li a {
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: visible;
	text-indent: 0;
}

#navigation li li, #navigation li li a,
#navigation li#channel li, #navigation li#channel li a {
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: visible;
	text-indent: 0;
}

#navigation li li {
	margin: 0;
	position: relative;
	float: none;
}

#navigation li li li a {
	padding: 0.3em 1em;
	font-size: 1em;
}

#navigation li.hover li ul, #navigation li:hover li ul {
	margin-top: -1em;
	top: 0;
	left: 100%;
}

#header #navigation li.hover li.active ul, #header #navigation li li:hover ul {
	display: block;
}


#header #navigation ul.hoverFix li ul {
	margin-top: 0;
	background: none;
	border: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#navigation ul.hoverFix li {
	position: static;
}

#navigation li .ui-shadow {
	top: 54px;
	left: 0;
}

#navigation li .ui-shadow-content {
	min-width: 188px;
	z-index: 1000;
}

#navigation li .ui-shadow-content ul {
	position: relative;
	top: 0;
	z-index: 2000;
}

#navigation li .ui-shadow-content ul ul {
	position: absolute;
	margin-top: -1em;
	top: 0;
	left: 100%;
}

#header #navigation li.hover span.ui-shadow-top-left {
	background-position: left top;
}

#header #navigation li.hover span.ui-shadow-top-right {
	background-position: right top;
}

#header #navigation li.hover span.ui-shadow-bot-left {
	background-position: left bottom;
}

#header #navigation li.hover span.ui-shadow-bot-right {
	background-position: right bottom;
}



#popup span {
	display:none;	
}	
#popup a:hover {
	text-decoration: none;
}
#popup a:hover span {
	display:block;
	position:absolute;
	font-size:11px;
	left:200px;
	top:-100px;
	width:500px;
	height:400px;
	padding:30px;
	border:3px solid #fff;
	text-align:left;
	background-color:#000;
	z-index:2;
}

#popup {position:relative;z-index:1; line-height:15px;}

#popup2 span {
	display:none;	
}	
#popup2 a:hover {
	text-decoration: none;
}
#popup2 a:hover span {
	display:block;
	position:absolute;
	font-size:11px;
	right:200px;
	top:-100px;
	width:600px;
	height:375px;
	padding:0px;
	border:3px solid #fff;
	text-align:left;
	background-color:#000;
	z-index:2;
}

#popup2 {position:relative;z-index:1; line-height:15px;}

#testimonials { font-style:italic; font-size:14px; line-height:20px;}
#topbtnsback {background-color:#000; height:35px;}
#topbtns {float:right; padding-top:10px; padding-right:0px; font-size:12px; text-align:right; width:600px;}

#flashheader {height:350px;}
#topbanner{height:500px; width:100%;}
#topbanner2{height:350px; width:100%;}
#topbanner3{height:605px; width:100%;}
#servicelinks{height:150px; width:100%;}

#seovideo {width:580px; height:480px;}

#contentback {background-color:#347ADB; border-bottom:1px solid #666;}
#contentholder_left {padding-left:30px; padding-right:30px; width:600px; float:left; color:#fff; font-size:13px; line-height:20px;}
#contentholder_right {padding:30px; float:right; width:250px; color:#fff; background-color:#1E457E; background-image:url(assets/images/gradient.png); background-repeat:repeat-x;}
#contentholder_right2 {padding:30px; float:right; width:250px; color:#fff; background-color:#347ADB; background-image:url(assets/images/gradient.png); background-repeat:repeat-x;}
#contentholder_right3 {padding:0px; float:right; width:310px; color:#fff; background-color:#1E457E; background-image:url(assets/images/gradient.png); background-repeat:repeat-x;}

#column1{width:330px; float:left; color:#fff; font-size:13px; line-height:20px;}
#maintext{padding-left:30px; padding-right:30px; color:#fff; font-size:13px; line-height:20px;}

#columntext {padding-left:30px; padding-right:30px; }

#rightbold {font-size:16px; font-weight:bold; line-height:30px;}

.clearall { clear:both; }

#frame { width:1000px; margin:0 auto; position:relative; text-align:left; color:#000; font:12px /18px Myriad,Verdana,sans-serif; }
#frame A { color:#fff; text-decoration:underline; font-weight:bold; }
#frame A:hover { color:#B7EAFF; }

#btmbuttons {background-color:#000; height:auto;}
#btmlogo {float:right; padding-right:10px; padding-top:5px; font-size:10px; text-align:left;}
#btmlinks {float:left; padding:10px; font-size:10px; text-align:left;}

input {padding:5px; border:1px solid #999; color:#666;}
textarea {padding:5px; border:1px solid #999; color:#666;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #B7EAFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}