/* *****************************************************************************
		Created by Mike Vine
		
	**************************************************************************** \*/

		
		@import url(nav.css);
		

	/* *****************************************************************************
		Globals
	**************************************************************************** \*/


		div.clear, span.clear {
		    clear: both !important;
		    visibility: hidden !important;
		    overflow: hidden !important;
		    margin: 0 !important;
		    padding: 0 !important;
		    border: 0 !important;
		    font-size: 1px !important;
		    height: 1px !important;
		    width: 1px !important;
		    float: none !important;
	     }

		body {
			color: #ccc;
			margin: 0px;
			padding: 0px;
			font:normal 0.9em/1.5 Arial,Helvetica,sans-serif;
			background:#6d770a;
		}
		
		img {
			border: 0px;
		}
		
		hr {
			display: none;
		}
		
		p {
			display: block;
			margin: 0px 0px 10px 0px;
			line-height: 150%; 
		}
		
		form {
			padding: 0px;
			border: 0px;
		}


		.intro {
			font-weight: normal;
			font-size: 1.4em;
			line-height: 1.4em;
			margin: 0 0 20px 0;
			color: #fff;
		}
		
		.intro a{
			color: #E2ED74;
			border-bottom: 1px dotted #E2ED74;
			text-decoration:none;
			outline: 0
		}
		
		.intro a:hover{
			color: #E2ED74;
			border-bottom: 1px solid #E2ED74;
			text-decoration:none;
			outline: 0
		}
		
		
	/* *****************************************************************************
		Headings
	**************************************************************************** \*/
	
	
	/* *****************************************************************************
		Accessibility 
	**************************************************************************** \*/

		.accessibility  {
			display: none
		}
		
		
	/* *****************************************************************************
		Links 
	**************************************************************************** \*/
	
	
	/* *****************************************************************************
		Typepography
	**************************************************************************** \*/	
	
	
		
	/* *****************************************************************************
		Containers
	**************************************************************************** \*/

.left_col {
	width: 450px;
}

.right_col {
	width: 450px;
	margin-left: 20px;
}

.left_col, .right_col {
	display: inline;
	float: left;
	padding-top: 12px;
	z-index: 1;
	padding-bottom: 12px;
}

#site_map {
	FONT-SIZE: 1.3em; line-height:1.4em; color: #ccc
}
#site_map LI {
	MARGIN-BOTTOM: 10px; 
}

#site_map LI UL LI {
	MARGIN-BOTTOM: 2px;
}
.site_map_list {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; FONT-SIZE: 0.8em;
}

p.work_intro {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 15px;
	color: #fff;
}
P.intro-more STRONG {
	FONT-WEIGHT: normal
}


.work_container_left{
	width: 445px; float:left;
}

.work_container_right{
	width: 445px; float:right;
}
.pullquote {
	padding: 50px 0 0 0; FONT-SIZE: 150%; LINE-HEIGHT: 140%; FONT-FAMILY: Constantia, Palatino, Georgia, "Times New Roman", Times, serif; COLOR: #FFF; text-align: RIGHT
}

p.caps {
	COLOR: #ccc;
	text-transform: uppercase;
	FONT-SIZE: 70%;
	text-align: RIGHT;
}


H1 {
		font-weight: normal;
		font-size: 2.5em;
		margin: 0px 0px 10px;
		padding: 25px 0 0px 0;
		line-height: 1.2em;
		color: #a3bd0b;
		FONT-FAMILY: "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;
}


H2.project_title {
	FONT-WEIGHT: normal; FONT-SIZE: 1.5em; line-height: 1em; MARGIN: 0px 0 30px 0; COLOR: #E2ED74; FONT-FAMILY: "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;
  DISPLAY: block;
}

H2.work_type {
	MARGIN-TOP: 15px; FONT-WEIGHT: normal; FONT-SIZE:1.5em; FLOAT: left; PADDING-BOTTOM: 2px;  WIDTH: 445px; COLOR: #E2ED74; BORDER-BOTTOM: #666 1px dotted; FONT-FAMILY: Helvetica, Arial, sans-serif;  DISPLAY: block; margin-bottom: 15px; 
}

H2.skill_type {
	 FONT-WEIGHT: normal; FONT-SIZE: 1.5em; COLOR: #E2ED74; FONT-FAMILY: Helvetica, Arial, sans-serif;  PADDING-TOP: 0px; margin-top:  0; margin-top:  0; 
}

H2.intro {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 13px; PADDING-BOTTOM: 15px; MARGIN: 0px; COLOR: #666666; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
H3 {
	font-weight: normal;
		font-size: 1.2em;
		line-height: 1.8em;
		color: #E2ED74;
		margin: 25px 0px 0px;
		
}
a {
	color: #a3bd0b;
	border-bottom: 1px dotted #a3bd0b;
	text-decoration:none;
	outline: 0
}
a:hover {
	color: #a3bd0b;
	border-bottom: 1px solid #a3bd0b;
	text-decoration:none;
}
.break {
	CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px
}

#header {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/header_bg.gif); background-color: #2d2d2d; HEIGHT: 137px; position:relative;
}


#logo {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/logo.png) no-repeat left top; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 184px; CURSOR: pointer; HEIGHT: 40px; BORDER-RIGHT-WIDTH: 0px; margin:52px 36px 0 0; 
}
#logo H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px
}


.back {
	padding: 15px 0 0 0;
	font-size: 90%;
}






#slideshow{margin-top:0px;}
#slideshow img {border:5px #fff solid;}
#slideshow ul li{margin: 0; list-style:none; padding:0; float:right}


.breadcrumb {
	padding:25px 0px 6px 0px;
	font-size:90%;
}



#contact {
	PADDING-RIGHT: 0px;PADDING-LEFT: 224px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 476px; PADDING-TOP: 15px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 77px; text-align:right; font-size: 125% 
}

.number{
	color: #fff;
	font-weight: bold;
}

.contact_details{
	margin: 20px 0 0 0;
	padding: 18px;
	color: #E2ED74;
	font-size: 110%;
	line-height: 140%;
	background: #333333;
}

.reg_details{
	font-size: 75%;
}

.contact_details a{
	color: #E2ED74;
	border-bottom: 1px dotted #E2ED74;
	text-decoration:none;
}

.contact_details a:hover{
	color: #E2ED74;
	border-bottom: 1px solid #E2ED74;
	text-decoration:none;
}

#maincontent {
	MARGIN: 0px auto; WIDTH: 100%; BACKGROUND: url(../images/bg.gif) #2d2d2d repeat-x bottom; 
	
}

.content {
	MARGIN: 0px auto; WIDTH: 920px
}

.content_home_left {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 580px; 
}
.content_home_right {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 298px; padding: 0  0 5px 0;
}
	
.content_left {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 515px; 
}
.content_right {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 362px; padding: 0  0 5px 0;
}
.content_single {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 920px; padding: 0  0 5px 0;
}


.work_teaser {
	DISPLAY: block; MARGIN-BOTTOM: 5px;  LINE-HEIGHT: 140%

}

.work {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 137px; float: left; margin-right: 5px; margin-bottom: 5px
}

.work:hover {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #a3bd0b;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 137px; float: left; margin-right: 5px; margin-bottom: 5px
}

.work_last_item {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 137px; float: left; 
}

.work_image {
	OVERFLOW: hidden; WIDTH: 137px; height:100px; background-color: #ccc;
}



.work_container {
	color: #666; font-size: 85%; font-style:italic; clear:both
}

.work_image a {
	border:none;
}


.skill_teaser {
	DISPLAY: block; MARGIN-BOTTOM: 5px; PADDING-TOP: 15px; LINE-HEIGHT: 140%; width:920px; clear:both; border-top: #666 1px dotted; 
}

.skill_teaser_last {
	DISPLAY: block; MARGIN-BOTTOM: 5px; PADDING-TOP: 15px; LINE-HEIGHT: 140%; width:920px; clear:both; border-bottom: #666 1px dotted; border-top: #666 1px dotted; 
}

.skill {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 137px; float: left; margin-right: 10px; margin-bottom: 15px
}

.skill_text {
	float: left; padding-left: 15px; width: 725px; 
}

.skill_last_item {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 137px; float: left; 
}

.skill_image {
	OVERFLOW: hidden; WIDTH: 137px; height:100px; background-color: #ccc;
}



.skill_home {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 168px; float: left; margin-right: 10px;
}

.skill_last_item_home {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 168px; float: left; 
}

.skill_image_home {
	OVERFLOW: hidden; WIDTH: 168px; height:128px; background-color: #ccc;
}

.skill_image_home a {
	border:none;
}


.map {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 354px; float: left; margin-right: 7px;
}

.google_map{
	OVERFLOW: hidden; WIDTH: 354px; height:220px; background-color: #ccc;
}

.movie {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #fff;  PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; WIDTH: 290px; float: left; margin-right: 7px;
}

.movie_player{
	OVERFLOW: hidden;  WIDTH: 290px; height:220px; background-color: #ccc;
}

.movie_player a{
	border: none;
}

.movie_credit{
	font-size: 75%;
	text-align:right;
	color:#999;
	line-height: 180%;
	}




/* 
Homepage CSS
Rui Zhang
2008-06
*/


/* section teaser */

#skill_teaser_home {
	clear: both;
	padding: 15px 0 0 0px;
	width: 920px
}
	



#project_nav{
	WIDTH: 515px; clear:both; padding:40px 0 15px 0; 
}
	
#next{
	WIDTH: 200px; float:right; text-align:right 
}

#next a{
	color: #ccc;
	border-bottom: 1px dotted #ccc;
	text-decoration:none;
}	

#next a:hover{
	color: #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
}	

#previous{
	WIDTH: 200px; float:left; 
}

#project_nav .nolink{
	text-decoration:none;
	border-bottom: 0px;
	color:#666;
}

#previous a{
	color: #ccc;
	border-bottom: 1px dotted #ccc;
	text-decoration:none;
}	

#previous a:hover{
	color: #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
}	


#foot {
	WIDTH: 920px; clear:both; padding: 25px 0 15px 0; font-size: 90%; 
}


.vcard_download{
	background: url(../images/arrow_down.gif) no-repeat 0px;
	text-indent: 15px;
}

.back_to_top{
	background: url(../images/arrow.gif) no-repeat 0px;
	text-indent: 15px;
}

#footer {
	CLEAR: both; FONT-SIZE: 90%; background-image:url(../images/footer_bg.gif); background-color: #6d770a; PADDING-TOP: 26px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 198px; 
}

.footer_left {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 500px; MARGIN-RIGHT: 40px
}

.footer_left p{
	padding: 0px; margin: 0px; line-height: 140%;
}

.footer_right {
	FLOAT: left; MARGIN: 0px; WIDTH: 380px; float: right; text-align:right;
}

#footer a {
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration:none;
}
#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration:none;
}

#footer .address {
	color: #fff; padding-top: 20px
}

#footer .copyright {
	color: #E2ED74;
	font-size: 85%;
	padding-top: 35px
}


#footer .credit{
	color: #E2ED74;
	font-size: 85%;
	margin: 25px 0 0 0;
	}
	
	#footer .credit a{
	color: #E2ED74;
border-bottom: 1px dotted #E2ED74;
text-decoration:none;
	}
	
		#footer .credit a:hover{
	color: #fff;
border-bottom: 1px solid #fff;
text-decoration:none;
	}

	#footer .vert_line{
		color: #E2ED74;
	}
	
	
	
	#strapline{
	BACKGROUND: url(../images/strapline.png) no-repeat right top;
	font-size: 80%;
	width: 286px;
	height: 19px;
	float: right
	}
	
	#strapline h3{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px; width: 286px;
	}


img, div, a { behavior:url(../_js/iepngfix.htc); }


	#hiring_tab{
		position: relative;
		width:110px;
		height: 33px;
		float: right;
		background:url(../images/hiring_tab.gif) no-repeat;
		CURSOR: pointer;
	}
	
		#hiring_tab:hover{
		position: relative;
		width:110px;
		height: 33px;
		float: right;
		background:url(../images/hiring_tab_on.gif) no-repeat;
		CURSOR: pointer;
	}


#hiring_tab p {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px
}
.formError {
	color: #FF0000;
}
.form_label {
	color: #CCCCCC;
	font-size: 90%;
}