* {
	margin: 0;
	padding: 0;
}
html, body {
	height:100%;
	width: 100%;
}
body {
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: .75em;
}
a {
	color: #dd007a;
}
.contact strong,h5{
	color: #dd007a;
	padding: 10px 0 10px 0;
	font-size: 14px;
}	
strong em{
	font-style: normal;
	color: #dd007a;
}	
.hide,#header a em,.right li em,#loadpic img{
	display: none;
	visibility: hidden;
}
.clear{
	clear: both;
}	
#frame{
	width: 990px;
	/*height: 600px;*/
	/*margin: 0 auto;*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -495px;
	margin-top: -300px;
}
#shadow-head{
	width: 990px;
	height: 8px;
	background: #ffffff url(../images/shadow.png) 0 0 no-repeat;
}
#content{
	background: #ffffff url(../images/background.jpg) no-repeat top right;
}

#menu{
	width: 300px;
	padding: 20px 0 20px 50px;
	float: left;
}
#menu div{
	width:100%;
	
	margin-bottom:1px;
	clear: both;
}	
#menu a{
	float:left;
	margin: 0 1px 1px 0;
	background-image:  url(../images/menu.png);
}
#menu a,#menu span {
	display : block;
	width: 123px;
	height: 121px;
	
}
#menu em{
	display: none;
}

#menu .education{background-position : 0 0;}
#menu .ecommerce{background-position : -123px 0;}
#menu .general{background-position : -246px 0;}
#menu .logo{background-position : 0 -121px;}
#menu .travel{background-position : -123px -121px;}
#menu .others{background-position : -246px -121px;}
#menu span.on,#menu span:hover{
	background: url(../images/on.png) no-repeat;
}
#menu .link{
	background: none;
}	
#detail{
	float: left;
	width: 630px;
}
.welcome{
	background: #ffffff url(../images/welcome.gif) no-repeat;
	width: 134px;
	height: 34px;
	margin: 100px 0 0 200px;
}
#logo{
	background: #ffffff url(../images/web-logo.gif) no-repeat;
	width: 237px;
	height: 62px;
	margin: 30px 0 0 30px;
}
#contact{
	margin: 40px 0 0 200px;
}

#copyright{
	margin: 130px 0 0 30px;
}
#sub-frame{
	width: 990px;
	/*height: 600px;*/
	margin: 0 auto;
	padding-top: 20px;
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -495px;
	margin-top: -378px;*/
}
#header .left,#header .right{
	height: 173px;
}	
.left{
	width: 350px;
	float: left;
}
.right{
	width: 640px;
	float: left;
}
#header a{
	display:block;
	background: #ffffff url(../images/web-logo.gif) no-repeat;
	width:237px;
	height:62px;
	margin: 70px 0 0 50px;
}

#header .right ul{
	float: right;	
	margin-right: 20px;
}
#header .right li{
	list-style: none;
	float: left;
	width: 54px;
	height: 44px;
	margin: 44px 5px 20px 5px;
	background-image: url(../images/nav.jpg);
}
#heading{
	width: 133px;
	height: 30px;
	clear: both;
	margin-right: 20px;
	float: right;	
	margin-bottom: 50px;
	background-image: url(../images/head.gif);
}
#heading h1{
	display: none;
}	
.tab-edu{background-position: 0 44px;}
.tab-ecom{background-position: -54px 44px;}
.tab-gen{background-position: -108px 44px;}
.tab-logo{background-position: -162px 44px;}
.tab-tra{background-position: -216px 44px;}
.tab-oth{background-position: -270px 44px;}

.tab-edu-on{background-position: 0 0;}
.tab-ecom-on{background-position: -54px 0;}
.tab-gen-on{background-position: -108px 0;}
.tab-logo-on{background-position: -162px 0;}
.tab-tra-on{background-position: -216px 0;}
.tab-oth-on{background-position: -270px 0;}

.head-education{background-position: 0 0;}
.head-ecommerce{background-position: 0 -30px;}
.head-general{background-position: 0 -60px;}
.head-logo{background-position: 0 -90px;}
.head-travel{background-position: 0 -120px;}
.head-flash{background-position: 0 -150px;}

#gal-shadow-top{background: #ffffff url(../images/gal-shadow.png)  0 0 no-repeat;width: 622px;height: 13px;}
#main-pic{
	width:622px;
	height: 370px; 
	background: #e7e7e7 url(../images/background.gif) no-repeat;
	text-align: center;
}
#gal-shadow-bottom{background: #ffffff url(../images/gal-shadow.png) 0 -13px no-repeat;width: 622px;height: 13px;}

#shadow-bottom{
	width: 990px;
	height: 8px;
	background: #ffffff url(../images/shadow.png) 0 -8px no-repeat;
}
.contact{
	float: left;width: 100px;padding:10px 0 0 10px;
}	
.contact a{
	height: auto !important;
}
#footer{
	padding: 10px 0 20px 50px;
}
.infiniteCarousel {
  width: 622px;
  position: relative;
}

.infiniteCarousel .wrapper {
	width: 500px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height: 70px;
	margin: 0 70px;
  	position: absolute;
    top: 0;
}
.infiniteCarousel ul a{
	color: #fff;
}	
.infiniteCarousel ul a img {
  	border: 2px solid #000;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;  
  height: 85px;
  width: 85px;
  padding: 1px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}