/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background:#eee  repeat-x url("../images/bg.jpg"); font-family:"HelveticaWorld-Regular", Arial, Helvetica, sans-serif; }

*{
	margin:0 auto;}
a{
	text-decoration:none;
	color:#666;}

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:537px;  }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:537px; position:absolute; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; z-index:1;   }
#navigation { height:50px; width:960px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; position:relative; clear:both;  }
#logo a{
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	position:absolute;
	}

/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
/*menu ha ha ha*/
#menu{
	position: relative;
	background:url("../images/bg-menu.png") no-repeat;
	z-index:1000;
	width:960px;
	float:left;
	clear:both;
	padding-left:10px;
	margin-top:35px;
	font-family:"HelveticaWorld-Regular", Arial, Helvetica, sans-serif;
	font-size:11px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	padding:5px;
	float: left;
	margin-top:5px;	
	height: 22px;
	margin-right:5px;
	color:white; text-decoration:none; font-weight:bold;
	text-transform:uppercase;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left  bottom; }
ul#topnav a.products {
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;
	/*background: url(images/nav_product.jpg) no-repeat;*/

}
ul#topnav #products {
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;
	/*background: url(images/nav_product.jpg) no-repeat left bottom;*/

}
ul#topnav a.opp:hover{
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;
	/*background: url(images/nav_opp.jpg) no-repeat;*/

}
ul#topnav a.resource:hover {
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;
	/*background: url(images/nav_resource.jpg) no-repeat;*/

}
ul#topnav a.media:hover{
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;
	/*background: url(images/nav_media.jpg) no-repeat;*/

}
ul#topnav a.about:hover {
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;
	/*background: url(images/nav_about.jpg) no-repeat;*/

}
ul#topnav #about:hover {
	color:#646466;
background:#fff;
	/*--Bottom right rounded corner--*/
border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius: 5px;
	padding:5px;

	/*background: url(images/nav_about.jpg) no-repeat left bottom;*/

}
ul#topnav li .sub {
	position: absolute;	
	top: 32px; left: 0px;
	background: #fff url(sub_bg.jpg) repeat-x;
	padding: 10px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	display: none;
	z-index:10000 !important;
	border:1px solid #ebebeb;
	border-top:none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .row img{float: left; }
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
}

ul#topnav .sub ul li a.social {
	padding-left:40px;
	background: url(../images/black-arrow.png) no-repeat 20px 12px  ;
}

ul#topnav .sub ul li a.social:hover {
	padding-left:40px;
	background: url(../images/black-arrow.png) no-repeat 20px 12px  ;
}

ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	padding-left:20px; 
	font-size: 0.9em;
	font-weight: normal;
	background:url("../images/bg-menu.jpg") no-repeat left;
	height:24px;
	text-align: left;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #000;
	text-transform:uppercase;
	font-weight:bold;
	line-height:12px;
}
ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #000;
	line-height:12px;
}


ul#topnav .sub ul li h3 {
	padding: 0;  margin: 0px 10px 0px 5px;
	font-size: 1.0em;
	font-weight: normal;
	font-weight:bold;
	line-height:11px;
	border-bottom: #ea6c06 solid 1px ; 
}
ul#topnav .sub ul li h3 a {
	padding: 3px 0;
	background-image: none;
	color: #893f00;
}
ul#topnav .sub ul li h3 a:hover{
	padding: 3px 0;
	color: #893f00;
	background:#ffa240 ;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url("../images/black-arrow.png") no-repeat 5px 12px ;
	padding: 5px 5px 0px 20px;
	display: block;
	text-decoration: none;
	color:#000;
	font-size:11px;
	text-transform:none;
	font-weight:normal;
	line-height:16px;
}
ul#topnav .sub ul li a:hover {color: #ff7501; 	background: url("../images/orange-arrow.png") no-repeat 5px 12px ;}
/*menu end ha ha ha */
#box-listlange{
	position: absolute;
	width:125px;
	float:right;
	right:25px;
	top:7px;
	}
select{
	width:125px;
	padding-left:5px;
	border:0px;
	font-size:12px;
}

/* HEADER TEXT */
#headertxt { width:280px; margin:0 auto; clear:both; position:relative; top:10px; z-index:0; }
#firstline { /*background-image:url("../images/textbg.png");*/ color:#333; font-size:11px; padding:4px 5px 7px; text-align:right;  display:block; text-justify:inter-word; }
#secondline { /*background-image:url("../images/textbg.png");*/ color:#000; text-decoration:none; font-size:22px; padding:0 5px 10px;  display:block; clear:both;  text-align:right; line-height:24px; }
#secondline img{
	border:0px;}
#secondline h1{ /*background-image:url("../images/textbg.png");*/ color:#000; text-decoration:none; font-size:22px; padding:0 5px 10px;  display:block; clear:both;  text-align:right; line-height:18px;  }
#secondline:hover { text-decoration:none; }

.product { background-color: #cc3333; color:#FFF; font-size:12px; padding:2px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.product a { font-size:12px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.product a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; z-index:0; }
#headernav { padding-left:864px; }

/* CONTENT */
#content { color:#575757; width:960px; clear: both; }
#content p { padding:10px 20px; font-size:11px;  margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

.caption{
	position:relative;
	width:350px;
	left:-50px;
	top:25px;}

/*footer*/

#footer{
	position:  static;
	background: #eeeeee url("../images/bg-footer.gif") repeat-x;
	height:105px;
	width: 100%;
	bottom:0;
	margin:0 auto;
	text-align:center;
	float:left;
	/**************/
	}
#copyright{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	font-size:10px;	
	width:944px;
	padding-top:15px;
}
#copyright ul{
	padding:0px; margin:0px;
	list-style:none;
	}
#copyright ul li{
	padding:0px 5px; margin:0px;
	display:inline;
	border-right:#bababa solid 1px ;
}
#copyright a{
		color:#8f8f8f;
		padding:0 10px;
		text-decoration: none;
	}
#copyright a:hover{
	color:#000;
	text-decoration:none;
}
#copyright ul#logobanner li{
	padding:5px; margin:0px;
	list-style:none;
	border:0px;
	}
#top-right{
	position:relative;
	top:15px;
	 font-family:"HelveticaWorld-Regular", Arial, Helvetica, sans-serif;
	 font-size: 10px;
	padding:0 5px;
	width:500px;
	height:30px;
	background:#f3f3f3;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-khtml-border-radius:5px;
	border:solid 1px #dadada;
	margin-right:3px;
	z-index:100000000;
}
#top-right ul{
	padding:0px; margin:0px;
	list-style:none;
	}
#top-right ul li{
	margin:0px;
	display:inline;	
	border-right:#dadada solid 1px ;
	padding:0px 15px;
	}
	#top-right ul li a{
	 margin:0px;
	display:inline;	line-height:28px;
	color:#666;
	}
	#social{
		float:right;
		height:20px;
		margin-top:8px;}
	#social ul{
		padding:0px;
		margin:0px;
	}
	#social ul li{
		padding:0px;
		margin:0px;
		border:0px;
	}
	#social img{
		margin-right:5px;
		float:left;
		border:0px;
}
/*slide*/
#slide{
	position:relative;
	width:960px;
	padding-bottom:98px;
	float:left;
	top:10px;
	margin-bottom:-98px;
	clear:both;
	}
#slider1 ul li {
	padding: 5px 0px;
	margin: 0px;
	width:290px;
	float:left;
}
#slider1 {
	padding: 0;
	margin: 0;
	list-style: none;
}
.teaser{
	background:url("../images/bg-teaser.jpg") no-repeat  ;
	padding-bottom:25px;
	width:320px;
	line-height:12px;
}
li.teaser img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;}
h3{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#6a6a6a;
	text-align:center;
	line-height:30px;}
.oreange{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#eb830f;
	text-align:center;
	line-height:30px;}
.readmore{
	position: relative;
	background:url("../images/readmore-main.jpg") no-repeat;
	display:block;
	bottom:-10px;
	height:12px;
	text-indent:-5000px;
	margin-left:200px;
	z-index:1000000;}
.readmore a{
	position: relative;
	width:74px;
	height:12px;
	display:block;
	bottom:-10px;
	text-indent:-5000px;
	margin-left:175px;}
/*whatnew!*/

#box-whatnew{
	position: absolute;
	top:-380px;
	width:280px;
	height:340px;
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-khtml-border-radius:5px;
	border:solid 1px #e9e9e9;
	right:5px;
	font-family:"HelveticaWorld-Regular", Arial, Helvetica, sans-serif;
	z-index:0;

}
#h-whatnew{
		background: url("../images/h-whatnew.jpg") no-repeat 5px 5px;
		height:20px;
		padding-top:12px;
		color:#FFF;
		padding-left:10px;
		font-weight:bold;
		font-size:14px;
		}
.html_carousel {
	padding:2px 5px 5px 5px;
	cursor:pointer;
}
.html_carousel div.slide {
	width: 270px;
	height: 300px;
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, 0.6);
	width: 270px;
	display: none;
	position: absolute;
	bottom: 0;
}
.html_carousel div.slide h4 {
	font-size: 12px;
	font-weight:bold;
	color:#F60;
	padding: 20px 0 0 10px;
}

.html_carousel div.slide p {
	color:#FFF;
	font-size: 11px;
	padding: 0 0 20px 10px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	margin: 0;
}
.html_carousel div.slide img {
	border:0px;
}
.clearfix {
	float: none;
	clear: both;
}