* {
margin:0;
padding:0;
}

ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li{
  float: left;
  display: block;
}

#a1,#a2,#a3,#a4{
  display: block;
  overflow: hidden;
  height: 500px;
  width: 40px;
  position:relative;
}

#a1{
  width: 780px;
}

ul li img{
  position: absolute;
  border: 3px solid #881212;
}

ul li p{
  margin: 0;
  padding: 0;
  width: 520px;
  display: block;
  margin-left: 85px;
}

div.demo {
	width:900px;
	height:500px;
	background-color:#eee;
	margin:0px auto 0;
}

div.title {
	width:40px;
	height:500px;
	position:relative;
	cursor:pointer;
	background:url(title.png);
	color:white;
	font-family:Candara;
	font-size:14px;
	float:left;
}

div.title p {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	font-weight:bold;
	position:absolute;
	left:-325px;
	top:175px;

	text-shadow: #000 1px 1px 2px;
}

#a1 {
	background:url(bk_about.jpg) 40px 0px;
}

#a2 {
	background:url(bk_service.jpg) 40px 0px;
}

#a3 {
	background:url(images/01.jpg) 40px 0px;
}

#a4 {
	background:url(bk_gallery.jpg) 40px 0px;
}

body {
	background:#5a4037 url(bk.png) repeat-x 0 -300px;
}

div.grass {
	position:absolute;
	top:500px;
	background:url(grass.png) repeat-x 50% 0;
	z-index:100;
	height:312px;
	width:100%;
}

div.bottom {
	background:#75665e;
	width:900px;
	margin:160px auto 40px;
	height:400px;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px
}

table {
	padding:20px;
	color:#bbb;
}

td {
	vertical-align:top;
	padding:10px;
}

h3 {
	font-size:18px;
	font-weight:bold;
	color:#ccc;
}

p {
	margin-top:20px;
	font-size:16px;
}

a {
	color:#3E2F17;
}

div.content {
	opacity:0.85;
	width:540px;
	height:445px;
	background-color:white;
	margin:10px 10px 10px 50px;
	padding-top:20px;
	position:relative;
}

h2 {
	color:#333;
	font-size:28px;
	border-bottom:5px solid #ccc;
	margin:0 20px 20px 20px;
	font-family:Candara;
}

div.content p {
	margin:0 20px 15px 20px;
	line-height:1.4em;
	font-size:14px;
	width:auto;
}

div.content ul {
}

#a3 li {
	display:inline;
	float:none;
}

#a3 img {
	width:140px;
	height:90px;
	border:none;
}

#a3 img.sel {
	width:136px;
	height:86px;
	border:2px solid yellow;
}

#slides {
	height:500px;
	margin-left:40px;
}

#slides li {
	width:140px;
	height:90px;
}

.jcarousel-skin-tango {
	margin-left:40px;
}

div#logo {
	width:900px;
	margin:0 auto;
	text-align:right;
}