* {
	margin: 0;
	padding: 0;
	}

body {
	text-align: center;
	font: 62.5%/1.8em Georgia, "Times New Roman", serif;
	}
	
h1 {
	font-size: 2.2em;
	font-weight: normal;
	}
	
h2 {
	margin: 0 0 0.2em 0;
	font-size: 5em;
	line-height: 1em;
	font-weight: bold;
	}

h3 {
	margin: 0 0 0.2em 0;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	}
	
h4 {
	margin: 0 0 0.2em 0;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: normal;
	}
	
p {
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 0.4em 0;
	letter-spacing: 0.04em;
	}
	
img {
	border: none;
	}
	
img.index-img {
	float: left;
	margin: 0 1em 0 0;
	}

a {
	text-decoration: none;
	}

/* Wood theme
------------------------------*/
body.wood {
	color: #fff;
	background: #5D5345 url(images/bg-wood.jpg) no-repeat center top;
	}
	
body.wood h2 {
	color: #ff0;
	background-color: inherit;
	}

body.wood a {
	color: #ff0;
	background-color: inherit;
	}

body.wood a:hover {
	color: #fff;
	background-color: inherit;
	}
	
body.wood input.button {
	color: #444;
	background-color: #ff0;
	}
			
			body.wood #return a {
				color: #444;
				background-color: #ff0;
				}
			
			body.wood #return a:hover {
				color: #444;
				background-color: #fff;
				}
			
			body.wood .project-item {
				border-bottom: 1px dotted #ccc;
				}
			
				body.wood .project-item a img {
					border: 1px solid #fff;
					}
			
				body.wood .project-item a:hover img {
					border: 1px solid #ff0;
					}
			
				body.wood .screenshot a img {
					border: 1px solid #fff;
					}
			
				body.wood .screenshot a:hover img {
					border: 1px solid #ff0;
					}
				
				body.wood .ditto_pages span.ditto_currentpage {
					color: #444;
					background-color: #ff0;
					border: 1px solid #ff0;
					}
				
				body.wood .ditto_pages a.ditto_page {
					border: 1px solid #ff0;
					}
				
				body.wood .ditto_pages a.ditto_previous_link,
				body.wood .ditto_pages a.ditto_next_link {
					border: 1px solid #ff0;
					}

/* White theme
------------------------------*/
body.white {
	color: #444;
	background: #fff url(images/bg-white.jpg) no-repeat center top;
	}
	
body.white h2 {
	color: #444;
	background-color: inherit;
	}

body.white a {
	color: #444;
	background-color: inherit;
	}

body.white a:hover {
	color: #999;
	background-color: inherit;
	}
	
body.white input.button {
	color: #444;
	background-color: #ccc;
	}
			
			body.white #return a {
				color: #444;
				background-color: #ccc;
				}
			
			body.white #return a:hover {
				color: #444;
				background-color: #fff;
				}
			
			body.white .project-item {
				border-bottom: 1px dotted #444;
				}
			
				body.white .project-item a img {
					border: 1px solid #ccc;
					}
			
				body.white .project-item a:hover img {
					border: 1px solid #444;
					}
			
				body.white .screenshot a img {
					border: 1px solid #ccc;
					}
			
				body.white .screenshot a:hover img {
					border: 1px solid #444;
					}
				
				body.white .ditto_pages span.ditto_currentpage {
					color: #fff;
					background-color: #444;
					border: 1px solid #444;
					}
				
				body.white .ditto_pages a.ditto_page {
					border: 1px solid #444;
					}
				
				body.white .ditto_pages a.ditto_previous_link,
				body.white .ditto_pages a.ditto_next_link {
					border: 1px solid #444;
					}

/* Form elements
------------------------------*/
legend {
	display: none;
	}
				
fieldset {
	border: none;
	}
				
label {
	font-size: 1.8em;
	line-height: 1.2em;
	}
				
input.textbox {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.4em 0;
	}
				
textarea {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.4em 0;
	}
	
input.button {
	padding: 0.2em;
	border: none;
	font: 1.8em Georgia, "Times New Roman", serif;
	}


/* Outer container
------------------------------*/
#wrap {
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0 auto;
	font-size: 1.1em;
	overflow: hidden;
	}

	#header {
		margin: 20px 0;
		overflow: hidden;
		}

		#logo {
			float: left;
			}

		#client-login {
			float: right;
			}

	#content-wrap {
		position: relative; 
		clear: both;
		margin: 0 0 2em 0;
		overflow: hidden;
		height: 1%;
		}
			
		#return {
			margin: 0 0 1em 0;
			}
			
			#return a {
				padding: 0.2em;
				font-size: 2em;
				line-height: 2em;
				}
			
		#primary-content {
			float: left;
			width: 500px;
			}
			
			.project-item {
				clear: left;
				margin: 2em 0;
				padding: 0 0 2em 0;
				overflow: auto;
				}
			
			.screenshot {
				clear: left;
				margin: 1em 0 2em 0;
				overflow: auto;
				}
				
			.ditto_pages {
				overflow: auto;
				}
				
				.ditto_pages span.ditto_currentpage {
					float: left;
					margin: 0.2em;
					padding: 0.2em 0.6em;
					}
				
				.ditto_pages a.ditto_page {
					float: left;
					margin: 0.2em;
					padding: 0.2em 0.6em;
					}
				
				.ditto_pages a.ditto_previous_link,
				.ditto_pages a.ditto_next_link {
					margin: 0.2em;
					float: left;
					padding: 0.2em 0.6em;
					}
			
		#secondary-content {
			float: right;
			width: 400px;
			}
			
			#contact {
				margin: 2em 0 0 0;
				}