* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, san-serif;
	background: #fff url(../media/background.png) -537px -280px no-repeat;
	}

a {
	color: #fff;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a.current {
	color: #fcb034;
	}

p {
	font-size: 12px;
	line-height: 20px;
	color: #555;
	padding: 0 0 10px 0;
	}

ul, ol {
	color: #555;
	list-style-type: none;
	}


	#page {
		margin: 0 auto;
		width: 1200px;
		background: url(../media/logo.png) 50px 50px no-repeat;
		}


		#body {
			height: 450px;
			margin: 0 0 50px 700px;
			padding: 140px 0 0 0;
			background: #f2f2f2 url(../media/logo-mini.png) 15px 145px no-repeat;
			}

			#body a {
				color: #3b6e8f;
				text-decoration: underline;
				}

			#navigation {
				position: relative;
				top: 80px;
				padding: 5px 0 5px 20px;
				margin: 0 0 -26px 350px;
				font-size: 14px;
				color: #ffffff;
				background: #3b6e8f url(../media/navigation-background.png) top right repeat-y;
				list-style-type: none;
				}

				#navigation li {
					display: inline;
					}

				h1, h2, h3, h4, h5 {
					font-weight: 100;
					color: #3b6e8f;
					}

				h1 {
					margin: 0 30px 30px 50px;
					padding: 0 0 10px 0;
					border-bottom: 1px solid #3b6e8f;
					}

				h2 {
					font-size: 12px;
					margin: 0 0 0 50px;
					padding: 20px 0 10px 0;
					text-transform: uppercase;
					}

				#body p {
					margin: 0 30px 0 50px;
					}

				#body li {
					margin: 0 30px 0 50px;
					line-height: 20px;
					}

				#artBlock {
					position: relative;
					bottom: -50px;
					left: 400px;
					width: 150px;
					height: 50px;
					background: #3b6e8f;
					outline: 7px solid #fff;
					}

				#projectPhoto {
					width: 400px;
					height: 200px;
					margin: 0 0 0 50px;
					background: green;
					}

				#container {
					height: 300px;
					overflow-y: scroll;
					}

				#work #container {
					}

		body#contact #container {
			overflow: hidden;
			}

	#work .project {
		width: 100px;
		margin: 0 0 50px 50px;
		padding: 5px 0 5px 0;
		background: #fff;
		text-align: center;
		float: left;
		}

		#work .project:hover {
			background: #fcb034;
			}

			#work .project:hover a, .project:hover a p {
				color: #fff;
				}

		#work .project p {
			margin: 0;
			padding: 0;
			font-size: 10px;
			}



	#footer {
		text-align: center;
		margin: 0 0 30px 96px;
		clear: both;
		}

		#footer p {
			color: #3b6e8f;
			}






.next, .prev{
	cursor:pointer;
	color: #3b6e8f;
	}

#screen{
	margin: -20px 0 0 0;
	height:350px;
	width:450px;
	}

#sections{
	overflow:hidden;
	width:450px;
	height:350px;
	clear:left;
	}
	
	#sections ul{
		width: 5660px; /* Was previously 3660px */
	}
	
		#sections li{
			float:left;
			padding: 11px 0;
		}

		#sections li p.description {
			font-size: 10px;
			text-align: center;
			}

			#sections li img {
				margin: 0 0 0 50px;
				}
			
			#sections p{
				width:400px;
			}

#sectionNavigation {
	width: 400px;
	margin: 0 0 0 50px;
	}

	#sectionNavigationPrevious {
		width: 200px;
		float: left;
		text-align: left;
		}

	#sectionNavigationNext {
		width: 200px;
		float: left;
		text-align: right;
		}

#projectPreview {
	width: 400px;
	height: 100px;
	background: #f2f2f2;
	margin: 0 0 0 0;
	}

	#projectPreviewBefore {
		width: 200px;
		float: left;
		}

	#projectPreviewAfter {
		width: 200px;
		float: left;
		}

#projectLocation {
	width: 400px;
	margin: 14px 0 0 50px;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	text-indent: 5px;
	background: #fff;
	}

	#projectLocation h2 {
		margin: 0 0 0 0;
		padding: 0 0 1px 0;
		font-size: 11px;
		}

#projectDetail {
	padding: 10px 0 0 5px;
	}

	#projectDetail p {
		width: 390px;
		font-size: 11px;
		line-height: 15px;
		}
		
.photocaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #333333;
}