/* 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/pattern.gif) #181818;	font-family:Arial, Helvetica, sans-serif;	font-size:100%;	line-height:1em;	}html { min-width:980px;}html, body { height:100%;}.top-border {	border-top:4px solid #fff;	}.splash {	background:url(../images/splas11h.png) no-repeat 50% 50px;	}#main {	position: relative;	font-size:.75em;	overflow:hidden;	}	#main .inside {		padding:0 20px;		}a {	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:hidden;	}.extra-wrap { 	overflow:hidden;	}.hidden {	display:none;	}/* Header---------------------------------------- */header {	height:155px;	border-bottom:1px solid #fff;	position:relative;	background:url(../images/header.jpg) no-repeat -9999em -99999em;	background-image: url(images/header.jpg);}/* Navigation */header nav {	position:absolute;	right:-12px;	top:75px;	font-size:11px;	}	header nav ul li {		display:inline;		}		header nav ul li a {	text-decoration:none;	padding:0 15px 0 12px;			}		header nav ul li a:hover,		header nav ul li a.active{			color:#fff;			}/* Logo */.logo {	position:absolute;	left:0;	top:58px;	width: 285px;	}	.logo h1 {		font-size:30px;		line-height:1.2em;		font-weight:normal;		float:left;		}		.logo h1 a {			text-decoration:none;			color:#fff;			}	.logo .author {		float:left;		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:17px;		line-height:1.2em;		padding:14px 0 0 10px;		}/* Content---------------------------------------- */#content {	min-height:670px;	position:relative;	padding-bottom:0px;	padding-top: 0px;}/* Portfolio navigation */nav.folio {		}	nav.folio li {		position:absolute;		left:360px;		top:446px;		z-index:9;		}	nav.folio li#cat_people {		left:200px;		top:336px;		}	nav.folio li#cat_nature {		left:560px;		top:336px;		}	nav.folio li#cat_objects {		left:200px;		top:556px;		}	nav.folio li#cat_misc {		left:560px;		top:556px;		}		nav.folio li a {	display:block;	text-align:center;	width:180px;	height:110px;	color:#F8F8BB;	text-decoration:none;	line-height:110px;	font-size:20px;	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{	text-shadow:none;			}/* Portfolio list */.folio_list {	width:100%;	overflow:hidden;	padding:1px 0 0 0;	}	.folio_list li {		float:left;		width:180px;		height:110px;		overflow:hidden;		}		.folio_list li img {			display:none;			}		.folio_list li a {	display:block;	width:175px;	height:105px;	overflow:hidden;			}/* List */ul.list1 {	padding-bottom:14px;	}	ul.list1 li {		padding:0 0 9px 14px;		}		ul.list1 li a {			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:#;	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;	color:#595959;	text-transform:uppercase;	padding:1px 0 70px 0;	}	footer a {		color:#595959;		text-decoration:none;		}	footer a:hover,	footer a.active {		color:#fff;		}/* 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;			}/*==========================================*/