@import "/css/screen-globals.css";


#upper .large {
	background: #fff url("/images/bg_dots_horiz.jpg") repeat-x bottom;
	padding-bottom: 20px;
}
	
	#upper .large p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 16px;
		line-height: 145%;
		padding-bottom: 0;
	}



#content_frame {
	position: relative;
	width: 935px;
	height: auto;
	margin: 0 20px 0 20px;
	padding-top: 0;
	background: transparent url("../images/bg_dots_vert_double.jpg") repeat-y top left;	
}

	#content_frame #upper_wrapper {
		background-color: #fff;
	}

#content_frame.single {
	background: transparent url("../images/bg_dots_vert_single.jpg") repeat-y top left;	
}
		
		
		#content_frame .heading {
			height: 54px;
			padding-top: 0;
		}
		
		#content_frame p {
			font-size: 1.3em;
			line-height: 18px;		
			margin-bottom: 18px;
		} 
	
			
#left_col {
	position: relative;
	float: left;
	width: 681px;
	height: auto;
	margin-bottom: 20px;
	border-top: 8px solid #fff;
}

			#left_col p {
			font-size: 12px;
			line-height: 18px;		
			margin-bottom: 14px;
			} 
			
			#left_col a {
				/*color: #f46450;	
				text-decoration: underline;*/
			} 
			
			#left_col a.detail {
				background: transparent url("/images/bg_detail_link.jpg") no-repeat top right;
				padding-right: 16px;
			}
			
			#left_col a:hover {
				text-decoration: none;
			} 
			
			#left_col ul {
				margin-bottom: 14px;
				list-style: none;
			} 
			
			#left_col ul li {			
				font-size: 12px;
				line-height: 18px;	
				padding-bottom: 3px;	
			}


	#upper {
		position: relative;
		width: 681px;
		height: auto;
		padding-bottom: 15px;
		background-color: #fff;
	}
			
			.gallery {
				position: relative;
				background-color: #fff;	
				padding-bottom: 24px;		
			}
			
			#box {
				position: absolute;
			}
			
			#box span {
				display: block;
			}
			
			#handles_1 {
				
			}
			
			.thmbs {
				position: relative;
				width: 681px;		
			}
									
			.thumbs div {
				width: 100%;
			}
			
			.thumbs div img {
				display: block;
				border: none;
			}
			
			.thmbs div {
				float: left;
				display: block;	
				margin: 15px 16px 0 0;
				padding: 0;
				cursor: pointer;
			}
			
			#handles_1 div.last {
				margin: 15px 0 0 0;
			}
			
			
			
			
			.thmbs a.thmb img {
				margin: 15px 0 0 16px;
				border: 3px solid #eaefef;
			}
			
			.thmbs a.thmb_first img {
				margin: 15px 0 0 0;
				border: 3px solid #f4e436;
			}
			
			.thmbs a.thmb img:hover,
			.thmbs a.thmb_first img:hover {
				border: 3px solid #f4e436;
			}
			
						
			#upper .thmb {
			}		
							
			.mask {
				position: relative;
				width: 681px;
				height: 455px;
				overflow: hidden;
			}
			
			.gallery .buttons {
				clear: both;
				text-align: center;
			}
								
			span img {
				display: block;
				border: none;
			}

			
	#middle {
		position: relative;
		float: left;
		width: 681px;
		height: auto;
		background-color: #fff;
	}
		
		
			#middle-5050 {
				overflow: hidden;
				position: relative;
				width: 681px;
			}
			
				#middle-5050-overflow {
					position: relative;
					width: 700px;
				}
				
					.middle-5050-project {
						float: left;
						height: 235px;
						position: relative;
						width: 330px;
						height: 233px;
						margin-right: 20px;
						margin-bottom: 20px;
					}
					
						#left_col .middle-5050-project p {
							padding: 0;	
							margin: 0;
							text-transform: uppercase;
						}
					
						.middle-5050-project p a {
							position: relative;
							display: block;
							margin: 0;
							padding: 0 10px;
							width: 310px;
							height: 235px;
							font-size: 14px;
							font-weight: bold;
							background-color: #eef0ef;
							color: #333333;	
							text-decoration: none;
						}
						
						.middle-5050-project p a:hover {
							background-color: #abe8fd;
							text-decoration: none;
						}
						
						.middle-5050-project p a img {
							height: 200px;
							margin: 0 -10px;
							padding: 0 0 10px 0;
							position: relative;
							width: 330px;	
						}
						
						
			
			.hidden_gall_img {
				display: none;
			}
			
			h4.detail_btn a {
				position: relative;
				float: left;
				width: 335px;
				height: 33px;
				display: block;
				background: transparent url("/images/bg_detail_btn.jpg") no-repeat 0 0;
				padding: 0;
				margin: 0;
			}
			
			h4.link_btn a {
				position: relative;
				float: left;
				width: 335px;
				height: 33px;
				display: block;
				background: transparent url("/images/bg_link_btn.jpg") no-repeat 0 0;
				padding: 0;
				margin: 0;
			}
			
			h4.detail_btn a:hover,
			h4.link_btn a:hover {
				background-position: 0 -33px;
			}
			
			h4.detail_btn span,
			h4.link_btn span {
				display: none;
			}
		
		
	
	#lower {
		position: relative;
		float: left;
		width: 681px;
		height: auto;
	}
	
	#lower.double {
		background: transparent url("../images/bg_dots_vert_double.jpg") repeat-y top left;		
	}
	
		#desc_left {
			position: relative;
			float: left;
			width: 448px;
			height: auto;
		}
			 
			div.pr_landing_featured div.float_left a {
				text-transform: uppercase;
			}
						
			#desc_left p a {
				color: #f46450;	
				text-decoration: underline;
			} 
			
				#desc_left p a:hover {
					text-decoration: none;
				} 
			
			#desc_left p strong,
			.item_left p strong,
			.item_right p strong {
				color: #333;
			} 
			
			
		
		#desc_right {
			position: relative;
			float: right;
			width: 194px;
			height: auto;
		}
		
			#desc_right p a {
				color: #f46450;	
				text-decoration: underline;
			}
			
			#desc_right ul {
				margin-bottom: 14px;
				list-style: none;
			}
			
				#desc_right ul li a {
					color: #f46450;	
					text-decoration: underline;
				}	
				
				#desc_right ul li a.selected {
					display: block;
					color: #333;
					background-color: #f4e436;
					padding: 2px 3px 2px 3px;
					text-decoration: none;
				} 	
				



#right_col {
	padding-top: 8px;
}