* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
html {
min-width:986px;
}
body {
background-color:#FFFFFF;
font-family:Verdana;
font-size:12px;
color:#c7c7c8;
}
img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul { list-style:none;}
.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3 {
float:left; width:100%;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
height: 80%;
}
.container {
width:100%;
}
/*==== GLOBAL =====*/
#main {
width:986px;
margin:0 auto;
position:relative;
left:50%;
margin-left:-493px;
height:100%;
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */
}
#topheader {
width:982px;
height:126px;
padding:0 2px 0 2px;
position:relative;
}
#header {
height:126px;
background:url(../images/bgheader.gif);
background-position:bottom;
background-repeat:repeat-x;
}
#pagegallery{
background-color:#14191e;
height:549px;
width:964px;
padding:11px;
}
#maingallery{
height:549px;
width:964px;
margin:0 auto;
position:relative;
overflow:hidden;
}
#content {
min-height:549px;
height:auto !important;
height:549px;
overflow:hidden;
width:964px;
}
.colleft{ float:left; position:relative;}
.colright{ float:right; position:relative;}
#colcenter{
background-color:#FFFFFF;
width:956px;
height:533px;
position:relative;
overflow:auto;
padding:8px 0 8px 8px;
}
.colorleft{ float:left; position:relative; width:192px; height:650px;}
.colorright{ float:left; position:relative; width:172px; }
#tradecenter{
background:url(../images/bg-trade.jpg) #FFFFFF;
background-repeat:no-repeat;
background-position:top right;
width:956px;
height:533px;
position:relative;
padding:8px 0 8px 8px;
}
#tradebody{
background:url(../images/bg-trade.jpg);
background-repeat:no-repeat;
background-position:top right;
width:956px;
height:533px;
position:relative;
}
#tradecol{
width:956px;
height:533px;
position:relative;
overflow:auto;
}
#txtcol{ width:935px; float:left; position:relative; padding-bottom:30px; }
.tradepic{ width:140px; padding-right:40px; overflow:hidden; position:relative; float:left;}
.traderight{ width:755px; float:left; position:relative; }
.tradetopic{ width:609px; float:left; padding-bottom:10px; position:relative; font-size:16px; font-weight:bold; padding-right:146px; color:#666666; }
.tradetxt{ width:755px; float:left; position:relative; }
.tradetitle{ width:80px; float:left; position:relative; line-height:17px; color:#666666; font-weight:bold;}
.tradedetail{ width:529px; float:left; position:relative; line-height:17px; color:#666666;}
#productscenter{
background:#FFFFFF;
width:964px;
height:549px;
position:relative;
}
#productscol{
width:774px;
height:499px;
position:relative;
overflow:auto;
padding-top:50px;
}
.productstitle{ width:752px; padding:0 0 8px 6px; overflow:hidden; position:relative; float:left; color:#000000; font-weight:bold; font-size:13px; font-family:"Times New Roman";}
.productsright{ width:752px; padding-left:6px; float:left; position:relative; }
.productsbody{ width:752px; padding-bottom:30px; float:left; position:relative; }
.productstxt{ width:192px; float:left; position:relative; overflow:hidden; }
.productstxt1{ width:172px; float:left; position:relative; overflow:hidden; }
.productspic{ width:172px; height:154px; overflow:hidden; position:relative; float:left;}
.productsname{ width:162px; float:left; position:relative; line-height:17px; color:#666666; padding-left:10px; font-family:sans-serif; }
.productspage{ width:758px; padding-left:6px; float:left; position:relative; text-align:center; padding:20px 0 40px 0px; color:#222222; }
/*color-styles*/
#colorcenter{
background-color:#FFFFFF;
width:956px;
height:533px;
position:relative;
overflow:auto;
padding:8px 0 8px 8px;
}
.colortitle{ width:928px; padding:0 0 8px 0; overflow:hidden; position:relative; float:left; color:#000000; font-weight:bold; font-size:13px; font-family:"Times New Roman";}
.colorright{ width:928px; float:left; position:relative; }
.colorbody{ width:928px; padding-bottom:30px; float:left; position:relative; }
.colortxt{ width:189px; float:left; position:relative; overflow:hidden; }
.colortxt1{ width:172px; float:left; position:relative; overflow:hidden; }
.colorpic{ width:172px; height:154px; overflow:hidden; position:relative; float:left;}
.colorname{ width:172px; float:left; text-align:center; position:relative; line-height:17px; color:#666666; }
/*contact us*/
.contactleft{ width:346px; background-color:#FFFFFF; float:left; height:549px; overflow:hidden;}
.contactright{ width:354px; background-color:#FFFFFF; float:left; height:419px; padding-top:130px;}
/*---- tailings ----*/
.left-bg {
background:url(../images/left-bg.gif) no-repeat right top;
position:absolute;
left:0;
top:0;
width:50%;
height:254px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#000;
outline:none;
text-decoration:none;
}
a:hover{
text-decoration: underline;
}
h1 {
}
h2 {
color:#fff;
font-size:34px;
line-height:1.2em;
margin-bottom:15px;
}
h3 {
color:#fff;
font-size:24px;
line-height:1.2em;
margin-bottom:10px;
}
/*===== header =====*/
#header .logo {
float:left;
padding:29px 0 0 0px;
}
#navMenu {
float:right;
padding:110px 0px 0 0;
}
#navMenu li { float:left; position:relative; }
#navMenu li.mark { width:2px; height:9px; background:url(../images/menu/divider.gif) no-repeat; }
.kwicks {
/* recommended styles for kwicks ul container */
list-style: none;
position: relative;
margin: 0;
padding: 0;
overflow:hidden;
width:966px;
}
.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
width: 233px;
height: 549px;
/*do not change these */
display: block;
overflow: hidden;
padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 10px; /*Set to same as spacing option. */
float: left;
}
.kwicks.vertical li{
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-bottom: 5px; /*Set to same as spacing option. */
}
.kwicks li a {
color:#000;
display:block;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding:515px 0 0 20px;
}
.kwicks.horizontal #kwick_4 {
margin-right: none;
}
.kwicks.vertical #kwick_4 {
margin-bottom: none;
}
/*===== footer =====*/
#footer {
/*text-transform:lowercase;
text-transform:uppercase;*/
padding:45px 0 38px 3px;
color:#000000;
}
#footer a {
color:#9f9f9f;
text-transform:none;
}
/*==========================================*/