/* base css */
body {
	padding:		0px;
	margin:			0px;
	font-family:	Verdana, sans-serif;
	font-size: 		10pt;
	text-align:		center;
	vertical-align:	middle;
	letter-spacing: 0.02em;
	color: 			#3e3e3e;
	background:		#b0b0b0;
	width:			100%;
}
#container {
	width:			100%;
	height:			100%;
	padding-top:	0px;
	padding-bottom:	0px;
	text-align:		center;
	vertical-align:	middle;
}
#container-inner {
	width:			1000px;
	margin:			auto;
	margin-top:		0px;
	margin-bottom:	0px;
	padding:		auto;
	text-align:		left;
}
#header {
	width:			860px;
	height:			18px;
	margin:			0px 0px 0 55px;
	padding:		0px;
	font-size: 		9pt;
}
	#header .left-node {
		float:			left;
		padding:			0 0px 0 0;
	}
	#header .right-node {
		float:			right;
		padding:			0 0 0 35px;
	}
#main {
	width:			1000px;
	height:			610px;
}
	#main #main-body {
		float:			left;
		width:			960px;
		height:     	611px;
		background:		#FFFFFF url(../images/content-bg.gif);
		overflow:		hidden;
	}
		#main #main-body #left-body{
			float:			left;
			width:			580px;
			height:			600px;
			background:		#CCCCCC;
			margin:			1px 0 0 0px;
			overflow:		hidden;
			
		}
		#main #main-body #right-body{
			float:			right;
			width:			370px;
			height:			600px;
			margin:			1px 10px 0 0;
			overflow:		hidden;
		}
		#main #main-body #right-body .content{
			width:			300px;
			margin:			120px 30px 120px 30px;
			position:		relative;
			height:			350px;
		}
		#main #main-body #right-body #content .split-2a {
			position:		absolute;
			top:			0;
			left:			0;
			width:			50%;
		}
		#main #main-body #right-body #content .split-2b {
			margin:			0 0 0 50%;
			width:			50%;
		}
		#main #main-body .full-body{
			width:			950px;
			height:			600px;
			margin:			1px 0 0 0px;
			background:		#FFFFFF;
		}
		#main #main-body .left-panel{
			float:			left;
			width:			580px;
			height:			600px;
			background:		#CCCCCC;
			margin:			0;
			overflow:		hidden;
			
		}
		#main #main-body .right-panel{
			float:			right;
			width:			370px;
			height:			600px;
			margin:			0;
			background:		#FFFFFF;
			overflow:		hidden;
		}
		#main #main-body .right-panel .content{
			width:			300px;
			margin:			40px 30px 20px 30px;
			position:		relative;
			height:			530px;
			text-align:		right;
		}
		
	#main #nav-body {
		float:			left;
		width:			30px;
	}
	#main #nav-body .nav-node {
		width:			23px;
		height:			18px;
		display:		block;
	}
	#main #nav-body .nav-node.left {

	}
#footer {
	width:			950px;
	height:			50px;
	margin:			10px 10px 0 50px;
	padding:		0px;
}
	#footer h1 {
		color:			#FFFFFF;
		font-size:		22px;
		font-weight:	normal;
		margin:			0px;
		padding:		0px;
	}
	#footer em{
		font-weight:	800;
		font-style:		normal;
	}
.pkg:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .pkg { 
	display: inline-block; 
	}
/* no ie mac \*/
* html .pkg { 
	height: 1%; 
	}
.pkg {
	display: block; 
	}
/* end of base */

/* CV layer */
#cv-pop {
	position:		relative;
	width:			300px;
	height:			130px;
	margin:			0;
	padding:		0;
	background:		#FFFFFF;
	display:		block;
	text-align:		center;
}
#cv-pop .inner {
	margin:			40 10 10 10px;
	width:			100%;
	height:			100%;
	line-height:	130px;
}
#cv-pop .nav-node {
	width:			46px;
	height:			65px;
	display:		inline;
}
/* end of CV layer */

	
/* coda slider */
#slider {
    position: 		relative;
	width:			950px;
	height:			600px;
    margin: 		0px;
	overflow:		hidden;
}

.scroll {
    position: 		relative;
	width:			950px;
	height:			600px;
    overflow: 		auto;
    overflow-x: 	hidden;
	margin:			0px;
	padding: 		0px;
    clear: 			left;
}

.scrollContainer div.panel {
    padding: 		0px;
	width:			950px;
	height:			600px;
}
.navigation {
	display:		none;
    list-style: 	none;
    margin: 		0px 0 0 0;
    padding: 		0;
    padding-bottom: 0px;
}

ul.navigation li {
    display: 		inline;
    margin-right: 	10px;
}

ul.navigation a {
    padding: 		10px;
    color: 			#000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
	display:		none;
}
/* end of coda slider */


/* Text & Links */


a:link {
	color: #FF3399;
	text-decoration: none;
	border:0;
}
a:visited {
	color:#ff3399;
	text-decoration: none;
	border:0;
}
a:hover {
	color:#ffffff;
	background-color:#ff3399;
	border:0;

}
a:active {
	text-decoration: none;
	border:0;
}
#main #main-body h1{
	margin:			20px 0 0 0;
	font-size:		30;
	font-weight:	bold;
	letter-spacing:	0.2em;
	color:			#4F5156;
}
#main #main-body h2{
	margin:			0;
	font-size:		18;
	font-weight:	normal;
	color:			#ff3898;
}
#main #main-body h3{
	margin:			0;
	color:			#ff3898;
	font-size:		12px;
	font-weight:	normal;
}
#main #main-body h4{
	margin:			0;
	font-size:		24px;
	font-weight:	normal;
}
#main #main-body h5{
	margin:			10px 0 40px 0;
	color:			#666666;
	font-size:		14px;
	font-weight:	normal;
}
#main #main-body p {
	margin:			10px 0 40px 0;
	line-height: 	16px;
	color:			#3e3e3e;
	font-size:		12px;
	font-weight:	normal;
}
#main #main-body .p1 {
}
#main #main-body .p2 {
	position:		relative;		
	margin:			160px 0 0 0;
}
#main #main-body .p3 {
	position:		absolute;
	bottom:			0;
	right:			0;
}
/* end of text */