/* Getting the new tags to behave
---------------------------------------- */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Global properties
---------------------------------------- */
body { 
	background:url(../images/background.jpg) #181818; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#393939;
	}
html { min-width:940px;}
html, body { height:100%;}


.top-border {
	border-top:4px solid #fff;
	}
.splash {
	background:url(../images/splash.png) no-repeat 50% 50px;
	}
#main {
	position: relative;
	font-size:.75em;
	overflow:visible;
	}
	#main .inside {
		padding:0 20px;
		}


a {
	color:#888; 
	outline:none;
	}
a:hover{
	text-decoration:none;
	}
	

/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.one_half {
	float:left;
	width:46%;
	padding-right:4%;
	}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:visible;
	}

.extra-wrap { 
	overflow:visible;
	}

.hidden {
	display:none;
	}






/* Header
---------------------------------------- */
header {
	height:75px;
	border-bottom:1px solid #fff;
	position:relative;
	background:url(../images/ajax-loader.gif) no-repeat -9999em -99999em;
}

/* Navigation */
header nav {
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	right:-12px;
	top:49px;
	font-size:11px;
	color:#5d5d5d;
	}
	header nav ul li {
		display:inline;
		}
		header nav ul li a {
			color:#5a5a5a;
			text-decoration:none;
			padding:0 15px 0 12px;
			}
		header nav ul li a:hover,
		header nav ul li a.active{
			color:#000;
			}

/* Logo */
.logo {
	position:absolute;
	left:0;
	top:28px;
	}
	.logo h1 {
		font-size:36px;
		line-height:1.2em;
		font-weight:normal;
		color:#7a7a7a;
		float:left;
		}
		.logo h1 a {
			text-decoration:none;
			color:#7a7a7a;
			}
	.logo .author {
		float:left;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:17px;
		color:#7a7a7a;
		line-height:1.2em;
		padding:18px 0 0 10px;
		}



/* Content
---------------------------------------- */
#content {
	min-height:776px;
	position:relative;
	padding-bottom:6px;
}

/* Portfolio navigation */
nav.folio {
	
	}
	nav.folio li {
		position:absolute;
		left:360px;
		top:411px;
		z-index:9;
		}
	nav.folio li#gallery1 {
		left:200px;
		top:301px;
		}
	nav.folio li#gallery2 {
		left:560px;
		top:301px;
		}
	nav.folio li#gallery3 {
		left:200px;
		top:521px;
		}
	nav.folio li#gallery4 {
		left:560px;
		top:521px;
		}
	nav.folio li#gallery41 {
		left:720px;
		top:335px;
		}
		nav.folio li a {
			display:block;
			text-align:center;
			width:180px;
			height:110px;
			color:#616161;
			text-decoration:none;
			line-height:110px;
			font-size:16px;
			font-family:Tahoma, Geneva, sans-serif;
			background:#0f0f0f;
			text-shadow:0 0 3px rgba(0, 0, 0, .7);
			}
		nav.folio li a:hover,
		nav.folio li a.active{
			background:#fff;
			color:#000;
			text-shadow:none;
			}

/* Portfolio list */
.folio_list {
	width:100%;
	overflow:hidden;
	padding:6px 0 0 0;
	}
	.folio_list li {
		float:left;
		width:180px;
		height:110px;
		overflow:hidden;
		background:url(../images/ajax-loader.gif) no-repeat 50% 50% #000;
		}
		.folio_list li img {
			display:none;
			}
		.folio_list li a {
			display:block;
			width:180px;
			height:110px;
			overflow:hidden;
			}


/* List */
ul.list1 {
	padding-bottom:14px;
	}
	ul.list1 li {
		background:url(../images/marker1.gif) no-repeat 0 7px;
		padding:0 0 9px 14px;
		}
		ul.list1 li a {
			color:#888;
			text-decoration:none;
			}
		ul.list1 li a:hover {
			color:#fff;
			text-decoration:underline;
			}


.page {
	width:800px;
	margin:0 auto;
	height:550px;
	overflow:hidden;
	}


.box {
	background:#000;
	background:rgba(0, 0, 0, .85);
	min-height:550px;
	font-size:13px;
	line-height:18px;
	color:#fff;
	}
	.box .indent {
		padding:25px 15px 22px 15px;
		}
	.box .indent .indent {
		padding:21px 0 0 10px;
		}



/* Other */
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
	}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
		}

figure {
	display:block;
	border-bottom:1px solid #fff;
	padding-bottom:12px;
	}


/* Links */
.link1 { 
	display:block;
	float:left;
	background:url(images/link1-bgd.gif) left top repeat-x; 
	color:#fff; 
	text-decoration:none;
	}
.link1:hover { 
	text-decoration:underline;
	}
	.link1 em {
		display:block;
		background:url(images/link1-left.gif) no-repeat left top;
		}
	.link1 b { 
		display:block;
		background:url(images/link1-right.gif) no-repeat right top; 
		padding:2px 15px 2px 15px; 
		font-weight:normal; font-style:normal;
		}

.read-more {
	display:inline-block;
	background:url(../images/arrow.png) no-repeat 0 1px;
	padding:0 0 0 18px;
	font-size:18px;
	color:#848484;
	text-decoration:none;
	text-transform:uppercase;
	}
.read-more:hover {
	color:#fff;
	}


/* Lines */
.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
	}
.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
	}



/* Address */
.address { 
	margin-bottom:18px;
}
	.address dt {
		font-weight:bold;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
	.address dd.last {
		text-align:left;
		}
		.address dd span { 
			float:left;
			padding-right:25px;
		}
		.address dd a {
			color:#888;
			text-decoration:none;
			}
		.address dd a:hover {
			text-decoration:underline;
			}


/* Address */
#map_canvas {
	width:270px;
	height:215px;
	overflow:hidden;
	}


		

/* Paragraph */
p {margin-bottom:16px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;}



/* Titles */
h1 {
	
	}
h2 {
	font-size:24px;
	line-height:1.2em;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:0 0 15px 10px;
	margin-bottom:12px;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h3 {
	font-size:1em;
	margin-bottom:18px;
	}
h4 {
	font-size:1em;
	}
h5 {
	
	}
h6 {
	
	}
	




/* Footer
---------------------------------------- */
footer {
	border-top:1px solid #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:11px;
	color:#393939;
	padding:5px 0 20px 0;
	}
	footer a {
		color:#393939;
		text-decoration:none;
		}
	footer a:hover,
	footer a.active {
		color:#000;
		}


/* Forms
---------------------------------------- */

/* Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/* Contacts form */
#contact-form {
	width:100%;
	overflow:hidden;
	}
	#contact-form label.field {
		display:block;
		margin-bottom:6px;
		position:relative;
		zoom:1;
		}
	#contact-form span.name {
		float:left;
		width:60px;
		padding:3px 0 0 8px;
		color:#888;
		}
		#contact-form label.field input {
			width:344px;
			padding:3px 0 3px 4px;
			background:#1c1c1c;
			border:1px solid #000;
			color:#fff;
			}
		#contact-form textarea {
			width:344px;
			height:295px;
			padding:3px 0 3px 4px;
			background:#1c1c1c;
			border:1px solid #000;
			color:#fff;
			margin-bottom:15px;
			overflow:auto;
			}
		#contact-form .read-more {
			float:right;
			margin-left:20px;
			cursor:pointer;
			}
		.error {
			display:none;
			float:right;
			position:relative;
			z-index:10;
			margin-top:-26px;
			padding-right:20px;
			}
		.textarea_error {
			margin-top:-36px;
			}



/*==========================================*/