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

body {
	background:#FFF;
	font-size:11px;
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

#page-wrapper {
	display:block;
	width:100%;
}

	#page-intro {
		display:block;
		position:absolute;
		z-index:999;
		background:#FFF;
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
		
	#page-intro	#intro {
			display:block;
			width:673px;
			position:relative;
			margin-left:auto;
			margin-right:auto;
		}
	
	#page-container {
		display:none;
		width:1000px;
		margin-left:100px;
		margin-top:30px;
	}
		
		#logo {
			display:block;
			margin-left:40px;
			margin-bottom:30px;
			width:100px;
			height:53px;
		}
		
		#main-menu {
			display:block;
			padding:3px 30px 3px 30px;
			background:#000;
			float:left;
		}
		
			#main-menu a {
				color:#8dd7f7;
				font-size:16px;
				padding-left:10px;
				padding-right:10px;
				text-decoration:none;
			}
			
			#main-menu a:hover,#main-menu a.selected {
				color:#FFF;
			}
			
		.secondary-menu {
			display:none;
			padding:3px 30px 3px 30px;
			background:#919191;
			margin:2px 0 10px 0;
			float:left;
		}
			
			.secondary-menu a {
				color:#8dd7f7;
				font-size:12px;
				padding-left:10px;
				padding-right:10px;
				text-decoration:none;
				font-weight:bold;
			}
			
			.secondary-menu a:hover,#secondary-menu a.selected {
				color:#FFF;
			}
			
		#loading {
			display:none;
			text-align:left;
			float:left;
			margin-left:10px;
		}
			
			#loading img {
				margin-top:7px;
			}
		
		#page-content-left {
			display:none;
			float:left;
			width:420px;
			margin-right:20px;
		}
		
			#page-content-right h1, #page-content-left h1,#page-content-right .work-left h1, #page-content-right .work-right h1 {
				color:#8dd7f8;
				font-size:14px;
				background:url(../Images/bull.png) left no-repeat;
				padding-left:20px;
				margin-bottom:10px;
				margin-top:10px;
			}
			
			#page-content-left p {
				display:block;
			}
			
			#page-content-left .work, #page-content-right .work-right .work {
				display:block;
				float:left;
				width:45px;
				height:45px;
				margin-right:5px;
				margin-bottom:5px;
			}
			
			#page-content-left .work a, #page-content-right .work-right .work a {
				display:block;
				width:45px;
				height:45px;
				text-align:center;
				line-height:45px;
				vertical-align:middle;
				font-size:15px;
				font-weight:bold;
				color:#8dd7f8;
				text-decoration:none;
				cursor:pointer;
				background:url(../Images/works.png) no-repeat;
			}
			
			#page-content-left .work a:hover, #page-content-left .work .selected, #page-content-right .work-right .work a:hover {
				color:#FFF;
				background:url(../Images/works-hover.png) no-repeat;
			}
			
			#page-content-left .work-details {
				display:none;	
			}
			
			#page-content-left h2 {
				font-size:14px;
				font-weight:bold;
			}
		
		#page-content-right {
			display:block;
			float:left;
			width:460px;
		}
			
			#page-content-right .work-left {
				display:block;
				width:300px;
				float:left;
			}
			
			#page-content-right .work-right {
				display:none;
				float:left;
				width:160px;
			}
			
			#page-content-right img {
				border:solid 1px #CCC;
			}
				
		.work-background {
			background:#FFF;
			padding:10px;
			border:solid 1px #CCC;
			width:485px;
		}
		
			
				
			.work-background .left {
				display:block;
				width:400px;
				float:left;
			}
			
			.work-background .right {
				display:block;
				width:75px;
				height:100px;
				margin-left:10px;
				float:left;
			}
		
		#messages {
			display:none;
			padding-bottom:10px;
		}
		
		.row {
			display:block;
			margin-top:5px;
		}
		
		.row label {
			display:block;
			width:100px;
			float:left;
		}
		
		.row input, .row textarea {
			display:block;
			float:left;
			border:solid 1px #666;
		}