html {
height: 100%;
}
body{
min-width:970px;
min-height: 100%;
position:relative;
font:14px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#fff;
background:#0c364e url(body-bg.gif) repeat-x;
}
* html body {height:100%;}
a{
color:#fff;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:focus{
outline:none;
}
p{
margin:0;
padding:0 0 20px;
line-height:18px;
}
ul{
margin:0;
padding:0;
list-style:none;
}
img{
border:none;
}
h1{
position:absolute;
left:42px;
top:60px;
z-index:99;
margin:0;
padding:0;
width: 676px;
}
h1 a{
display:block;
overflow:hidden;
width:263px;
height:64px;
background:url(logo.jpg) no-repeat;
text-indent:-9999px;
font-size:0;
}
h2{
margin:0;
padding:0;
}
h3{
margin:0 0 10px;
padding:0;
font-weight:normal;
font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h4{
margin:0 0 10px;
padding:0;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* structure */
.container{
width:100%;
overflow:hidden;
}
.container.holder{
padding:38px 0 0;
}
.hidden{
display:none;
}
#main{
width:970px;
margin:0 auto;
position:relative;
padding:111px 0 0px;
background:url(main-bg.jpg) no-repeat 0 25px;
}
.column1{
width:574px;
float:left;
display:inline;
margin-left:23px;
overflow:hidden;
}
#sub .column1{
margin-left:15px;
}
#client .column1{
margin-left:40px;
}
.column2{
float:right;
display:inline;
width:310px;
overflow:hidden;
margin-right:32px;
}
#sub .column2{
margin:0 26px 0 0;
}
#client .column2{
margin-top:8px;
}
#content{
width:876px;
overflow:hidden;
margin:0 0 0 35px;
padding:2px 0 0;
font-size:14px;
}
#content p{
padding:0 0 30px 2px;
}
/* sub navigation */
#subnav1{
position:absolute;
right:0;
top:3px;
z-index:4;
overflow:hidden;
padding:2px 0 0;
}
#subnav1 li{
float:left;
padding:0 8px;
background:url(bullet1.gif) no-repeat 0 2px;
margin-left:-1px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#b4c3d1;
}
#subnav1 li a{
color:#b4c3d1;
text-decoration:none;
}
#subnav1 li a:hover{
text-decoration:underline;
}
#subnav2{
width:267px;
overflow:hidden;
}
#subnav2 li{
width:100%;
overflow:hidden;
background:url(subnav2-line.gif) no-repeat 0 100%;
padding-bottom:1px;
}
#subnav2 li a{
width:100%;
display:block;
overflow:hidden;
padding:5px 0 ;
text-decoration:none;
position:relative;
}
#subnav2 li.current_page_item a,#subnav2 li a:hover{
background:url(subnav2-hover.png) repeat-y;
color:#cecece;
}
#subnav2 li a span{
display:block;
background:url(subnav2-bullet1.gif) no-repeat 4px 2px;
padding:0 0 0 20px;
}
/* title */
.wel_title{
width:377px;
height:48px;
background:url(wel_title.png) no-repeat;
margin:27px 0 9px;
padding:0;
text-indent:-9999px;
font-size:0;
}
.title1{
width:357px;
height:48px;
background:url(title1.png) no-repeat;
margin:27px 0 9px;
padding:0;
text-indent:-9999px;
font-size:0;
}
#title2{
width:265px;
height:36px;
background:url(title2.png) no-repeat;
margin:27px 0 5px;
padding:0;
text-indent:-9999px;
font-size:0;
}
#title3{
width:271px;
height:29px;
background:url(title3.png) no-repeat;
margin:0 0 17px;
padding:0;
text-indent:-9999px;
font-size:0;
}
/* content styles */
.block1{
width:100%;
overflow:hidden;
margin:4px 0 0 25px;
padding-bottom:72px;
}
.box1{
width:100%;
overflow:hidden;
margin-bottom:-165px;
}
.box1-inner{
width:458px;
min-height:330px;
float:left;
display:inline;
margin:20px 0 0 10px;
}
* html .box1-inner{
height:300px;
}
.box1-inner p{
padding-bottom:162px;
}
.list1{
width:450px;
overflow:hidden;
background:url(list1-bg.png) no-repeat;
margin:6px 0 0;
padding:0 0 0 5px;
}
.list1 li{
width:88px;
float:left;
overflow:hidden;
padding:0px 5px 0;
text-align:center;
}
.list1 li.item1{
background:url(item1.png) no-repeat;
}
.list1 li.item2{
background:url(item2.png) no-repeat;
}
.list1 li.item3{
width:70px;
background:url(item3.png) no-repeat;
}
.list1 li.item4{
width:70px;
background:url(item4.png) no-repeat;
}
.list1 li a{
font-size:10px;
text-decoration:none;
}
.list1 li a:hover{
color:#99FFFF;
}
.img1{
float:left;
display:inline;
margin:0 0 0 48px;
}
.img2{
display:block;
margin:0 0 -86px -20px;
}
.img3{
border:3px #fff solid;
display:block;
margin:-2px 0 3px;
}
.img-center{
display:block;
text-align:center;
}
.box2{
width:540px;
overflow:hidden;
background:url(box2-bg.png) no-repeat;
padding:20px 15px 0 30px;
}
.box2 p{
width:490px;
padding:0 0 14px;
}
.box2 h4{
width:100%;
text-align:center;
margin:0 0 10px;
}
.list2{
width:550px;
height: 250px;
background-image: url(list2-bg.gif);
background-repeat: repeat-y;
background-position: 177px 0px;
}
.list2 li{
float:left;
width:180px;
}
.list2 li.item5{
padding:0 0 0 5px;
}
.list2 .item5 div
{
width: 165px;
display: block;
}
.list2 li img{
display:block;
margin:0 0 6px;
border:3px #fff solid;
}
.list2 li div {
width:160px;
margin:0 0 0 3px;
color:#869ba7;
font-size:11px;
line-height:16px;
display: inline;
}
.box3{
width:291px;
min-height:311px;
float:left;
background:url(box3-bg.png) no-repeat;
padding:20px 0 0 30px;
}
.box3 img{
border:3px #fff solid;
display:block;
margin:0 0 20px;
}
.box3 p{
font-size:11px;
color:#869ca8;
}
.block2{
padding:0;
}
.box4{
width:550px;
overflow:hidden;
background:url(box4-bg.png) no-repeat;
padding:21px 0 0 24px;
}
.box4.first{
margin-top:8px;
}
.box4 h3{
margin-bottom:6px;
}
.box4-left{
display:table;
overflow:hidden;
}
* html .box4-left{
height:1%;
}
*+html .box4-left{
height:1%;
}
.box4-left p{
padding-bottom:18px;
}
.box4-right{
width:170px;
min-height:193px;
float:right;
display:inline;
margin:32px 27px 0 10px;
font-size:11px;
}
.box4-right .png{
margin:10px;
min-height:193px;
display:inline;
}
.box4-right .png img{
border:none;
}
* html .box4-right{
height:193px;
}
.box4-right img{
display:block;
border:3px #fff solid;
}
.box4-right p{
text-align:center;
padding:1px 5px 0;
}
.box5{
width:310px;
overflow:hidden;
padding-left:20px;
font-size:11px;
}
.box5 img{
display:block;
}
.box5 h4{
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}
.box5 p{
width:300px;
padding:0;
line-height:17px;
}
.box5 a{
text-decoration:none;
color:#ffd200;
}
.box5 a:hover{
text-decoration:underline;
}
.box5 a.more-link{
display:block;
}
.descr{
display:block;
width:100%;
overflow:hidden;
font-size:11px;
text-align:center;
font-style:normal;
color:#a8c3d3;
padding:3px 0 8px;
}
.link1{
display:block;
width:100%;
overflow:hidden;
text-align:right;
margin:-16px 0 0;
}
.link1 a{
font-size:10px;
color:#ffd21d;
text-decoration:none;
}
.link1 a:hover{
text-decoration:underline;
}
/* footer styles */
#footer{
position:absolute;
bottom:0;
left:0;
z-index:1;
margin:-60px 0 0 0 !important;
width:100%;
height:60px;
min-width:994px;
overflow:hidden;
background:#082636 url(footer-bg.gif) repeat-x;
font-size:11px;
line-height:12px;
color:#6b7d86;
}
#footer .inner{
width:970px;
overflow:hidden;
margin:0 auto;
padding:14px 0 15px;
background:url(footer-logo.jpg) no-repeat 14px 10px;
}
#footer .inner p{
margin:0;
line-height:14px;
padding:0 0 0 161px;
}
#footer .inner ul{
width:100%;
margin:0 0 0 154px;
padding:0;
overflow:hidden;
}
#footer .inner ul li{
float:left;
margin-left:-1px;
padding:0 5px 0 6px;
background:url(bullet2.gif) no-repeat 0 2px;
}
#footer .inner ul li a{
color:#6b7d86;
text-decoration:none;
}
#footer .inner ul li a:hover{
text-decoration:underline;
}
.list2 a{
position:relative;
}
/* Additional formatting by Fen */
.topspace
{
margin-top: 5px;
}
.column1 h2{
margin-bottom: 10px;
padding:0;
font-weight:normal;
font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.column1 ul
{
margin: 10px;
padding: 0px;
}
.column1 li
{
list-style-image: square;
list-style-position: inside;
list-style-type: square;
line-height: 16px;
}
.column1 p
{
line-height: 24px;
}
.column1 .box2 li
{
list-style: none;
}
.zx
{
margin-top: 15px;
}
.letsgohigh
{
margin-top: -35px;
margin-left: 10px;
margin-right: 30px;
}
.letsgohigh h4
{
margin-bottom: 5px;
}
.letsgohigh a, .letsgohigh a:hover
{
color: yellow;
text-decoration: none;
}
.ie6 #footer{
width:expression(document.documentElement.clientWidth < 994 ? "994px" : "auto");
}
.ie6 .box2 p, .ie7 .box2 p
{
width: 400px;
}
.ie6 .full2 p, .ie7 .full2 p
{
width: 490px;
}
.orderbox {
border: 1px solid #72A545;
background: #FAFAFA;
clear: both;
margin: 5px 50px;
text-align: center;
padding: 5px 0;
font: bold 16px "Trebuchet MS", sans-serif;
}
.orderbox #down {
padding: 0 0 0 27px;
background: url(download.gif) no-repeat center left;
}
.orderbox #buy {
padding: 0 0 0 27px;
background: url(buynow.gif) no-repeat center left;
}
.orderbox span {
margin: 0 8px 0 8px;
color: #AAAAAA;
}