@charset "UTF-8";
/* CSS Document */


:root {

 overflow-y: scroll;

}


* img{
padding:0px;
margin:0px;


}



a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
	font-size: 16px;
	background-color:#333333;
	font-family:Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#wrapper {
	width:1160px;
	margin-left:auto;
	margin-right:auto;
}
#whiteBar {
	width:100%;
	height:103px;
	background-color:#FFFFFF;
}
#whiteBar_wrapper {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:1160px;
}
#topbar {
	height:103px;
	width:100%;
	background-color:#FFFFFF;
}
#topbar_bg {
	height:103px;
	width:100%;
	background-color:#FFFFFF;
}
#logo {
	float:left;
	width:305px;
	height:103px;
	position:relative;
}
#bottom_logo {
	height:81px;
	width:100%;
}
/*------ NAV ------*/

#nav {
	float:left;
	margin:70px 0 0 5px;
	position:relative;
	width:290px;
	height:30px;
}
#nav ul {
	list-style:none;
	width:330px;
	margin:0 auto;
	padding:0;
	background:none;
}
#nav ul li {
	float:left;
	background:none;
	border:none;
	margin:0;
	padding:0 0 0 20px;
}
#nav ul li a {
	display:block;
	height:20px;
	text-decoration:none;
	color:#666666;
}
#nav ul li a:hover {
	color:#000000;
}
.current {
	color:#000000;
}

/*------ PROJECT NAV ------*/

#project_nav{
position:relative;
float:left;
margin:0 0 20px 0;
width:764px;
text-align:right;
}

.left{
	float:left;
}

.right{
	float:right;
}

#project_nav p {
color:#999999;
font-weight:normal;
font-size:11px;
margin:0;
padding:0;
}

#project_nav a {
color:#999999;
font-weight:normal;
font-size:11px;
text-decoration:none;
margin:0;
padding:0;
}

#project_nav a:hover {
color:#ffffff;
font-weight:normal;
font-size:11px;
text-decoration:none;
}



/*------ TOP INFO ------*/

#top_info {
	width:213px;
	float:right;
	margin:15px 68px 0 0;
	font-size:12px;
	color:#666666;
	font-weight:normal;
}
#top_info_title {
	font-size:14px;
	color:#000000;
	padding:0 0 10px 0;
	font-weight:bold;
}
#top_info ul {
	list-style:none;
	margin:0;
	padding:0;
	width:217px;
}
#top_info ul li {
	margin:0px;
	width:217px;
}
/*------ CONTENT ------*/




/*------ LEFT CONTENT ------*/

#left_content {
	float:left;
	margin:12px 0 0 68px;
	padding: 0px 0px 20px 0px;
	width:775px;
}
/*------ RIGHT CONTENT ------*/

.right_content {
	float:right;
	width:213px;
	height:700px;
	font-size:11px;
	font-weight:normal;
	color:#CCCCCC;
	position:relative;
	margin:2px 68px 0 20px;
	padding:10px 0 0 0;
}
.right_content h3 {
	font-size:21px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0;
	font-weight:normal;
}
.project p {
	padding:0;
	margin:0 0 1px 0;
	text-decoration:none;
	color:#cccccc;
}
.project h3 {
	margin: 0 0 10px 0;
}
.project p a {
	text-decoration:none;
	color:#cccccc;
}
.project p a:hover {
	text-decoration:none;
	color:#ffffff;
}

.schedule{
height:400px
}
/*------ PROJECTS ------*/

#description {
	float:left;
	margin: 0 0 10px 0;
}

#description h2 {
	margin:5px 0 1px 0;
	padding:0px;
}
#description_bottom {
	float:left;
	width:550px;
	margin: 0 0 10px 0px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	padding:10px 0px 0px 0px;
}

#description_bottom_right {
	float:right;
	margin:10px 10px 0 0;
	color:#cccccc;
	font-size:11px;
	font-weight:normal;
	padding:0;
	text-align:right;
}


#description_bottom_right p {
	padding:0px;
	margin:3px;
}

#description_bottom_right a {
text-decoration:none;
color:#cccccc;	
}

#description_bottom_right a:hover {
text-decoration:none;
color:#FFFFFF;	
}

#description_bottom p {
	margin:3px 0 10px 0;
	padding:0px;
}
#image {
	float:left;
	width:764px;
	height:440px;
	margin:0;
}


#image ul {
display:none;
}


#description h1 {
	font-size:21px;
	color:#cccccc;
	font-weight:normal;
	padding:0;
	margin:0;
}

#description h4 {
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
	padding:0;
	margin:10px 0 0 0;
}

#description h2 {
	font-size:30px;
	color:#ffffff;
	font-weight:normal;
}
#description p {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
}

#mask{
position:absolute;
z-index:100;

}

/*------ SCHEDULE ------*/

#schedule{
margin:40px 0 0 0;
padding:0;
}

#schedule p{
margin:5px 0 5px 0;
padding:0;
font-size:16px;
}


/*------ ROUND CORNERS ------*/

.roundedBox{
	position:relative;
	width:764px;
	z-index:15;
}

.roundedBoxBottom{
	position:relative;
	width:764px;
	top:440px;
}

.corner {position:absolute; width:15px; height:15px;}

.topLeft {top:0; left:0; background-position:0px 0;}

.topRight {top:0; right:0; background-position:-15px 0;}

.bottomLeft {bottom:0; left:0; background-position:0 -15px;}

.bottomRight {bottom:0; right:0; background-position:-15px -15px;}

#type1 .corner {background-image:url(../images/corners.png);}






/*------ END ROUND CORNERS ------*/



/*------ PROJECTS Thumbs ------*/

.thumb{
position:relative;
float:left;
width:145px;
height:88x;
}

.thumb img{
border:0;
}

.mid_thumb{
padding:18px 9px 5px 0;

}

.end_thumb{

padding:18px 0px 5px 0px;

}

.start_thumb{

padding:18px 9px 5px 1px;


}




/*------ Footer ------*/


#footer {
	width:100%;
	height:18px;
	background:#FFF200;
	float:left;
	font-size:9px;
	font-weight:normal;
	color:#333333;
}
#footer_text {
	margin-right:auto;
	margin-left:auto;
	width:1030px;
	padding:0 0 0 130px;
}
#footer p {
	margin-top:3px;
	margin-bottom:2px;
}
#footer a {
	text-decoration:none;
	color:#333333;
}