body{
margin:0;
font-family: Arial, helvetica, san-serif;
font-size : 13px;
color:#333;
}
a{
color:#fd5816;
color:#d65;
color:#0099ff;
color:#fc5718;
text-decoration:none;
}
a:hover{
color:#333;
}
h1{
font-size:22px;
}
.wrap{
width:978px;
padding-left:20px;
padding-right:20px;

left:50%;
position:absolute;
margin-left:-516px;
margin-top:15px;
}
#sub{
position:absolute;
top:85px;
left:141px
}
#sub h2{
	font-size:22px;
}
.wrap-inner{
width:940px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:20px;
background-color:#fff;
z-index:10;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.header{
width:940px;
height:120px;
background-image:url('pics/bgheader.png');
background-repeat:repeat-x;
float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:20;
margin-bottom: 20px;
}
.header-inside{
height:160px;
width:904px;
float:left;
z-index:20;
}
.header-inside img{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.content-footer{
width:900px;
height:100px;
float:left;
margin-top:20px;
padding-bottom:100px;
padding-left:20px;
padding-right:20px;
text-align:center;
border-top:thin #ccc solid;
}

.headerPictures{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}
.headerPictures a{
margin:0;
padding:0;
float:left;
}
.headerPictures a img{
margin:0;
padding:0;
}

.footer{
width:1008px;
position:absolute;
bottom:0px;
left:50%;
margin-left:-520px;
}
/* menu */
.menu{
width:370px;
position:absolute;
right:47px;
height:40px;
margin-top:5px;
}
.content{
float:left;
width:960px;
}
.social{
	position: absolute;
right: 30px;
top: -16px;
z-index: 30;
height: 36px;
overflow: hidden;
}
.social-inner{
float:right;
width:120px;
text-align:right;
margin-top:10px;
}
.social a{
	float:left;
	width:32px;
	margin-bottom:2px;
	margin-right:3px;
}
.social img{
	border:none;
	width:100%;
	float:right;
}
.menu ul {
	list-style:none;
	padding:0;
	margin:0;
	float:right;
	position:absolute;
	background-image:url(trans.png);
	margin-left: 10px;
	border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.menu ul ul{

display:none;
}
.menu .dropd{
background-color:#fff;
}
.menu ul.dropd li a{
	font-size:12px;
	padding:10px 13px;
	border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.menu li {
	color:#fff;
	font-weight:bold;
	display:inline;
}

.menu li a {
	color:#fff;
	text-decoration:none;
	padding:10px 20px;
	cursor:pointer;
}

.rightCol div.customer{
padding:10px;
font-style:italic;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#ccc;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rightCol .customer p{
margin:0;
padding:0;
}
.rightCol .customer blockquote{

margin-bottom: 0px;
}
ul li {
	display:block;
	position:relative;
	float:left;
}

li ul {
	display:none;
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#2e2e2e;
	font-size:16px;
	
	white-space:nowrap;
}

.menu ul li a:hover {
	text-decoration:none;
	color:#fff;
}
.menu ul ul li{
	width:100%;
}
/*
li:hover ul {
	display:block;
	position:absolute;
}

li:hover li {
	float:none;
	font-size:14px;
}

*/
.menu ul li:hover > ul {
		display: block;
	}
li:hover a {
}

li:hover li a:hover {
	background:#ccc;
}

/* end menu */

.leftCol{
width:700px;
float:left;
}
.rightCol{
width:200px;
float:left;
margin-left:20px;
padding-left:20px;
border-left:thin #ccc solid;
padding-bottom:2px;
}
.left-inner{
width:320px;
height:580px;
position:absolute;
bottom:0px;
right:0px;
}
.leftColFull{
width:100%;
float:left;
}
.logo{
bottom:0px;
position:absolute;
width:320px;
height:440px;
right:0px;
}
.logo-inner{
bottom:0px;
position:absolute;
height:60px;
}
.logo a{
color:#c38b38;
text-decoration:none;
padding:5px;
padding-bottom:5px;
float:right;
}
.logo .active{
color:#fff;
}
.introstair{
margin-top:-110px;
width:320px;
}
.details{
bottom:60px;
position:absolute;
}
.details p{
font-size:0.9em;
line-height:1.3em;
color:#fff;
text-align:justify;
margin-top:2px;
}
.details h2{
font-size:1.2em;
text-align:right;
}
.right{
height:100%;
width:65%;
position:absolute;
bottom:0px;
right:0px;
min-width:500px;
min-height:480px;
}
.right-inner{
width:100%;
margin-left:70px;
}
.slider{
position:absolute;
bottom:90px;
height:73%;
min-width:500px;
min-height:200px;
width:40%;
max-height:660px;
max-width:550px;
}
.slider p{
	color:#fff;
}
.slider img{
	min-height:200px;
	min-width:200px;
	/*height:100%;*/
	width:auto;
	position:absolute;
	bottom:0px;

}
.slideControls{
	height:60px;
	position:absolute;
	bottom:0px;
	width:400px;
}
.box{
width:14px;
height:10px;
background-color:#c38b38;
float:left;
margin-right:7px;
cursor:pointer;	
}
.loading{
	bottom:200px;
	left:40%;
	position:absolute;
}

.shadowed{
-webkit-box-shadow: 0px 2px 10px rgba(34, 34, 34, 0.5);
-moz-box-shadow:    0px 2px 10px rgba(34, 34, 34, 0.5);
box-shadow:         0px 2px 10px rgba(34, 34, 34, 0.5);
}

