.index_news_box {
width:245px;float:left;border:0px solid #000;background:#fff;
}


.index_news_box a:link, .index_news_box a:visited{
   color:#666;
   text-decoration:none;
}

.index_news_box a:hover {
   text-decoration:underline;
}

.index_product {
   width:180px;float:left;overflow:hidden;height:165px;text-align:center;font:normal 9pt arial;
   margin-top:5px;
   
}


.index_product_box {
  text-align:center;height:135px;width:160px;overflow:hidden;
}

.index_product a:link , .index_product a:visited{
    color:#666;
    text-decoration:none;
}

.index_product a:hover {
   text-decoration:underline;
}


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

.footer_box {
    FONT: 8pt/16pt arial; 
    PADDING-TOP: 5px; 
    TEXT-ALIGN: center;
}

.youarehere {
    display:inline-block;
    width:100%;
    height:30px;
    float:left;
    color:#fff;
    font:normal 9pt/30px arial;
    border-top:1px solid #71B9E1;
      height:30px;
\\    margin-bottom:30px;
    padding-right:10px;
\\    BACKGROUND-POSITION: left top;
\\    background:url(../images/m04.gif) ;
    BACKGROUND-REPEAT: no-repeat;
    padding-left:15px;
}
.youarehere A:link, .youarehere A:visited{
    color:#fff;
    text-decoration:none;
}
.youarehere A:hover {
    text-decoration:underline;
}

TD {
    font:normal 8pt arial;
}


#wrapper .bl
{
\\  BACKGROUND: url(../images/bl-white-blue.gif) no-repeat 0px 100%
}
#wrapper .br
{
\\    BACKGROUND: url(../images/br-white-blue.gif) no-repeat 100% 100%
}
#wrapper .tl
{
\\    BACKGROUND: url(../images/tl-white-blue.gif) no-repeat 0px 0px
}
#wrapper .tr
{
\\    PADDING-RIGHT: 15px;
\\    PADDING-LEFT: 15px;
\\    BACKGROUND: url(../images/tr-white-blue.gif) no-repeat 100% 0px;
\\    PADDING-BOTTOM: 15px;
\\    PADDING-TOP: 15px
}


#greyContentBox
{
    WIDTH: 902px;
    BACKGROUND-COLOR: #e0e0e0;
    TEXT-ALIGN: left
}
#greyContentBox .bl
{
    BACKGROUND: url(../images/bl-grey-white.gif) no-repeat 0px 100%
}
#greyContentBox .br
{
    BACKGROUND: url(../images/br-grey-white.gif) no-repeat 100% 100%
}
#greyContentBox .tl
{
    BACKGROUND: url(../images/tl-grey-white.gif) no-repeat 0px 0px
}
#greyContentBox .tr
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    BACKGROUND: url(../images/tr-grey-white.gif) no-repeat 100% 0px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
}

#homePort
{
    DISPLAY: block;
    FLOAT: left;
    MARGIN: 0px 0px 15px;
    WIDTH: 872px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center;
}
#homePort .bl
{
    BACKGROUND: url(../images/bl-white-grey.gif) no-repeat 0px 100%
}
#homePort .br
{
    BACKGROUND: url(../images/br-white-grey.gif) no-repeat 100% 100%
}
#homePort .tl
{
    BACKGROUND: url(../images/tl-white-grey.gif) no-repeat 0px 0px
}
#homePort .tr
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: url(../images/tr-white-grey.gif) no-repeat 100% 0px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;


}
#lrgWhiteContentBox
{
    BACKGROUND-POSITION: center top;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../images/bg-lg-top-grey.gif);
    MARGIN: 0px 0px 15px;
    WIDTH: 872px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

#lrgWhiteContentBox #whiteContentBoxInt
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#lrgWhiteContentBox .bl
{
    BACKGROUND: url(../images/bl-white-grey.gif) no-repeat 0px 100%
}
#lrgWhiteContentBox .br
{
    BACKGROUND: url(../images/br-white-grey.gif) no-repeat 100% 100%
}
#lrgWhiteContentBox .tl
{
    BACKGROUND: url(../images/tl-grey-grey.gif) no-repeat 0px 0px
}

#lrgWhiteContentBox .tr
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    BACKGROUND: url(../images/tr-grey-grey.gif) no-repeat 100% 0px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
}

.lgHeadingSpacer
{
    HEIGHT: 115px;
    OVERFLOW:hidden;
}

#homeColOne
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 19px 0px 0px;
    WIDTH: 270px;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 0px;
    OVERFLOW:hidden;
    FONT:normal 12px/15pt 宋体;
    COLOR:#5c5c5c;
}
#homeColTwo
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 19px 0px 0px 35px;
    WIDTH: 270px;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 0px;
    OVERFLOW:hidden;
    FONT:normal 12px/15pt 宋体;
    COLOR:#5c5c5c;
}

#intCol
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 19px 0px 0px 35px;
    WIDTH: 540px;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 0px;
    OVERFLOW:hidden;
    FONT:normal 12px/15pt 宋体;
    COLOR:#5c5c5c;
}


#medWhiteContentBox
{
    BACKGROUND-POSITION: center top;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../images/bg-med-top-grey.gif);
    MARGIN: 0px 0px 15px;
    WIDTH: 647px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
    OVERFLOW:hidden;
}
#medWhiteContentBox .bl
{
    BACKGROUND: url(../images/bl-white-grey.gif) no-repeat 0px 100%
}
#medWhiteContentBox .br
{
    BACKGROUND: url(../images/br-white-grey.gif) no-repeat 100% 100%
}
#medWhiteContentBox .tl
{
    BACKGROUND: url(../images/tl-grey-grey.gif) no-repeat 0px 0px
}
#medWhiteContentBox .tr
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    BACKGROUND: url(../images/tr-grey-grey.gif) no-repeat 100% 0px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px
}
.smHeadingSpacer
{
    HEIGHT: 95px;
    OVERFLOW:hidden;
}


#rightContentBox
{
    FLOAT: right;
    WIDTH: 210px;
    OVERFLOW:hidden;
    
}
#rightQuoteBox
{
    MARGIN: 0px 0px 15px;
    WIDTH: 210px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
    OVERFLOW:hidden;
}

#rightQuoteBox .tl
{
    BACKGROUND: url(../images/tl-white-grey.gif) no-repeat 0px 0px
}
#rightQuoteBox .br
{
    BACKGROUND: url(../images/br-white-grey.gif) no-repeat 100% 100%
}
#rightQuoteBox .bl
{
    BACKGROUND: url(../images/bl-white-grey.gif) no-repeat 0px 100%
}

#rightQuoteBox .tr
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: url(../images/tr-white-grey.gif) no-repeat 100% 0px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}

#web-design-quote
{
    MARGIN: 10px 0px 0px;
    FONT:normal 12px arial;
    COLOR:#5c5c5c;
}
#web-design-quote INPUT
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    MARGIN: 3px 0px;
    BORDER-LEFT: 0px;
    WIDTH: 185px;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #e0e0e0
}
#web-design-quote TEXTAREA
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    MARGIN: 3px 0px;
    BORDER-LEFT: 0px;
    WIDTH: 185px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    HEIGHT: 60px;
    BACKGROUND-COLOR: #e0e0e0
}

#rightQuoteBox P
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    FONT:normal 12px arial;
    COLOR:#5c5c5c;
}

#web-design-quote #submitsm
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND: url(../images/SEND-sm.gif) no-repeat;
    WIDTH: 59px;
    COLOR: #5c5c5c;
    FONT-FAMILY: arial, Arial, Helvetica, sans-serif;
    HEIGHT: 23px
}
#web-design-quote #more
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND: url(../images/SUPPLY-MORE.gif) no-repeat;
    WIDTH: 85px;
    COLOR: #5c5c5c;
    FONT-FAMILY: arial, Arial, Helvetica, sans-serif;
    HEIGHT: 23px
}

#style3Col
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 19px 0px 0px;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 0px;
}
#intHeader
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: center center;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(../images/bg-int-header.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 15px;
    WIDTH: 902px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 144px;
    TEXT-ALIGN: left
}

#intHeaderLogo
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 245px;
    PADDING-TOP: 67px;
    TEXT-ALIGN: right
}

#homeHeaderLogo
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 245px;
    PADDING-TOP: 158px;
    TEXT-ALIGN: right
}
#intHeaderLogo H1, #homeHeaderLogo H1
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    TEXT-TRANSFORM: lowercase;
    COLOR: #ffffff;
    LINE-HEIGHT: 11px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#clientTestimonials
{
    PADDING-RIGHT: 25px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    WIDTH: 500px;
    COLOR: #00769a;
    PADDING-TOP: 27px;
    FONT-FAMILY: arial, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
#clientTestimonials P
{
    TEXT-ALIGN: right
}
#clientTestimonials A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: none
}
#clientTestimonials A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: none
}

#clientTestimonials A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: underline
}

#clientTestimonialsMain
{
    PADDING-RIGHT: 25px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    FLOAT: right;
    PADDING-BOTTOM: 20px;
    WIDTH: 500px;
    COLOR: #00769a;
    PADDING-TOP: 27px;
    FONT-FAMILY: 宋体,Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
#clientTestimonialsMain
{
    HEIGHT: 80px
}



#clientTestimonialsMain A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
#clientTestimonialsMain A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

#clientTestimonialsMain A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.bigBlue
{
    FONT-WEIGHT: normal;
    LINE-HEIGHT:30pt;
    FONT-SIZE: 14px;
    COLOR: #01789c;    
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smallBlue
{
    FONT-WEIGHT: normal;
    LINE-HEIGHT:20pt;
    FONT-SIZE: 12px;
    COLOR: #01789c;    
    FONT-FAMILY: 宋体;
}
.smallBlue A:link,.smallBlue A:visited
{
    FONT-WEIGHT: normal;
    LINE-HEIGHT:20pt;
    FONT-SIZE: 12px;
    COLOR: #01789c;    
    FONT-FAMILY: 宋体;
    TEXT-DECORATION:none;
}

.smallBlue A:hover{
    COLOR:#f60;
    TEXT-DECORATION:underline;
}

.smOrange
{
    FONT-WEIGHT: normal;
    LINE-HEIGHT:16pt;
    FONT-SIZE: 12px;
    COLOR: #5c5c5c;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.mainfont
{
    FONT-SIZE: 12px;
    COLOR: #ff6600;
    FONT-FAMILY: 宋体;
}
UL.exp {
    PADDING-TOP:0px;
    MARGIN-TOP:0px;
    }
.exp LI {
    FONT:normal 12px/16pt 宋体;
}
.nav_page_current,.nav_page_link{
    PADDING-LEFT:4px;
    PADDING-RIGHT:4px;
    color:#000;
}

UL.normal_ul {
    PADDING-LEFT:0px;
    MARGIN-LEFT:0px;
    PADDING-TOP:0px;
    MARGIN-TOP:5px;
}
.normal_ul LI {
    LIST-STYLE-TYPE: none;
    COLOR:#888;
}
.little_title {
    BACKGROUND:url(../images/little_title_bg.gif);
    HEIGHT:29px;
    WIDTH:190px;
    COLOR:#fff;
    font:bold 12px/29px 宋体;
    text-align:center;
    overflow:hidden; 
}

.logo {
float:left;width:230px;height:100%;

}


.content_body  a:link, .content_body a:visited{
    text-decoration:none;
}
.content_body a:hover{
    text-decoration:underline;
}


.pagenav{
    margin-top:20px;
     font:normal 8pt/20px arial;

    
}

.pagenav a:link, .pagenav a:visited{
   color:#000;
   text-decoration:underline;
   font:normal 8pt/20px arial;
   padding-left:4px;
   padding-right:4px;

}

.pagenav a:hover {
   font:normal 8pt/20px arial;
   text-decoration:none;
}

.pagenav .currentpage {
   color:#000;
   font:bold 8pt/20px arial;
   font-weight:bold;
   padding-left:4px;
   padding-right:4px;
}

.category_bar {
    width:731px;
    height:38px;
    background:url(../images/category_bar_bg.gif);
    font:bold 9pt/38px arial;
    color:#f00;
    vertical-align:middle;

}

.category_bar .right {
    padding-right:10px;
    word-spacing: 3px;
}

.category_bar .right INPUT {
    margin-left:5px;
}