* {
	margin: 0;
	padding: 0;
}
body {
    background: url(../images/main/1bg.png) repeat;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
}
img{
	border: 0;
}
a {
	text-decoration: none;
	color: #000000;
}
ul {
	list-style-type:none;
	list-style-position:outside;
	overflow: auto;
}
#body {
	/*margin: 0px 15% 0px 11%;*/
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
	background-color: #FFFFFF;
}

#top {
	background: url(../images/main/dbanner.png) no-repeat center;
	width: 1024px;
	height: 540px;
}

#menu li {
	float: left;
	margin-top: 40px;
	margin-left: 30px;	
}
#menu li:first-child {
	margin-left: 430px;
}
#menu li a{
	color: #FFFFFF;
}
#menu li a.selected {
	font-weight:bold;
	color: #442521;
}
#menu li.highlight {
	font-size: 18px;
	font-weight: bold;
	margin-top: 35px;
}

#middle {
	width: 1024px;
    display: block;
    overflow: auto;
    background-color: #FFFFFF;
}
.content {
	background: url(../images/main/dsides.png) repeat-y top;
	float: left;	
	width: 1024px;
}

.showall {
	background-repeat: no-repeat;
	background-position: 60px 0px;	
	padding-left: 60px;
	padding-top: 0px;
	float: left;
    border: 0px solid red;
}

.showpart {
	padding-top: 10px;
	padding-left: 310px;
	padding-right: 100px;
	font-size:16px;
	font-weight: normal;
	color: #203D40;
	background-repeat: no-repeat;
	background-position: 60px 0px;
	
}
.welcome {
	background-image: url(../images/main/welcome.png);
	padding-right: 120px;

}
.welcome .highlight {
	font-size: 20px;
	font-weight: bold;
	color: #8c5136;
}

.lastest {
	background-image: url(../images/main/lastest-works.png);
}
ul.worklist {
	overflow: auto;
}
ul.worklist li:first-child {
	margin-left: 0px !important;
}
ul.worklist li {
	float: left;
	margin-left: 26px;
}
.haslimit {
    width: 573px;
}
ul.manyphotos li{
    margin-left: 25px !important;
}

ul.portfolio li {
	margin-left: 15px;
}

.worklist img {
	border: 1px solid #CFCFD0;
}
.moreworks {
	text-align: right;
	margin-right: 0px;
}
.moreworks a {
	color: #8C5136;
	font-weight: bold;
	font-size: 16px;
}

.gallery {
	background-image: url(../images/main/photo-gallery.png);
}

.separator {
	background: url(../images/main/line.png) repeat-x bottom;
	height: 1px;
	margin: 30px 80px 20px 68px;
}

.showright {
	float: left;
	margin-left: 30px;
	margin-top: 0px;
	color: #8c8479;
}
.showright li:first-child {
	margin-top: 10px;
}
.showright li {
	margin-top: 27px;
}
.showright a {
	font-size: 18px;
	font-weight: bold;
	color: #8c5136;
}

.showright a.selected {
	font-weight:bold;
	color: #E23401;
}

.rightbanner {
    position: relative;
    left: -13px;
}

#bottom {
	clear: left;
	background: url(../images/main/footer.png) no-repeat bottom;
	width: 1024px;
	height: 293px;
    background-color: #FFFFFF;
}
#bottom a {
	color: #2D0301;
}

ul.navlist li:first-child {
	margin-left: 60px;	
}
ul.navlist li {
	float: left;
	margin-top: 80px;	
	margin-left: 30px;
}

ul.linklist {
    height: 130px;
    background: url(../images/main/vertical-line.png) repeat-y left top;
    padding-left: 20px;
    font-family: Futura Lt BT, Arial;
    font-size: 18px;
}

ul.linklist li, ul.linklist li:first-child {
	clear: both;
	margin-top: 0px;
	margin-left: 0px;
}

ul.linklist .highlight {
    font-weight: bold;
}

ul.weblist li, ul.weblist li:first-child {
	clear: both;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}

.copyline {
	margin: 10px 60px;
	border-bottom: 1px solid #2D0301;
}
.copyright {
	margin: 8px 65px;
}



/* about.htm */

.about {
	background-image: url(../images/main/about.gif);
	padding-right: 120px;
}
.about .highlight {
	font-size: 20px;
	font-weight: bold;
	color: #8c5136;
}


/* contact.htm */

.contact {
	background-image: url(../images/main/contact.gif);
	padding-right: 120px;
}
.contact .highlight {
	font-size: 20px;
	font-weight: bold;
	color: #8c5136;
}


/* term.htm */

.term {
	background-image: url(../images/main/term.gif);
	padding-right: 120px;
}
.term .highlight {
	font-size: 20px;
	font-weight: bold;
	color: #8c5136;
}


/* item.htm */
.showzoom {
	background-repeat: no-repeat;
	padding-left: 60px;
	padding-top: 0px;
	float: left;
    width: 573px;
}

.worm {
	background-image: url(../images/main/worm.png);
}
.insect-spider {
	background-image: url(../images/main/insect-spider.png);
}
.butterfly {
	background-image: url(../images/main/butterfly.png);
}

.reptile-amp {
	background-image: url(../images/main/reptile-amp.png);
}
.flower {
	background-image: url(../images/main/flower.png);
}
.mushroom {
	background-image: url(../images/main/mushroom.png);
}
.pattern {
	background-image: url(../images/main/pattern.png);
}
.leaf-plant {
	background-image: url(../images/main/leaf-plant.png);
}
.landscape {
	background-image: url(../images/main/landscape.png);
}
.portrait{
	background-image: url(../images/main/portrait.png);
}
.othersphoto{
	background-image: url(../images/main/others.png);
}
.water{
	background-image: url(../images/main/water.png);
}







/* web.htm */
.web {
	background-image: url(../images/main/webtitle.gif);
}


/* stationery.htm */
.stationery {
	background-image: url(../images/main/stationerytitle.jpg);
}

/* print.htm */
.print{
	background-image: url(../images/main/printtitle.jpg);
}

/* illustration.htm */
.illustration{
	background-image: url(../images/main/illustrationtitle.jpg);
}

/* others.htm */
.others{
	background-image: url(../images/main/otherstitle.jpg);
}