* {margin:0;padding:0;} 

body
{
	height:auto !important;
	height:100%;
	min-height:100%;
}

body {
	text-align:center;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:80%;
	color:#333;
	background:#fbfbfb url(../img/index_bg.jpg) no-repeat center top;
	
}

html {height: 100%;}
ul{
	margin-left:30px;
	padding:10px 5px;
}

ul.ss01{
	margin-left:30px;
	padding:10px 5px;
	list-style:url(../img/icons/arrow10x10.gif);
}

ol{
	margin-left:30px;
	padding:10px 5px;
}
li{
	padding:2px 0px;}
#header{
	width:980px;
	height:600px;
	margin:0 auto;
	position:relative;
} 
#header .site_select{
	position:absolute;
	top:10px;
	right:10px;
}
#header .logo{
	background:url(../img/logo.png);
	width:400px;
	height:120px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-470px;

}

#container
{
	width:100%; 
	height:100%;
	background:url(../img/footer_bg.png) bottom center;
	background-repeat:no-repeat;

}
#menu-top {
	position: relative;
	list-style:none;
	top:40px;
	
}



#menu-top a.contact:link, #menu-top a.contact:active{
	display:block;
	background:url(../img/contact.png) no-repeat 0px -75px;
	width:145px;
	height:75px;
}

#menu-top a.contact:visited {
	display:block;
	background:url(../img/contact.png) no-repeat 0px -75px;
	width:145px;
	height:75px;
}

#menu-top a.contact:hover {
	display:block;
	background: url(../img/contact.png) no-repeat ;
}



#menu-top a.service:link, #menu-top a.service:active{
	display:block;
	background:url(../img/services.png) no-repeat 0px -75px;
	width:110px;
	height:75px;
}

#menu-top a.service:visited {
	display:block;
	background:url(../img/services.png) no-repeat 0px -75px;
	width:110px;
	height:75px;
}

#menu-top a.service:hover {
	display:block;
	background: url(../img/services.png) no-repeat ;
}



#menu-top a.products:link{
	display:block;
	background:#F60;
	width:110px;
	height:75px;
}
#menu-top a.products:link, #menu-top a.products:visited, #menu-top a.products:active{
	display:block;
	background:url(../img/products.png) no-repeat 0px -75px;
	width:110px;
	height:75px;
}

#menu-top a.products:hover {
	display:block;
	background: url(../img/products.png) no-repeat ;
}
#menu-top .company:link, #menu-top .company:visited, #menu-top .company:active {
	display:block;
	background:url(../img/companny.png) no-repeat 0px -75px;
	width:110px;
	height:75px;
}
#menu-top .company:hover {
	display:block;
	background: url(../img/companny.png) no-repeat ;
}



#menu-top .home:link, #menu-top .home:visited, #menu-top .home:active {
	display:block;
	background:url(../img/home.png) no-repeat 0px -75px;
	width:110px;
	height:75px;
}
#menu-top .home:hover {
	display:block;
	background: url(../img/home.png) no-repeat ;
}

#menu-top li {
	font-size:16px;
	float:right;
	text-align:center;
	list-style:none;
}
#menu-top a:link, #menu-top a:visited, #menu-top a:active {
	text-decoration:none;
	text-shadow:1px 2px 3px #83b2d9;
	color:#03204d;
}
#menu-top a:hover {
	text-shadow: 1px 2px 5px #03204d;
	color:#000;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {
	border:none;
}
a:link, a:visited, a:active {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#000;
}
p {
	color:#333;
	text-indent:30px;
	line-height:20px;
}
h1, h2, h3, h4 {
	padding-left:8px;
	padding-bottom:4px;
}

h1 {
	color:#007ad0;
	text-align:left;
	font-size:250%;
	font-weight:400;
	text-shadow:1px 1px 1px #a5a5a5;
}
h2 {
	color:#0079ac;
	text-align:left;
	font-size:140%;
	font-weight:400;
	font-weight:bold;
}

#content {
	width:980px;
	height:100%;
	min-height:600px;
	margin:0 auto;
	padding-bottom:60px;
	text-align:left;

}
#content #c_left{
	width:960px;
	padding:0px 10px;
}
#content #c_right{
	width:1px;
	float:right;
}
#content #c_right img{
	padding-bottom:6px;}

#footer {
	width:980px;
	height:120px;
	margin:0 auto;
	text-align:left;
	color:#fff;
}

#footer h4 {
	font-size:18px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:10px 0 5px 0;
	margin: 0 0;	
}
#footer .copyright span{
	float:left;
	width:510px;
	padding-top:40px;
	padding-left:20px;
	color:#fff;
	margin-top:-20px;
	font-size:13px;
	z-index:100000;
}

#footer span {
	display:block;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#fff;
	text-decoration:none;
}

#footer .follow_footer{
	margin-top:12px;
	float:left;
	padding-left:90px;

}
#footer .follow_footer span{
	text-align:right;
	padding-bottom:6px;
	
}
.intro {
	margin:0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:url(../img/transparent_bg.png);	
	text-align:left;
	-moz-box-shadow:2px 3px 10px #000000;
	-webkit-box-shadow:2px 3px 10px #000000;
	box-shadow:2px 3px 10px #000000;
	padding-bottom:20px;
}
.intro p {
	padding:0px 20px 20px 20px;
	width:530px;
}
.ml20{
	margin-right:20px;
}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}

label{
	display:block;	
	color:#fbfbda;
	font-weight:bold;
	margin:5px 0;
}
textarea, input {
	display:block;
	background:url('../img/transparent_bg.png');
	border:1px solid #881f1c;
	color:#ffffb6;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#contact-form {
	margin: 0 0 0 20px;
}
#contact-form textarea {
	width:500px;
	height:175px;
}
#contact-form button{
	background:transparent;
	border:none;
	cursor:pointer;
	margin-top:5px;
}
#notification {
	background:#860101;
	margin:0 20px;
	border:1px solid #881f1c;
	padding:10px 5px;
	display:none;
}
.result {
	background:#860101;
	margin:0 20px;
	border:1px solid #881f1c;
	padding:10px 5px;	
}
.margin-trading {
	padding-left:0px;
	margin-left:80px;
	margin-bottom:10px;
	width:100%;
	border-left:1px solid #fff;
}
.margin-trading p {
	padding-bottom:5px;
	width:450px;
}
.feature-list {
	padding:0 35px;
	width:300px;
	display:block;
}
.feature-list li {
	color:#fff;
	padding:5px 0px;
	cursor:default;	
}


/*content*/
.zone01 li{
	list-style:inside square;
}
.zone01 .zleft{
	width:300px;
	float:left;
	padding:0px 4px;
}
.zone01 .xcenter{
	width:300px;
	float:left;
	margin:0px 10px;
	padding:0px 6px;
	border-left:#CCC dotted 1px;
	border-right:#CCC dotted 1px;
	padding-bottom:20px;
}
.zone01 .xright{
	width:300px;
	float:left;
}

.green{
	color:#2c9000;
}
.blue{
	color:#0063e9;
}
.blue2{
	color:#04bef2;
}
.pink{
	color:#ea0fbe;
}
/*.orange{
	color:#f06600;
}
.orange a:link, a:visited, a:active{
	color:#f06600;
}
.orange a:hover{
	color:#F00;
}*/

.b{
	font-weight:bold;
}
.zone2{
	margin-top:30px;
}
.zone2 .z2left{
	width:612px;
	float:left;
	padding:0px 4px;
	padding:0px 10px;
	_padding-left:25px;
	border-right:#CCC dotted 1px;
}

.zone2 .z2right{
	width:315px;
	*width:300px;
	float:right;
}

.company_bg{
	background:url(../img/company_bg.jpg) bottom no-repeat;
	height:640px;
}
table.companny_table{
	width:450px;
	float:right;
}


/* root element for tabs  */
	/* navigation */
	#nav {
		/*background:#ddd url(../img/global/h300_reverse.png);*/
		background:url(../img/tabs/tabs_bg.png) no-repeat;
		/*border-bottom:1px solid #CCCCCC;*/
		height:61px;	
		width:676px;
	}
	
	#nav ul {	
		width:690px;
		margin:0 auto;
		padding:0px;
		padding-top:6px;
	}
	
	#nav li {	
		/*border-right:1px solid #ddd;*/
		float:left;
		padding-left:1px;
		/*width:175px;*/
		list-style-type:none;
		/*text-align:center;*/
		margin-top:0px;
		padding:0px 15px;
	}
	
	#nav a {
		color:#333333;
		display:block;
		/*padding:17px;*/
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:56px;
		text-decoration:none;
		padding:0px 6px;

	}	
	
	
	#nav a.current {
		/*background:url(../img/tabs/down_large.jpg);*/
		background:url(../img/tabs/sbar_bg.gif) repeat-x;
		padding:0px 15px;
		padding-top:6px;
		margin-top:-6px;
		color:#FFF;
	}
	
	#nav img {
		background-color:#fff;
		border:1px solid #ccc;
		margin:3px 0 5px 27px;
		padding:4px;		
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:13px;
	}
	
	/* panes */
	#panes {
/*		background:#fff url(../img/global/h300_reverse.png) repeat scroll 0 0;
		border-color:#ccc;
		border-style:solid;
		border-width:1px 1px 0;*/
		width:676px;	
		height:380px;
		/*margin-bottom:-20px;*/
		/*padding-bottom:20px;*/
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:15px;
		left:0px;
		font-size:13px;
		color:#444;	
		width:650px; 
	}
	
	#panes img {
		/*float:left;*/
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
		color:#e23293;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}
/* end root element for tabs  */


/**home content*/
.home_content{
	width:100%;
	margin-top:12px;
}

.home_content .h_left{
	/*width:715px;*/
	width:690px;
	float:left;
	padding:0px 12px;
	border-right:#CCC dotted 1px;

}
.home_content .h_right{
	/*width:245px;*/
	width:225px;
	float:left;
	padding:0px 10px;
}
.home_content a{
	margin-left:6px;
	margin-bottom:10px;
}
.home_content a.companny:link, .home_content  a.companny:visited, .home_content  a.companny:active{
	display:block;
	background:url(../img/banner.png) no-repeat;
	width:210px;
	height:70px;
}
.home_content a.companny:hover {
	display:block;
	background:url(../img/banner.png) no-repeat 0px -308px;
}

.home_content a.digital_guide:link, .home_content  a.digital_guide:visited, .home_content  a.digital_guide:active{
	display:block;
	background:url(../img/banner.png) no-repeat 0px -77px;
	width:210px;
	height:70px;
}
.home_content a.digital_guide:hover {
	display:block;
	background:url(../img/banner.png) no-repeat 0px -385px;
}

.home_content a.flip_book:link, .home_content  a.flip_book:visited, .home_content  a.flip_book:active{
	display:block;
	background:url(../img/banner.png) no-repeat 0px -155px;
	width:210px;
	height:70px;
}
.home_content a.flip_book:hover {
	display:block;
	background:url(../img/banner.png) no-repeat 0px -463px;
}

.home_content a.gold_fex:link, .home_content  a.gold_fex:visited, .home_content  a.gold_fex:active{
	display:block;
	background:url(../img/banner.png) no-repeat 0px -232px;
	width:210px;
	height:70px;
}
.home_content a.gold_fex:hover {
	display:block;
	background:url(../img/banner.png) no-repeat 0px -540px;
}

.w34_{
	width:34%;
	float:left;
	letter-spacing:-2px;
}
.w30_{
	width:30%;
	float:left;
	letter-spacing:-2px;
}

.products_border{
	width:675px;
	height:150px;
	border-bottom:#CCC dotted 1px;
	padding:10px 0px;
}

.download_zone{
	width:192px;
	padding:0px 5px;
	margin-left:6px;
	margin-bottom:20px;
	border: #e0e0e0  solid 2px;
	position:relative;
}
.download_zone img{
	vertical-align:middle;
}
ul.download_zone_ul {
	list-style:none;
	padding:10px 0px;
	margin:0px;
}
.download_zone .download{
	position:absolute;
	padding:4px 10px;
	background:#e00300;
	right:4px;
	top:-10px;
	color:#FFF;
}
/**end home content*/


.left-column {
    float: left;
    margin: 0 20px 0 0;
    width: 330px;
}
#contactInfo td {
    font-size: 11px;
    vertical-align: top;
}
#contactInfo td a{ color:#393; padding:0; margin:0;}
#contactInfo td a:hover{ text-decoration:underline;}
#contactInfo th, #contactInfo td, #contactInfo caption {
    padding: 4px 10px 4px 5px;
}

.contact-form {
    float: left;
    margin: 010px 0 0;
    width:340px;
}
div.form {
    margin: 0;
    padding-top: 20px;
}

ul.example-book{
	margin:0;
	padding:0;
	list-style:none;
}
ul.example-book li{
	float:left;
	margin:15px;
	margin-bottom:5px;
	min-height:220px;
}
ul.example-book li img{
	padding:4px; 
	border:1px solid #CCC;
}
ul.example-book li img:hover{
	border:1px solid #393;
}
ul.example-book span{
	text-align: center;
	display:block;
	width:120px;
	margin-left:15px;
}