@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/style.css';


.hlist, .hlist li {
	margin:0;
	padding:0;
	background:none;
	list-style:none;
}



/* COMMON ---------------------------------------------------------------------- */

body {
	background-color:#ffffff;
}

#page {
	width:960px;
	margin:0 auto;
}



/* SPLASH ---------------------------------------------------------------------- */

body.splash {
	background-color:#000000;
}

.splash #page {
	width:375px;
	text-align:center;
}	

.splash #logo {
	padding:40px 0 40px 40px;
}

.splash #enter {
	xbackground:#000000 url('/images/splash-top.jpg') top left no-repeat;
	background-color:#222222;
	border-bottom:1px solid #888888;
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding-right:15px;
	text-align:right;
}
.splash #enter a {
	color:#ffffff;
	display:block;
	text-decoration:none;
	text-transform:lowercase;
	font-size:14px;
}	
.splash #enter span {
	padding-left:12px;
	background:url('/images/bullet2.gif') 0px 5px no-repeat;
}
.splash #enter a:hover {
	color:#999900;
}
.splash #image p {
	margin:0;
}
.splash #copyright {
	color:#666666;
	font-size:11px;
	padding:15px 0;
	text-align:center;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
	height:117px;
}
#logo {
	padding:35px 0 0 10px;
	width:300px; /* 310 */
}

#header-right {
	width:650px;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
	border-bottom:1px solid #e6e6e6;
	padding:55px 0 10px 0;
}
#menu a {
	padding:10px 0 0 50px;
	color:#333333;
	text-transform:uppercase;
	text-decoration:none;
}
.root_134 #menu1 a,
.root_136 #menu2 a,
.root_135 #menu3 a,
.root_137 #menu4 a,
#menu a:hover {
	background:url('/images/menu-hover.gif') 50px 0px no-repeat;
	color:#669900;
}



/* SUBNAV ---------------------------------------------------------------------- */

#subnav {	
	padding:10px 0 0 0;
}

#subnav ul {
	float:right;
}
#subnav ul, #subnav li {
	margin:0;
	padding:0;
	background:none;
	list-style:none;
}
#subnav ul li {
	float:left;
}
#subnav a {
	color:#999999;
	text-decoration:none;
	padding-left:20px;
	font-size:11px;
	float:left;
}
#subnav li.navactive a,
#subnav a:hover {
	color:#669900;
}
	


/* CONTENT --------------------------------------------------------------------- */

#content {
	min-height:530px;
	height:auto !important;
	height: 530px;
	/*overflow:hidden;*/
}

#content-left {
	padding:30px 13px 5px 10px;
	width:287px; /* 310 */
}
#rootname {
	height:50px;
	overflow:hidden;
	font-size:20px;
	text-transform:uppercase;
	color:#999999;
}
#subrootname {
  margin-left: 10px;
  padding: 4px 10px;
  border-left: 1px solid #CCCCCC;
  font-size: 13px;
  text-transform:lowercase;
}

#content-scroll-wrapper {
	background:url('/images/left-bottom.gif') bottom left no-repeat;
	height:450px;
}
#content-scroll {
	padding:20px 15px 20px 15px;
	height:410px; /* 450 */
	width:257px; /* 287 */
	overflow-y:auto;
	overflow-x:hidden;
	background:url('/images/left-top.gif') top left no-repeat;	
}

#content-right {
	width:650px;
	overflow:hidden;
}



/* FOOTER ---------------------------------------------------------------------- */

#footerlinks {
	padding:40px 0 5px 0;
	border-bottom:1px solid #e6e6e6;
}

#footerlinks a {
	text-transform:uppercase;
	text-decoration:none;
	color:#333333;
	padding-right:25px;
	font-size:11px;
}
#footerlinks a:hover {
	color:#669900;
}

#subfooter {
	padding:10px 0;
	color:#8a8a8a;
	font-size:11px;
}
#subfooter a {
	color:#8a8a8a;
}

#copyright a:hover {
	color:#333333;
}

#credit {
	float:right;
}
#credit a {
	text-decoration:none;
}
#credit a:hover {
	text-decoration:underline;
}




/* CUSTOMIZATIONS -------------------------------------------------------------- */

/* PROJECTS -------------------------------------------------------------------- */

#portfolio { padding:25px; }

#portfolio .project { margin:10px; width:150px; border:1px solid #CCCCCC; padding: 2px;text-align:center; text-decoration:none; }

#portfolio .project:hover { border:1px solid #999999; cursor: pointer; }


