/* lay-out */
body {
	overflow					: scroll;
	overflow-x					: hidden;
	margin						: 0;
	padding						: 0;
	background-color			: #161616;
	background-image            : url('/cssjs/img/site_bg.jpg');
	background-repeat           : repeat-x;
	background-position         : center top;	
	color						: #ccc;
	font-family 				: Arial, Helvetica, sans-serif;
	font-size 					: .95em;
	line-height					: 1.3em;
}

#site {
	margin						: 0;
	padding						: 0;
	text-align					: center;
}

#centerbox {
	width						: 970px;
	margin						: 0 auto 0 auto;
	text-align					: center;
}

#headerbox {
	position					: absolute;
	top							: 30px;
	left						: 0;
	width						: 100%;
	margin						: 0;
	padding						: 0;
	text-align					: center;
	z-index						: 1;
}

#menubox {
	width						: 970px;
	margin						: 20px auto 0 auto;
	text-align					: left;
}

#mainbox {
	position					: relative;
	width						: 960px;
	min-height					: 420px;
	margin-top					: 210px;
	padding						: 0;
	text-align					: right;
	z-index						: 1;
}

#contentbox {
	float						: right;
	width						: 685px;
	margin						: 0 30px;
	padding						: 0px;
	clear						: both;
	text-align					: left;
	z-index						: 1;
}

#homebox {
	margin-top					: 300px;
	padding-top					: 15px;
	clear						: both;
	z-index						: 1;
}

#subnav {
	float						: left;
	width						: 200px;
	margin-top					: 190px;
	text-align					: left;
}

#footerbox {
	position					: relative;
	width						: 970px;
	margin						: 15px 0;
	padding						: 0;	
	text-align					: left;
	clear						: both;
	z-index						: 1;	
}

/* text */
h1 {
	font-size 					: 1.7em;
	font-weight 				: normal;
	margin		 				: 0 0 .6em 0;
	color						: #fff;
}
h2 {
	font-size 					: 1.4em;
	font-weight 				: normal;
	margin		 				: .6em 0 .4em 0;
	color						: #fff;
}
h3 {
	font-size 					: 1.2em;
	font-weight 				: normal;
	margin		 				: .5em 0 .3em 0;
	color						: #fff;
}

ul {
	padding-left				: 20px;
}
ol {
	padding-left				: 25px;
}

.xsmall {
	font-size 					: .8em;
}
.small {
	font-size 					: .9em;
}
.large {
	font-size 					: 1.1em;
}
.xlarge {
	font-size 					: 1.3em;
}

image {
	border						: 0px;
}

.image_left {
	float						: left;
	margin						: 3px 20px 15px 0px;
	border						: none;
}
.image_right {
	float						: right;
	margin						: 3px 0px 15px 20px;
	border						: none;
}
.image_link {
	border						: 1px solid #666;
}

/* links */
a {
	color						: #fff;
	text-decoration				: underline;
}
a:hover {
	color						: #cc0066; 
	text-decoration				: underline;
}

a.thumb {
	text-decoration				: none;
	color						: #636300;
	width						: 100%;
 	filter						: gray();
}
a.thumb:hover {
	text-decoration				: none;
	color						: #969600;
	filter						: none;
}

/* content */
#content_title {
	margin						: 0px 0 15px 0;
	height						: 30px;
	background-image			: url('img/content_title_bg.png');
	background-attachment		: scroll;
	background-repeat			: no-repeat;
	background-position			: center top;
	clear						: both;
}
#content_title h1 {
	padding						: 0;
	color						: #fff;
}

#content {
	margin						: 0;
	padding						: 0;
}
#home {
	padding						: 0 15px;
}

.title {
	margin						: 0 0 .9em 0;
	font-size					: 1.3em;
	font-weight					: bold;
	color						: #fff;
}

.intro {
	margin						: 0 0 .9em 0;
	color						: #ccc;
}

.preview_item,
.preview_item_last {
	float						: left;	
	margin						: 0 12px 15px 0;
}
.preview_item_last {
	float						: left;	
	margin						: 0 0 15px 0;
}
.preview_link {
}

/* carousel */
#carousel {
	margin						: 100px 0 20px 0;
}
.carousel {
}
.carousel_list {
}
.carousel_item {
	margin						: 0 10px 0 5px;
}
.carousel_arrows {
	margin						: 20px 0 10px;
}
.prev {margin					: 0 10px;}
.next {margin					: 0 10px;}


/* keywords */
h3.keywords {
	clear						: both;
	color						: #666;
	margin						: 25px 0;
}
span.keywords {
	display						: inline;
	font-style					: italic;
	font-size					: .75em;
	color						: #666;
}

/* header */
#header {
	width						: 970px;
	height						: 100px;
	margin						: 0 auto 0 auto;
	font-size					: 2.2em;
	line-height					: 1.4em;
	color						: #fff;
}

.header_logo {
	float						: left;
	margin-left					: 165px;
	padding						: 0;
}
.header_title {
	float						: left;
	display						: block;
	margin-left					: 30px;
	width						: 400px;
	padding						: 0;
	text-align					: left;
}
.header_title_image {
	position					: absolute;
	top							: 30px;
	margin-left					: 250px;
	padding						: 0;
	z-index						: 3;
}

/* footer */
#footer {
	margin						: 25px 0;
	border-top					: 1px solid #666;
	clear						: both;
	color						: #999;
	font-size					: .8em;
}
.footer_nav {
	font-size					: 1.3em;
	display						: inline;
}

#webdesign {
	padding						: 0;
	text-align					: right;
	font-family					: Arial, Helvetica, sans-serif;
	font-size 					: .68em;
	color						: #222;
}
#webdesign * {
	color						: #333;
	text-decoration				: none;
}

/* top menu */
#menu {
	margin						: 0 30px 0 255px;
	padding						: 2px 0;
	border-top					: 1px solid #ccc;
	border-bottom				: 1px solid #ccc;
	font-size					: 1em;
	text-align					: left;
}

ul.menu {
	display						: inline;
	margin						: 0;
	padding						: 0;
	list-style					: none;
}
li.menu_item {
	display						: inline;
	padding						: 0 45px 0 30px; 
	list-style					: none;
}

a.menu_link {
	color						: #fff;
	font-weight					: normal;
	text-decoration				: none;
}
a:hover.menu_link {
	color						: #cc0066; 
	font-weight 				: normal;
	text-decoration				: none;
}
.menu_item .selected {
	color						: #ff0099; 
	font-weight					: normal;
	text-decoration				: none;
}

/* side navigation */
#subnav {
	min-height					: 140px;
	margin						: 0;
	padding						: 0;
	border-left					: 1px solid #ccc;
	font-size					: .9em;
	text-align					: left;
}

ul.subnav {
	margin						: 0 10px;
	padding						: 0;
	list-style					: none;
}
li.subnav_item {
	display						: list-item;
	margin						: 0 0 2px 0; 
	padding						: 0;
	list-style					: none;
}

a.subnav_link {
	color						: #fff;
	font-weight					: normal;
	text-decoration				: none;
}
a:hover.subnav_link {
	color						: #cc0066; 
	font-weight 				: normal;
	text-decoration				: none;
}
.subnav_item .selected {
	color						: #ff0099; 
	font-weight					: normal;
	text-decoration				: none;
}