@charset "utf-8";

html {
	overflow-y: scroll;
}


/*
-------------------------------------------------------------------
	Body
-------------------------------------------------------------------
*/

body {
	margin:0 0 1px;
	padding:0;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#434343;
	background-color:#FFF;
}

/*
-------------------------------------------------------------------
	General
-------------------------------------------------------------------
*/

* {
	color:#9c9d9f;
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	line-height: 18px;
}


a img, img {
	border:none;
}

form {
	margin:0;
	padding:0;
}

span.txt-green {
	color:#9ab6aa;

}

a {
	color:#9ab6aa;
	text-decoration:none;
}

a.lnk-gray {
	color:#9c9c9f;
	text-decoration:none;
}


p {
	text-align:center;
	margin-bottom:18px;
}


.align-left p {
	text-align:left;
}

.sm-height p {
	line-height: 16px;
	margin-bottom:16px;
}

/*
-------------------------------------------------------------------
	Container
-------------------------------------------------------------------
*/

#container {
	position:relative;
	width:672px;
	margin:0 auto;
	padding:0;
}


/*
-------------------------------------------------------------------
	Header
-------------------------------------------------------------------
*/

#header {
	position:relative;
	width:672px;
	height:189px;
}
	
	#logo {
		z-index:1;
	}
	
	ul#main {
		position:absolute;
		left:234px;
		bottom:0;
		margin:0;
		padding:0;
		list-style:none;
		z-index:3;
	}
	
		ul#main li {
			float:left;
			padding:0;
			margin:0;
		}
		
			ul#main li a {
				float:left;
				margin:0;
				padding:3px 4px 3px 5px;
			}
			
				ul#main li a span {
					float:left;
					height:8px;
					overflow:hidden;
				}
	
/*
-------------------------------------------------------------------
	Submenu
-------------------------------------------------------------------
*/
	
	#sub {
		display:none;
		position:absolute;
		left:222px;
		bottom:-133px;
		width:226px;
		height:145px;
		margin:0;
		padding:0;
		background:url(sub-menu-bg.png) no-repeat;
		z-index:2;
	}
	
		#sub ul {
			position:absolute;
			left:18px;
			top:17px;
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#sub ul li {
				padding:0;
				margin:0;
			}
			
				#sub ul li a {
					display:block;
					margin:0;
					padding:4px 0 4px;
				}
				
					#sub ul li a#s2 {
						padding:4px 0 3px;
					}
					
					#sub ul li a#s3 {
						padding:4px 0 3px -1px;
					}
				
					#sub ul li a span {
						display:block;
						height:10px;
						overflow:hidden;
					}

/*
-------------------------------------------------------------------
	Work
-------------------------------------------------------------------
*/

#welcome {
	position:absolute;
	top:192px;
	left:-67px;
	width:407px;
	height:372px;
	z-index:1000;
}

	#welcome p {
		position:absolute;
		top:157px;
		left:125px;
		text-align:center;
		z-index:2;
	}
	
	#welcome #start {
		display:block;
		position:absolute;
		top:270px;
		left:160px;
		width:120px;
		height:40px;
		cursor:pointer;
		background:url(clear.gif);
		z-index:3;
	}
	
	#welcome img {
		width:407px;
		height:372px;
		z-index:1;
	}

#slideshow {
	position:relative;
	width:672px;
	height:438px;
	margin:38px 0 0 0;
	padding:0;
}
	
	#slideshow #slide {
		position:absolute;
		left:57px;
		top:0;
		width:557px;
		height:438px;
		text-align:center;
		overflow:hidden;
	}
		
		#slideshow #view {
			position:absolute;
			left:0;
			top:0;
			width:557px;
			height:438px;
			background-position:center;
			background-repeat:no-repeat;
			overflow:hidden;
		}
		
		#slide #loading {
			position:absolute;
			left:260px;
			top:195px;
			z-index:-1;
		}
		
	#slideshow #al1 {
		position:absolute;
		left:0;
		top:0;
		cursor:pointer;
	}
	
	#slideshow #ar1 {
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
	}
		

#slidecontrol {
	position:relative;
	width:672px;
	height:100px;
	margin:38px 0 0 0;
	padding:0;
}
	
	#cats {
		position:absolute;
		top:0;
		left:140px;
		width:391px;
		height:31px;
		background:url(shadowcat.gif) no-repeat top;
	}	
	
		#catname {
			position:absolute;
			top:12px;
			left:141px;
			width:108px;
			height:8px;
		}	

		#al2 {
			display:none;
			position:absolute;
			left:122px;
			top:8px;
			cursor:pointer;
		}
		
		#ar2 {
			display:none;
			position:absolute;
			right:123px;
			top:8px;
			cursor:pointer;
		}
		
	#slides {
		position:absolute;
		top:31px;
		left:0;
		width:672px;
		height:69px;
		margin:0;
		padding:31px 0 0;
	}
		
		#slider_container {
			position:absolute;
			left:57px;
			top:0;
			width:558px;
			height:69px;
			overflow:hidden;
		}
		
			#slider {
				position:absolute;
				left:0;
				top:0;
				height:69px;
			}
			
				#slider div {
					position:absolute;
					left:0;
					top:0;
					height:69px;
					width:92px;
					cursor:pointer;
				}
		
		#al3 {
			position:absolute;
			left:0;
			top:0;
			cursor:pointer;
			display:none;
		}
		
		#ar3 {
			position:absolute;
			right:0;
			top:0;
			cursor:pointer;
			display:none;
		}
		
	
	#preload {
		display:none;
	}

/*
-------------------------------------------------------------------
	Contents
-------------------------------------------------------------------
*/

#contents {
	width:974px;
	margin:0 0 14px;
	padding:22px 0 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	background:#f8f8f8;
}

	#contents #col_1 {
		float:left;
		width:230px;
		margin:0;
		padding:0 0 0 17px;
		overflow:hidden;
	}
	
	#contents #col_2 {
		float:left;
		width:390px;
		margin:0;
		padding:0 0 0 9px;
		border-left:1px solid#bbbbbb;
		overflow:hidden;
	}
	
	#contents #col_3 {
		float:left;
		margin:0;
		padding:0 0 0 9px;
		border-left:1px solid#bbbbbb;
		overflow:hidden;
	}
	
	#contents h1 {
		margin:0;
		padding:0 0 16px 0;
		font-size:16px;
		line-height:20px;
	}
	
	#contents h2 {
		margin:0;
		padding:0 0 16px 0;
		font-size:14px;
		line-height:18px;
	}
	
	#contents h3 {
		margin:0;
		padding:0 0 16px 0;
		font-size:12px;
		line-height:17px;
	}
	
	#contents h4 {
		margin:0;
		padding:0 0 16px 0;
		font-size:10px;
		line-height:16px;
	}
	
	#contents p {
		margin:0;
		padding:0 0 16px 0;
	}
	
		#contents p a {
			color:#434343;
			text-decoration:none;
		}
		
			#contents p a:hover {
				text-decoration:underline;
			}
		
		#contents #col_2 p {
			width:380px;
		}
		
		#contents #col_3 p {
			width:300px;
		}


#content .col-left {
		float:left;
		width:300px;
		margin:0 18px 0 0;
		overflow:hidden;
	}
	
#content .col-right {
		float:left;
		width:250px;
		margin:0;
		overflow:hidden;
	}

/*
-------------------------------------------------------------------
	Helpers
-------------------------------------------------------------------
*/

/*Color*/
.blue {	color:#1bb8e8; }
.red { color:#C00; }
.gray { color:#CCC; }

/*Fontsize*/
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }

/*Lineheight*/
.lh17 { line-height:17px !important; }
.lh22 { line-height:22px !important; }

.tac { text-align:center; }

/*Position*/
.abs { position:absolute; }
.rel { position:relative; }

.tm4 { top:-4px; }

.right, .r0 { right:0; }
.right10 { right:10px; }

.b27 { bottom:27px !important; }

.l0 { left:0; }
.l10 { left:10px; }

.lm10 {
	position:relative;
	left:-10px;
}

/*Width*/
.w50 { width:50px; }
.w60 { width:60px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w300 {	width:300px; overflow:hidden; }

/*Height*/
.h51 { height:51px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h226 { height:226px; }
.h234 { height:234px; }

/*Floating*/
.fl { float:left; }
.clear { clear:both; display:block; height:0 !important; overflow:hidden; line-height:0; }

/*Clear*/
.cb { clear:both; }
.cl { clear:left; }

/*Margin*/
.mt_10 { margin-top:-10px !important; }
.mt0 { margin-top:0 !important; }
.mt20 { margin-top:20px !important; }
.mt27 { margin-top:27px !important; }

.mr0 { margin-right:0 !important; }
.mr15 { margin-right:15px !important; }

.mb_10 { margin-bottom:-10px !important; }
.mb0 { margin-bottom:0 !important; }
.mb15 { margin-bottom:15px !important; }
.mb25 { margin-bottom:25px !important; }
.mb68 { margin-bottom:68px !important; }
.mb100 { margin-bottom:100px !important; }

.ml10 { margin-left:10px !important; }

/*Padding*/
.pt12 { padding-top:12px !important; }
.pt24 { padding-top:24px !important; }
.pt51 { padding-top:51px !important; }

.pr0 { padding-right:0 !important; }

.pb0 {	padding-bottom:0 !important; }
.pb4 {	padding-bottom:4px !important; }
.pb6 {	padding-bottom:6px !important; }
.pb10 {	padding-bottom:10px !important; }
.pb12 {	padding-bottom:12px !important; }
.pb18 {	padding-bottom:18px !important; }
.pb27 {	padding-bottom:27px !important; }
.pb34 {	padding-bottom:34px !important; }
.pb51 {	padding-bottom:51px !important; }
.pb60 {	padding-bottom:60px !important; }
.pb120 { padding-bottom:120px !important; }
.pb150 { padding-bottom:150px !important; }

* html .pl10ie { padding-left:10px !important; }
.pl10 {	padding-left:10px !important; }

/*Visibility*/
.invisible { visibility:hidden; }

/*Display*/
.hidden { display:none; }

/*Overflow*/
.ofh { overflow:hidden; }


/*
-----------------------------------------------
	tinyMCE
-----------------------------------------------
*/

.defaultSkin .mce_h1 span.mceText { 
	margin:0;
	padding:0;
	font-size:16px !important;
	line-height:20px !important;
	color:#434343 !important;
}

.defaultSkin .mce_h2 span.mceText { 
	margin:0;
	padding:0;
	font-size:14px !important;
	line-height:18px !important;
	color:#434343 !important;
}

.defaultSkin .mce_h3 span.mceText { 
	margin:0;
	padding:0;
	font-size:12px !important;
	line-height:17px !important;
	color:#434343 !important;
}

.defaultSkin .mce_h4 span.mceText { 
	margin:0;
	padding:0;
	font-size:10px !important;
	line-height:16px !important;
	color:#434343 !important;
}


/*
-----------------------------------------------
	Ajax Upload
-----------------------------------------------
*/

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}