@charset "utf-8";
html, body, form, div, h1, h2, h3, h4, h5, h6, p, img { margin:0; padding:0;}

body{ background:#D6D6D6 url(../images/bg.jpg); color:#333333; font:13px  Verdana, Geneva, sans-serif; margin:0; padding:0;}
.maincont{ width:1000px; margin:0 auto; background:#D6D6D6; padding:0; }
.scl{ margin:0; padding:0; clear:both;}

.logo{ width:434px; margin:10px;}
.header{ padding:0; width:981px; margin:0 auto;}
.header-lft{ background:url(../images/top-hd-bg.jpg) no-repeat; float:left; margin-right:10px; width:538px; height:328px;}
.header-rght{background:url(../images/top-hd-bg-2.jpg) no-repeat; float:left; width:390px; height:304px; padding:12px 18px;}
.cont{width:350px; line-height:25px; font-size:18px; height:100px; background:#BFBFBF; margin-top:45px;  padding:20px 20px 90px; color:#000; text-align:justify; font-style:italic; font-weight:bold;}


.footer{ font-size:11px; padding:15px 0 20px 15px; margin-top:10px; border-top:1px solid #006;}
.footer a{ font-size:11px; color:#333}
.copy{width:220px; float:right;}

/* After Login */
.nav {
	float:left; font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	line-height:normal;
	width:981px;
	padding-left:9px;
	}

.nav ul {
	margin:0;
	padding:5px 0px 0 0px;
	list-style:none;
	}

.nav li {
	display:block;
	margin:0;
	padding:0;
	margin-right:5px;
	}

.nav a {
	float:left;
	background:url(../images/menu-bg.jpg) no-repeat;
	margin:0;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding-top:10px;
	width:242px;
	height:28px;
	margin-right:2px;
	}

.nav a:hover {
	float:left;
	background:url(../images/menu-bg-hov.jpg) no-repeat;
	margin:0;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding-top:10px;
	width:242px;
	height:28px;
	margin-right:2px;
	}

.nav a.active {
	float:left;
	background:url(../images/menu-bg-hov.jpg) no-repeat;
	margin:0;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding-top:10px;
	width:242px;
	height:28px;
	margin-right:2px;
	}

.txt-cont{ width:980px; font-size:13px; margin:0 auto; }
.txt-cont h2{font-size:20px; color:#006; margin-bottom:10px;}
.txt{width:680px; float:left; margin-right:10px; padding-left:15px; text-align:justify;}
.txt2{width:900px; float:left; margin-right:10px; padding-left:15px; text-align:justify;}
.lft-nav{ width:260px; float:left; background:#02036D; margin-top:15px;}
.lft-nav h1{color:#FFF; font-size:18px; padding-bottom:10px; padding-left:10px;}
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 7px 5px;
background:#0A0082;
width:250px;
color:#FFF;
font-size:14px;
margin-bottom:5px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:#72A547;
}
.thepet{width:260px; float:left; background:#02036D; color:#FFF;}
.thepet ul{ list-style:none; padding:0; margin:0;}
.thepet li{ color:#FFF; padding-bottom:10px;}
.thepet li a{ padding-left:25px; text-decoration:none; color:#FFF; font-size:11px;}
.thepet li a:hover{ padding-left:25px; color:#FC3; font-weight:bold;}
.hd-txt{ font-size:16px; text-align:center; background:url(../images/menu-bg.jpg) no-repeat; width:242px; color:#FFF; padding:9px 0px;}
.hd-txt2{ font-size:14px; text-align:center; background:url(../images/menu-bg.jpg) no-repeat; width:242px; color:#FFF; padding:9px 0px;}
.marq{border:1px solid #666; padding:10px; font-size:12px;}
.marq ul{ margin:0; padding:0;}
.marq li{ list-style:none; float:left; margin-right:10px; display:block; width:125px;}
.marq li a{ color:#333;}
.marq li a:hover{ color:#F60;}
.prod{border:1px solid #CCC; padding:10px; font-size:12px;}
.prod ul{}
.prod li{ line-height:25px; margin-bottom:5px; font-weight:bold; font-size:14px;}
.prod li ul{ line-height:25px; margin-bottom:5px;}
.prod li ul li a{ background:#006; color:#FFFFFF; padding:5px; font-weight:normal !important; font-size:12px !important;}
.prod li ul li a:hover{ background:#666; color:#000000; padding:5px;}

.contact-lft{width:300px; float:left; font-size:12px; line-height:20px;}
.contact-lft h3{font-size:16px; color:#000099; border-bottom:1px solid #999999; margin-bottom:10px;}
.contact-rght{width:250px; float:right; line-height:20px;}


.profile{border:1px solid #666; padding:10px; font-size:12px;}
.pro-hd{ color:#FFF; font-weight:bold;}
.pro-img{border:1px solid #CCC; margin-right:15px; float:left; width:250px; text-align:center;}
.pro-txt{width:370px; float:left; line-height:25px;}

/*Slider*/
#slider_container_3 { background:url(../images/top-hd-bg.jpg) no-repeat; float:left; margin-right:10px; width:538px; height:328px;}

.SliderName_3 {
	float: left;
	width: 500px;
	height: 305px;
	overflow: hidden;
}
.sep{background:url(../images/sep.jpg) repeat-y; width:10px; margin:5px 10px; float:left; height:150px;}




/*Images Slider*/

.develop{border:1px solid #666; padding:10px; font-size:12px; overflow:hidden!important;}
.develop ul{float:left; padding:0 0 0 30px;}
.develop li{float:left; padding:0 42px 0 0;}
.imageScroll{width:600px !important;}


#outer {
    position:relative;
    display:none;
	border:2px solid #7EC2E0;
    margin:0px auto 40px;
    overflow:hidden;
    background-color:#fff;
	width:973px !important;
	height:116px !important;
 }
#inner0,#inner1 {
    position:absolute;
    padding:8px 0;
    
}
#inner0 img,#inner1 img {
    float:left;
    padding:4px;
    margin:15px 15px 0px 0px;
    cursor:pointer;
 }

.txt-area{ width:500px; border:1px solid #666; height:120px;}