@charset "utf-8";

/* CSS Document */



html, body, table {height:100%;}

body {margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#container {width:980px;margin:auto;position:relative;display:block;}

img {border:0px;}

.logo {width:240px;height:48px;float:left;clear:right;margin:40px 0px 0px 40px;}

.social {clear:right;width:200px;float:right;margin-top:15px; text-align:right;margin-right:20px;}

#navi {clear:right;width:618px;height:65px;float:right;margin-top:11px;}



/* -------------------------  Navigation  */



.clear {clear:both}

/* remove the list style */

#nav {

    margin:5px 0px 0px 0px;

    padding:0;

    list-style:none;

}  

     

    #nav li {

		font-size:14px;

        text-align:center;

        float:left;

        display:block;

		height:61px;

        width:121px;

        background:url(../images/button-bg.png) no-repeat;

        position:relative;

        z-index:500;

        margin:0 1px;

    }

         

    #nav li ul li {

		padding: 8px 0px 0px 10px;

        background:url(../images/button-bg2.png) no-repeat;

		font-size:12px;

		height:38px;

		width:160px;

        text-align:left;

    }





    /* this is the parent menu */

    #nav li a {

        display:block;

        padding:28px 5px 10px 5px;

        font-weight:bold; 

        height:23px;

        text-decoration:none;

        color:#fff;

        color:#333;

    }

 

    #nav li a:hover {

        color:#898a8a;

    }

     

    /* you can make a different style for default selected value */

    #nav a.selected {

        color:#f00;

    }

     

        /* submenu, it's hidden by default */

        #nav ul {

            position:absolute;

            left:0;

            display:none;

            margin:0 0 0 -1px;

            padding:0;

            list-style:none;

        }

         

        #nav ul li {

            width:100px;

            float:left;

            border-top:1px solid #fff;

        }

         

        /* display block will make the link fill the whole area of LI */

        #nav ul a {

            display:block; 

            height:15px;

            padding: 8px 5px;

            color:#666;

        }

         

        #nav ul a:hover {

            text-decoration:none; 

        }

 

/* fix ie6 small issue */

/* we should always avoid using hack like this */

/* should put it into separate file : ) */

*html #nav ul {

    margin:0 0 0 -2px;

}

/*  -------------------- end navigation */



ul.hover_block {

	display: block;

	position:relative;

	overflow: hidden;

	height: 1%;

	margin:0px;

	padding:0px;

}

ul.hover_block li, ul.hover_block2 li {

	list-style:none;

	width:324px;

	position: relative;

	height:400px;

}

ul.hover_block li a, ul.hover_block2 li a {

	display: block;

	height: 400px;

	overflow: hidden;

	width: 324px;

	color: #e4af92;

	font-size: 16px;

	padding:13px;

}

.autom ul.hover_block li a, .autom ul.hover_block2 li a {background:url(../images/auto2.jpg) no-repeat;}

.spice ul.hover_block li a, .spice ul.hover_block2 li a {background:url(../images/spice2.jpg) no-repeat;}

.dental ul.hover_block li a, .dental ul.hover_block2 li a {background:url(../images/dental2.jpg) no-repeat;}



ul.hover_block li a, ul.hover_block2 li a {

	text-decoration: none;

}

ul.hover_block li img, ul.hover_block2 li img {

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

}



.hm_head {width:980px;position:relative;display:table;height:130px;}

.hm_head2 {width:980px;position:relative;display:table;margin-top:35px;height:400px;}

.hm_head3 {width:980px;position:relative;display:table;margin-top:1px;height:308px;}

.menu-img {float:left;margin-top:-15px;margin-right:5px;}

.autom {position:absolute;width:324px;}

.spice {position:absolute;width:324px;left:326px;}

.dental {position:absolute;width:324px;left:652px;}

.content {clear:both;width:980px;display:table;margin-top:20px;height:240px;position:relative;margin-bottom:20px;}



.welcome {width:608px;padding:0px 20px 0px 20px;height:254px;border:1px solid #d2d1d1;display:block;position:absolute;background:#fff url(../images/bx-head1.jpg) top left no-repeat;line-height:18px;text-align:justify;}

.address {width:282px; padding:0px 20px 0px 20px;height:254px;border:1px solid #d2d1d1;display:block;position:absolute; left:652px;background:#fff url(../images/bx-head1.jpg) top left no-repeat;}

.content2 {clear:both;width:980px;display:table;margin-top:20px;position:relative;height:100%;margin-bottom:10px;}

.welcome3 {width:608px;padding:0px 20px 0px 20px;border:1px solid #d2d1d1;display:table;position:relative;float:left;background:#fff url(../images/bx-head1.jpg) top left no-repeat;line-height:18px;text-align:justify;height:100%;}

.welcome4 {width:608px;padding:0px 20px 0px 20px;border:1px solid #d2d1d1;display:table;position:relative;float:left;background:#fff url(../images/bx-head3.jpg) top left no-repeat;line-height:18px;text-align:justify;height:100%;}

.welcome2 {width:608px;padding:0px 20px 0px 20px;border:1px solid #d2d1d1;display:table;position:relative;float:left;background:#fff url(../images/bx-head2.jpg) top left no-repeat;line-height:18px;text-align:justify;height:100%;}

.address2 {clear:right;float:right;width:282px; padding:10px 20px 10px 20px;border:1px solid #d2d1d1;display:table;position:relative;background-color:#fff;vertical-align:top;height:96%;margin-right:3px;}



.footer{clear:both;width:944px;display:table;height:4px;border:1px solid #aaaaaa;background-color:#e8e8e8;font-size:11px;padding:15px;text-align:center; }
.footer a{font-size:11px; color:#09F;text-decoration:none;}
.footer a:hover{font-size:11px; color:#36C;text-decoration:none;}



h1 {font-size:16px;margin-bottom:30px;margin-left:13px;}

.auto-cat {border:1px solid #c6c6c6;background-color:#eeeeee;width:255px;padding:10px;}

.spc {margin-right:20px;}

.fld {width:250px;border:1px solid #ccc;background-color:#f8f8f8;height:20px;}

.fld2 {width:400px;border:1px solid #ccc;background-color:#f8f8f8;}

.prds1 {width:168px;height:130px;float:left;border:1px solid #e4dbd2;padding:6px;margin:6px; text-align:center;position:relative;display:block;line-height:16px; }

#gal {margin:0px;padding:0px;}