/* CSS Document */

body {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
background:#000;
}

#main {width:976px; margin:0 auto;}

.wrapper, block { width:100%; overflow:hidden;}


.cls
{
font-size:0px;
}

.banner
{
background:url(../images/banner.jpg) no-repeat;
width:980px;
height:504px;
}

.logo
{
background:url(../images/logo.jpg) no-repeat;
width:426px;
height:126px;
}

.header
{
background:url(../images/header.jpg) no-repeat;
width:980px;
height:378px;
}

.header_new
{
/*background:url(../images/header.jpg) no-repeat;*/
width:980px;
height:378px;
}

.header_bot
{
background: url(../images/header_bot.jpg) no-repeat ;
width:980px;
height:60px;
}

.header_bot2
{
background: url(../images/header_bot2.jpg) no-repeat ;
width:980px;
height:58px;
}

.logo2
{
background:url(../images/logo2.gif) no-repeat;
width:175px;
height:46px;
margin-top:5px;
margin-left:70px;
}

a {color:#6dc5d8;}
a:hover{color:#6dc5d8; text-decoration:none;}

/*======= index-3.html =======*/
#content .col-1 {width:280px;margin-right:9px;}
#content .col-2 {width:280px; margin-right:9px;}
 #content .col-3 {width:280px;}
#content .col-4 {width:569px; margin-right:9px;}


/*content*/
#content { background:url(../images/content-bg.gif); width:976px; margin-left:2px;}
#content .bg { background:url(../images/content-top.jpg) no-repeat left -1px; width:974px; margin-left:2px;}
#content .inside { padding:3px 58px 54px 60px;}

.maxheight img { position:relative;}

/*==================boxes====================*/
.box { background:url(../images/box-bg.jpg) left top repeat-y; width:100%; margin-left:2px;}
.box .top { background:url(../images/box-top.jpg) no-repeat left top;}
.box .top1 { background:url(../images/box-top1.jpg) no-repeat left top;}
.box .top2 { background:url(../images/box-top2.jpg) no-repeat left top; }
.box .bottom { background:url(../images/box-bot.jpg) no-repeat left bottom;}
.box .inner { padding:20px 25px 30px 32px;}

.box1 { background:url(../images/box1-bg.jpg) left top repeat-y; width:100%;}
.box1 .top { background:url(../images/box1-top.jpg) no-repeat left top;}
.box1 .top1 { background:url(../images/box1-top1.jpg) no-repeat left top;}
.box1 .bottom { background:url(../images/box1-bot.jpg) no-repeat left bottom;}
.box1 .inner { padding:20px 25px 30px 32px;}

.box2 { background:url(../images/box2-bg.jpg) left top repeat-y; width:100%;}
.box2 .top { background:url(../images/box2-top.jpg) no-repeat left top;}
.box2 .bottom { background:url(../images/box2-bot.jpg) no-repeat left bottom;}
.box2 .inner { padding:20px 25px 30px 32px;}

.title { margin-bottom:33px; background:url(../images/line-hor.gif) left bottom repeat-x;}
.title1 { margin:0 0 0 -13px; position:relative; background:url(../images/4page-title1.jpg) no-repeat; width:auto; height:40px;}
.title2 { margin:0 0 0 -13px; position:relative; background:url(../images/4page-title2.jpg) no-repeat; width:auto; height:40px;}
.title3{ margin:0 0 0 -13px; position:relative; background:url(../images/4page-title3.jpg) no-repeat; width:auto; height:40px;}
.title4{ margin:0 0 0 -13px; position:relative; background:url(../images/2page-title1.jpg) no-repeat; width:auto; height:40px;}
.title5{ margin:0 0 0 -13px; position:relative; background:url(../images/2page-title2.jpg) no-repeat; width:auto; height:40px;}
.title_cont{padding-top:5px;padding-left:55px; font-size:18px; color:#FFFFFF}
.content{  color:#fff;}


/*footer*/
#footer { background:url(../images/footer-bg.jpg) left top no-repeat; text-align:center; height:100px; width:980px; margin-left:2px;}
#footer p { padding:30px 0 10px 0; margin:0; font-size:1.1em;}
#footer p a { padding:0 28px 0 28px; color:#84817c; text-decoration:none;}
#footer p a:hover { color:#84817c; text-decoration:underline;}

.menu
{
width:554px;
height:126px;
padding:0px;
margin:0px;
}

.btn_home
{
background: url(../images/home.jpg) no-repeat; 
width:108px;
height:126px;
float:left;
display:block
}
.btn_home:hover, .homedown
{
background: url(../images/home_hover.jpg) no-repeat;
width:108px;
height:126px;
float:left;
}

.btn_profile
{
background: url(../images/profile.jpg) no-repeat;
width:145px;
height:126px;
display:block;
float:left;
}
.btn_profile:hover, .profiledown
{
background: url(../images/profile_hover.jpg) no-repeat;
width:145px;
height:126px;
float:left;
}

.btn_service
{
background: url(../images/service.jpg) no-repeat;
width:85px;
height:126px;
display:block;
float:left;
}
.btn_service:hover, .servicedown
{
background: url(../images/service_hover.jpg) no-repeat;
width:85px;
height:126px;
float:left;
}

.btn_ref
{
background: url(../images/ref.jpg) no-repeat;
width:106px;
height:126px;
display:block;
float:left;
}
.btn_ref:hover, .refdown
{
background: url(../images/ref_hover.jpg) no-repeat;
width:106px;
height:126px;
float:left;
}


.btn_contact
{
background: url(../images/contact.jpg) no-repeat;
width:110px;
height:126px;
display:block;
float:left;
}
.btn_contact:hover, .contactdown
{
background: url(../images/contact_hover.jpg) no-repeat;
width:110px;
height:126px;
float:left;
}
.hidden_pic
{
display:none;
}

li
{
list-style:none;
float:left;
display:block;
}

p
{
padding:0px;
margin:0px;
}