/* CSS Document */

/* home item */

a:link {
	color: #B6B6B6;
	outline: none;
	text-decoration: none;
	}

a:active {
	color: #B6B6B6;
	outline: none;
	text-decoration: none;
	}

a:visited {
	color: #B6B6B6;
	outline: none;
	text-decoration: none;
	}

a:hover {
	color: #B6B6B6;
	outline: none;
	text-decoration: none;
	}

a.homelink:link {
	color: #666;
	outline: none;
	text-decoration: none;
	}

a.homelink:active {
	color: #666;
	outline: none;
	text-decoration: none;
	}

a.homelink:visited {
	color: #666;
	outline: none;
	text-decoration: none;
	}

a.homelink:hover {
	color: #666;
	outline: none;
	text-decoration: none;
	}



/* nav link */
a.navlink:link {
	color: #808080;
	outline: none;
	text-decoration: none;
	}

a.navlink:active {
	color: #808080;
	outline: none;
	text-decoration: none;
	}

a.navlink:visited {
	color: #808080;
	outline: none;
	text-decoration: none;
	}

a.navlink:hover {
	color: #333;
	outline: none;
	text-decoration: none;
	}


/* nav link on */
a.navlink_on:link {
	color: #333;
	outline: none;
	text-decoration: none;
	}

a.navlink_on:active {
	color: #333;
	outline: none;
	text-decoration: none;
	}

a.navlink_on:visited {
	color: #333;
	outline: none;
	text-decoration: none;
	}

a.navlink_on:hover {
	color: #333;
	outline: none;
	text-decoration: none;
	}



/* category link */
a.categorylink:link {
	color: #555;
	outline: none;
	text-decoration: none;
	}

a.categorylink:active {
	color: #555;
	outline: none;
	text-decoration: none;
	}

a.categorylink:visited {
	color: #555;
	outline: none;
	text-decoration: none;
	}

a.categorylink:hover {
	color: #000;
	outline: none;
	text-decoration: none;
	}



/* project link */
a.projectlink:link {
	color: #808080;
	outline: none;
	text-decoration: none;
	}

a.projectlink:active {
	color: #808080;
	outline: none;
	text-decoration: none;
	}

a.projectlink:visited {
	color: #808080;
	outline: none;
	text-decoration: none;
	}

a.projectlink:hover {
	color: #000;
	outline: none;
	text-decoration: none;
	}


/* project link on */
a.projectlink_on:link {
	color: #333;
	outline: none;
	text-decoration: none;
	}

a.projectlink_on:active {
	color: #333;
	outline: none;
	text-decoration: none;
	}

a.projectlink_on:visited {
	color: #333;
	outline: none;
	text-decoration: none;
	}

a.projectlink_on:hover {
	color: #000;
	outline: none;
	text-decoration: none;
	}


/* project more */
a.projectlink_more:link {
	color: #444;
	outline: none;
	text-decoration: none;
	}

a.projectlink_more:active {
	color: #444;
	outline: none;
	text-decoration: none;
	}

a.projectlink_more:visited {
	color: #444;
	outline: none;
	text-decoration: none;
	}

a.projectlink_more:hover {
	color: #000;
	outline: none;
	text-decoration: none;
	}



.projectlink_arrow {
	color: #333;
	}


body {
	background-color:#1C1C1C;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#B6B6B6;
	}

.preview {
	background-image: url(../login/img/preview.gif);
	}

p {
	padding: 0px;
	margin: 0px;
	}

.div_common {
	position: relative; float: left;
	}

.container {
	width: 720px;
	color: #666;
	margin: 35px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}


/*/////////////////////////////////////////////////// 
///////////////////////////////////////////////////// 
TOP  //////////////////////////////////////////////*/

.div_top {
	width: 720px; height: 88px;
	padding: 0px 0px 0px 20px;
	
	margin: 0px;
	text-align: left;
	border-bottom: 1px solid #ebebeb;
	position: relative; float: left;
	}

.div_nav {
	width: 300px; height: 36px;
	padding: 56px 1px 0px 0px;
	font-size: 14px;
	text-align: left;
	position: relative; float: right;
	}

.div_name {
	width: 190px; height: 36px;
	padding: 50px 1px 0px 0px;
	font-size: 26px;
	text-align: left;
	vertical-align: bottom;
	position: relative; float: left;
	}
	
.div_position {
	width: 150px; height: 36px;
	padding: 56px 1px 0px 19px;
	font-size: 14px;
	font-style:oblique;
	text-align: left;
	color: #666;
	vertical-align: bottom;
	position: relative; float: left;
	}

.logo_text {
	position: absolute; float: right; 
	text-align: left;
	bottom: 15px;
	z-index: 0;
}

.logo_image {
	position: relative; 
	z-index: -1;
}

.logo_name {
	font-size: 20px;
	color: #000000;
	}

.logo_title {
	font-size: 11px;
	color: #000000;
	}


/*/////////////////////////////////////////////////// 
///////////////////////////////////////////////////// 
MID  //////////////////////////////////////////////*/

.div_mid {
	clear: both;
	width: 720px; height: 500px;
	padding-left: 20px;
	padding-top: 20px;
	margin: 0px;
	text-align: left;
	border-bottom: 1px solid #ebebeb;
	}
	
.mid_container {
	width: 700px; height: 540px;;
	
}

/* FOR CONTENT STYLES SEE STYLES-SHARED.CSS. THEY'RE USED IN PREVIEWING CONTENT IN THE ADMIN TOOL */

/*/////////////////////////////////////////////////// 
///////////////////////////////////////////////////// 
BOTTOM  ///////////////////////////////////////////*/

.div_bottom {
	clear: both;
	width: 720px; height: 20px;
	padding: 10px 0px 0px 20px;
	margin: 0px;
	color:#767676;
	text-align: left;
	font-size: 10px;
	}


.wildpic {
	width: 700px;;
	height:300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
	background-image: url(imgs/1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	border: 1px solid #000000;
}
