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

body {
	font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}

a {
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}

#about {
}
	#about img {
		float:right;
		margin:0 0 10px 15px;
	}
	#about p {
	}

.clear {
	clear:both;
}

#contact {
	margin-top:30px;
}
	#contact .abs {
		position:absolute;
	}
	#contact #name-place, #contact #email-place, #contact #message-place {
		color:#555;
		font-size:14px;
		margin:-30px 0 0 5px;
	}
		#contact #message-place {
			margin-top:-171px;
		}
	#contact input, #contact textarea {
		margin-bottom:8px;
	}
	#contact .error {
		display:none;
		color:#FDC;
		font-size:15px;
		font-weight:bold;
		line-height:35px;
		margin-left:200px;
	}
	#contact .input_text {
		color:#555;
		background:#DDD;
	}
	#contact .input_text_over {
		color:#000;
		background:#FFF;
		border:2px solid #FDC;
		padding:2px;
	}
	#contact input {
		width:320px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		background:#EEE;
		border:1px solid #333;
		padding:3px;
	}
	#contact input.button {
		float:left;
		width:180px;
		height:35px;
		color:#FFF;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		text-shadow:#444 0 1px 1px;
		background:url(../images/contact-button-bg.png) no-repeat;
		border:none;
		padding:3px;
	}
	#contact textarea {
		width:700px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		background:#EEE;
		border:1px solid #2E496B;
		padding:3px;
	}

#extra-background {
	width:100%;
	height:145px;
	margin:25px 0 20px 0;
	background:url(../images/extra-background.png) repeat-x bottom center;
}

#footer {
	width:794px;
	
	border-top:1px solid #333233;
	padding:3px 6px 8px 0;
	margin:30px auto 15px auto;
	
	color:#FFF;
	font-size:12px;
	text-align:right;
}

#home {
	width:800px;
	margin:0 auto 0 auto;
	
	color:#FFF;
}
	#home #left-block {
		width:544px;
		font-size:14px;
	}
		#home #left-block .date {
			float:left;
			width:39px;
			padding:0 0 0 6px;
			background:url(../images/news-date-bubble.png) no-repeat;
			text-shadow:#333 0 1px 1px;
			font-weight:bold;
		}
			#home #left-block .date h1 {
				font-size:14px;
				text-align:justify;
				text-transform:uppercase;
				margin:0;
			}
			#home #left-block .date h2 {
				font-size:24px;
				text-align:justify;
				
				margin:-5px 0 0 0;
			}
			#home #left-block .date h3 {
				font-size:12px;
				text-align:justify;
				margin:-5px 0 0 0;
			}
		#home #left-block .event {
			width:474px;
			border-bottom:1px solid #222;
			margin:0 0 14px 0;
			padding:0 14px 14px 11px;
			float:left;
		}
		#home #left-block .last {
			border-bottom:none;
		}
		
	#home #right-block {
		width:240px;
		font-size:14px;
		padding-left:15px;
		border-left:1px solid #222;
		float:right;
	}
		#home #right-block h1 {
			font-size:15px;
			
			margin:0 0 3px 0;
		}
		#home #right-block h3 {
			font-size:11px;
			
			margin:15px 0 0 0;
		}
		#home #right-block img {
			margin-top:5px;
		}
		#home #right-block .input {
			display:block;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:13px;
			margin:auto;
		}
		#home #right-block .colors {
			float:left;
			width:40px;
			
			padding-top:5px;
		}
		#home #right-block .brief {
			width:200px;
			
			margin:0 0 20px 40px;
		}
			#home #right-block .brief h1 {
				margin:0 0 1px 0;
				
				font-size:15px;
				font-weight:bold;
			}
		#home #right-block .side-top {
			width:240px;
			height:50px;
			background:url(../images/home-tri-top.png) no-repeat;
			font-size:18px;
			font-weight:bold;
			padding:3px 0 0 15px;
			margin-bottom:-5px;
		}
		#home #right-block .more {
			margin-top:30px;
		}
	
	#home #welcome {
		width:720px;
		height:200px;
		background:url(../images/home-welcome.jpg) top no-repeat;
		padding:40px;
	}
		#home #welcome h1 {
			font-size:28px;
			font-weight:bold;
			margin:15px 0 0 0;
		}
		#home #welcome h2 {
			font-size:16px;
			text-align:right;
			margin:0;
			padding-right:15px;
		}
		#home #welcome #image {
			float:right;
			width:300px;
			height:199px;
			margin:0 0 0 15px;
		}
	
#menu {
	width:800px;
	height:75px;
	margin:5px auto 0 auto;
}
	#menu #title {
		float:left;
		width:300px;
		padding:10px 0 0 15px;
		cursor:pointer;
	}
		#menu #title h1 {
			color:#FFF;
			font-size:36px;
			margin:-3px 0 0 0;
		}
		#menu #title h2 {
			font-size:14px;
			font-weight:normal;
			margin:-5px 0 0 0;
		}
	#menu #options {
		width:485px;
		margin-left:315px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		text-align:right;
		text-transform:uppercase;
	}
		#menu #options ul {
			list-style:none;
			margin:0;
			padding:28px 15px 26px 0;
		}
			#menu #options ul li {
				display:inline;
				text-shadow:#555 0 1px 1px;
				padding-right:5px;
			}
				#menu #options ul li .main-item {
					display:inline;
					padding:7px 0 7px 10px;
					margin:0;
				}
					#menu #options ul li .main-item:hover {
						cursor:pointer;
					}
				#menu #options ul li.selected .main-item {
					background:url(../images/menu-button-in.png) no-repeat;
				}
				#menu #options ul li.selected .end-item {
					background:url(../images/menu-button-in.png) no-repeat top right;
				}
				#menu #options ul li .end-item {
					display:inline;
					padding:7px 3px;
					margin:0;
				}
					#menu #options ul li .end-item:hover {
						cursor:pointer;
					}
			#menu #options ul li:hover {
				cursor:pointer;
			}
				#menu #options ul li:hover .main-item {
					background:url(../images/menu-button.png) no-repeat;
				}
				#menu #options ul li:hover .end-item {
					background:url(../images/menu-button.png) no-repeat top right;
				}
	
#page {
	width:800px;
	margin:0 auto 0 auto;
	
	color:#FFF;
}
	#page #main {
		width:720px;
		background:url(../images/home-welcome.jpg) top no-repeat;
		padding:40px 40px 20px 40px;
	}
		#page #main h1 {
			font-size:28px;
			font-weight:bold;
			text-shadow:#FFBC93 0px 1px 1px;
			margin:15px 0 0 0;
		}
		#page #main p {
			font-size:14px;
			text-indent:10px;
		}
		#page #main pre {
			display:inline;
			background-color:#333;
			
			margin:0 0 0 5px;
			padding:3px 6px 3px 6px;
		}
	
#parallax {
	position:relative;
	width:800px;
	height:145px;
	margin:0 auto 0 auto;
	overflow:hidden;
}
	#parallax .all {
		width:704px;
		height:145px;
	}
	#parallax .one {
		width:715px;
		height:145px;
	}
	#parallax .two {
		width:780px;
		height:145px;
	}
	#parallax .three {
		width:755px;
		height:145px;
	}
	#parallax .four {
		width:795px;
		height:145px;
	}
	
#portfolio {
	margin:15px 0 -20px 0;
}
	#portfolio #explanation {
		font-size:14px;
		margin:10px 0 20px 0;
	}
	#portfolio .left {
		float:left;
	}
	#portfolio .right {
		margin-left:390px;
	}
	#portfolio .switch-content {
		padding-top:10px;
	}
	#portfolio #switch {
		list-style:none;
		padding:15px 0 5px 10px;
		margin:0;
		border-bottom:1px solid #666;
	}
		#portfolio #switch li {
			display:inline;
			background:url(../images/portfolio-switch-off.png) no-repeat top left;
			padding:6px 0 6px 15px;
			cursor:pointer;
		}
			#portfolio #switch li div {
				display:inline;
				background:url(../images/portfolio-switch-off.png) no-repeat top right;
				padding:6px 15px 6px 0;
				cursor:pointer;
			}
				#portfolio #switch li:hover div {
					color:#CDD;
					text-decoration:underline;
				}
		#portfolio #switch li.on {
			background:url(../images/portfolio-switch.png) no-repeat top left;
		}
			#portfolio #switch li.on div {
				background:url(../images/portfolio-switch.png) no-repeat top right;
			}
				#portfolio #switch li.on:hover div {
					color:#FFF;
					text-decoration:none;
				}
	#portfolio .boxgrid {  
			width:330px;  
			height:250px;  
			position:relative; 
			overflow:hidden;
			margin-bottom:25px;
	}
		#portfolio .boxgrid img {  
			position:absolute;  
			top:0;
			left:0;
		}
			#portfolio .boxgrid img:hover {  
				cursor:pointer;
			}
		#portfolio .boxgrid .shine {
			position:relative;
			width:260px;
			height:240px;
			overflow:hidden;
			margin:0 0 0 -260px;
		}
		#portfolio .boxgrid .shine-container {
			width:320px;
			height:240px;
			margin:5px 0 0 5px;
			overflow:hidden;
		}
		#portfolio .boxgrid .boxcaption {  
			margin-left:2px;
			position:absolute;  
			background:url(../images/portfolio/caption-bg.png);   
			width:310px;
			padding:4px 8px 12px 8px;
			font-size:12px;
		}
			#portfolio .boxgrid .boxcaption:hover {  
				cursor:pointer;
			}
			#portfolio .boxgrid .boxcaption h3 {  
				font-size:16px;
				font-weight:bold;
				margin:0 0 3px 0;
				padding:0 0 1px 1px;
				border-bottom:1px solid #444;
			}
			#portfolio .boxgrid .cover {
				display:none;
			}