/* -------------------------------------
   -- General --------------------------
   ------------------------------------- */
body {
	background: #000000;
	margin: 0;
	/*padding-top: 2.5%;*/
	padding-top: 0.5%;
	font: 0.80em Helvetica, Arial, sans-serif;
	line-height: 0.5em;
	font-style: italic;
	color: #666666;
	overflow-x: hidden;
	overflow-y: hidden;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #808080;
}
.link {
	text-decoration: underline;
}
img {
	border: 0;
	height: auto !important;
	height: 1%;
}
h1 {
	position: absolute;
	text-indent: -9000px;
}
ul, li, p, h1, h2, fieldset, input, textarea {
	list-style: none;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
}
p, h2, input, textarea, label {
	color: #808080;
}
h2 a {
	text-decoration: underline;
}
fieldset {
	width: 40.8em;
	float: right;
}
input, textarea {
	background: #37005c;
	padding: 0.5em;
	width: 39.8em;
	font: italic 1em Helvetica, Arial, sans-serif;
	margin-top: 0.5em;
	color: #666666;
}
input {
	height: 1em;
}
textarea {
	height: 4em;
}
input[type="submit"] {
	background: #666666;
	width: 40.8em;
	height: 2em;
	text-align: right;
	color: #37005c;
}
.emailMessageBox {
	width: 100%;
	margin-top: 15%;
	text-align: center;
	line-height: 1.1em;
}
.emailMessageBox img {
	width: 11%;
}
#homeMobile .emailMessageBox {
	font-size: 4em;
}
#homeMobile .emailMessageBox img {
	width: 50%;
}
#notice {
	position: absolute;
	background: url(../images/notice.png) no-repeat;
	width: 98px;
	height: 97px;
	bottom: 0;
	right: 0;
	z-index: 100;
}
/* -------------------------------------
   -- Sections -------------------------
   ------------------------------------- */
#home a, #home p {
	color: #808080;
}
#who a:hover, #who p, #who li, #who .active a {
	color: #008000;
}
#design a:hover, #design p, #design li, #design .active a {
	color: #00677c;
}
#photography a:hover, #photography p, #photography li, #photography .active a {
	color: #80004d;
}
#web a:hover, #web p, #web li, #web .active a {
	color: #808000;
}
#contact a:hover, #contact p {
	color: #37005c;
}
/* -------------------------------------
   -- Head Frame -----------------------
   ------------------------------------- */
#head {
	background: #000000;
	position: fixed;
	z-index: 1;
	width: 100%;
	padding-bottom: 0.8%;
}
	#mainNav {
		width: 86.6%;
		float: left;
		text-align: right;
	}
		#mainNav li, #mainNav img {
			position: relative;
		}
			#mainNav span {
				visibility: hidden;
				position: absolute;
				right: 0;
				top: 0;
			}
			#mainNav span img {
				width: 100%;
			}
				#element_5 img, #element_5 span {
					width: 31.5%;
					max-width: 584px;
					z-index: 5;
					margin-bottom: -7%;
				}
				#element_4 img, #element_4 span {
					width: 49%;
					max-width: 918px;
					z-index: 4;
					margin-bottom: -9%;
				}
				#element_3 img, #element_3 span {
					width: 98%;
					max-width: 1835px;
					z-index: 2;
					margin-bottom: -8%;
				}
				#element_2 img, #element_2 span {
					width: 30%;
					max-width: 561px;
					margin-bottom: -7%;
					z-index: 3;
				}
				#element_1 img, #element_1 span {
					width: 59%;
					max-width: 1112px;
					z-index: 1;
				}
			#mainNav a:hover > img {
				visibility: hidden;
			}
			#mainNav a:hover span {
				visibility: visible;
			}
	#secondaryNav {
		width: 13.4%;
		float: left;
		line-height: 1.1em;
	}
		#secondaryNav ul, #secondaryNav span {
			position: absolute;
			bottom: 0;
			margin-left: 0.8em;
			margin-bottom: 1em;
		}
/* -------------------------------------
   -- Footer Frame ---------------------
   ------------------------------------- */
#footer {
	position: relative;
	width: 100%;
	float: left;
	margin-top: 30.2%;
}
	#mainContent {
		position: fixed;
		width: 86.6%;
		z-index: 0;
		text-align: right;
		line-height: 1.1em;
		margin-top: 0.2%;
	}
		#mainContent div {
			float: right;
			margin-right: 0.55%;
		}
		#mainContent img {	
			width: 29.501%;
			max-width: 776px;
			float: right;
			border-left: 1px solid #000000;
		}
	#secondaryContent {
		position: fixed;
		width: 13.4%;
		background: #000000;
		margin-left: 86.6%;
		padding: 0.1% 0 13% 0.7%;
		z-index: 1;
	}
		#secondaryContent img {
			width: 90%;
			max-width: 221px;
		}
#topic img {
	width: 32%;
	max-width: 263px;
}
#topic {
	width: 50%;
	clear: both;
	margin-top: 0.8%;
}
#information {
	font-size: 0.8em;
}
/* -------------------------------------
   -- Show Modes -----------------------
   ------------------------------------- */
#footer img.loading {
	float: right;
	padding: 5% 25% 0 0;
}
.showContent #mainContent {
	width: 122.875%;
	padding-right: 13.375%;
}
/* -------------------------------------
   -- Brands Style ---------------------
   ------------------------------------- */
img#logoTwitter {
	width: 10%;
	max-width: 229px;
	float: right;	
}
img#logoLinkedIn {
	width: 12%;
	max-width: 254px;
	float: right;	
}
img#logoFlickr {
	width: 8.5%;
	max-width: 190px;
	float: right;	
}
/* -------------------------------------
   -- Mobile Style ---------------------
   ------------------------------------- */
body#mobileStyle {
	padding: 2.5%;
	overflow-x: hidden;
	overflow-y: scroll;
}
.head {
	background: #000000;
	width: 100%;
	padding-bottom: 0.7%;
	text-align: right;
}
	#mobileStyle span.projectInfo {
		position: absolute;
		z-index: 0;
		bottom: 0;
		padding: 0 0 1em 2em;
		text-align: left;
	}
		.head #element_7 img {
			width: 100%;
			max-width: 130px;
			margin-bottom: -1.5%;
		}
		.head #element_6 img {
			width: 100%;
			max-width: 600px;
			margin-bottom: -1%;
		}
		.head #element_5 img {
			width: 100%;
			margin: 0;
		}
		.head #element_4 img {
			width: 100%;
			margin: 0;
		}
		.head #element_3 img {
			width: 100%;
			margin: 0;
		}
		.head #element_2 img {
			width: 100%;
			margin: 0;
		}
		.head #element_1 img {
			width: 100%;
			margin: 0;
		}
.footer {
	position: relative;
	width: 100%;
	float: left;
	line-height: 1.1em;
	text-align: right;
}
	.footer span {
		width: 49%;
		position: relative;
		float: right;
		margin-bottom: 0.55%;
	}
	.footer img {	
		width: 49%;
		max-width: 776px;
		border-left: 1px solid #000000;
		float: right;
	}
.footer img#logoTwitter {
	width: 100%;
}
.footer img#logoLinkedIn {
	width: 100%;
}
.footer img#logoFlickr {
	width: 100%;
}