/**
* CSS
* 
* @version 1.0
*/
* {
	margin: 			0;
	padding: 			0;
}

body {
	font-size: 			12px;
	font-family: 		Verdana, sans-serif;
	background: 		#fff;
	color:				#999;
	margin:				10px;
}


body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link,
a:active ,
a:visited { 
	text-decoration: 		none; 
	color: 					#555; 
}

a:hover { 
	text-decoration: 		underline; 
	color: 					#555; 
}

a img { 
	border: 				none; 
}

#wrapper {
	width:					925px;
	margin:					0 auto 0 auto;
}

#header {
	margin-top:				25px;
	height:					100px;
}

#menu {
    width: 					224px;
	float:					left;
	padding-bottom:			200px;
	padding-left:			1px;
}

#menu ul,
#menu ul li{
	list-style: 			none;
	margin: 				0;
	padding:				0;
}

#menu ul li { 
	margin-bottom:			5px;
}

#menu li a {
	color:					#999;
}

#menu li.active a,
#menu li a:hover  {
	color:					#555;
	text-decoration:		none;
}

#content {
    width:					650px;
	float:					left;
	margin:					0 0 0 50px;
	padding-bottom:			30px;
}

#content  .container {
	position:				relative;
}

p {
    margin: 				0 0 9px 0;
	font-size:				12px;
	color:					#999;
	line-height:			1.5em;
}

#footer p {
	font-size:				9px;
	margin:					0;
	color:					#ccc;
}

#footer p a {
	color:					#ccc;
}

h1 {
	margin:					0;
	padding:				0;
}

h1 a { 
	font-size: 				30px; 
	color: 					#ccc !important; 
	font-weight:			normal; 
	margin: 				0; 
	padding: 				0 0 6px 0;
}

h1 a:hover { 
	text-decoration:		none;
}

h2 { 
	font-size: 				18px; 
	color: 					#ccc; 
	font-weight:			normal;
	margin: 				0 0 0 1px;
	padding: 				0;
}

h3 { 
	font-size: 				16px; 
}

h4 { 
	font-size: 				12px; 
}

body.section-2  .slideshow	{ 
	margin: 				0; 
	padding: 				0;
	min-height:				420px;

}



body.section-2 #img-container img {
	max-width:				650px;
	max-height:				400px;
}

#img-container p	{ 
	font-size:				9px;
	margin:					0 0 0 80px;
	background:				#fff;
}

#img-container p.title	{ 
	font-weight:			bold;
}


p.nav {
	z-index:				1000;	
	position:				absolute;
	bottom:					-11px;
}

p.nav a,
span#num
 {
	float:					left;
	text-indent:			-12000px;
	outline:				none;
	display:				block;
	
}

span#TB_prev ,
span#TB_next  {
	float:					left;
	display:				block;
}

span#TB_prev a,
span#TB_next  a {
	float:					left;
	display:				block;
	text-indent:			-12000px;
	outline:				none;
	
}


span#num  {
	text-indent:			0;
	padding:				0 !important;
	font-size:				10px;
	color:					#999;
}

#TB_window span#num  {
	margin-top:				15px;
}

p.nav a#prev,
span#TB_prev a   {
	background:				url(../../asset/img/arrow-left.gif) left center no-repeat;
	width:					20px;
	height:					20px;
}

p.nav a#next,
span#TB_next a {
	background:				url(../../asset/img/arrow-right.gif) right center no-repeat;
	width:					20px;
	height:					20px;
}

div#s1 {
	cursor:					pointer;
}

.clearfix:after {
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}
.clearfix {
	display:				inline-block;
}
	
.clearfix {					/* Hide from IE Mac \*/
							display:block;
}							/* End hide from IE Mac */