/***********************************************************************

Author:     Arno Hoogma
URL:        http://www.4rn0.nl

***********************************************************************/



/*	= Reset CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


/*	= default styling
-------------------------------------------------------------------- */
html {
	color: #37424A;
	font: normal normal normal 12px/18px Arial, sans-serif;
}

body, form, fieldset, input, 
select, textarea, button {
	font: normal normal normal 100%/150% Arial, sans-serif;
}

a {
	color: #0073CF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0 0 1.0em;
}

li, dd, blockquote {
	margin-left: 1.5em;
}

fieldset {
	border: none;
}

legend, hr {
	display: none;
}


/*	= containers
-------------------------------------------------------------------- */
html, body {
	background: #ccc;
	height: 100%;
}

div#container {
	min-height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.v1 div#container {
	background: transparent url(images/bg.mask1.png) scroll repeat left -50px;
}

.v2 div#container {
	background: transparent url(images/bg.mask2.png) scroll repeat left -75px;
}

.v3 div#container {
	background: transparent url(images/bg.mask3.png) scroll repeat -60px -80px;
}

div#content {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 970px;
}

div#content div.about {
	margin: 0 0 0 230px;
}

div.about,
div.news,
div.work {
	background: #fff;
	box-shadow: 1px 0 4px #999;
	float: left;
	margin: 0 0 0 15px;
	padding: 12px;
	position: relative;
	width: 136px;
	z-index: 1;
	-moz-box-shadow: 1px 0 4px #999;
	-webkit-box-shadow: 1px 0 4px #999;
}

div.about:hover,
div.news:hover,
div.work:hover {
	z-index: 3;
	box-shadow: 2px 0 9px #999;
	-moz-box-shadow: 2px 0 9px #999;	
	-moz-transition: -moz-box-shadow 0.1s linear;
	-webkit-box-shadow: 2px 0 9px #999;
  	-webkit-transition: -webkit-box-shadow 0.1s linear;
}


/*	= headers
-------------------------------------------------------------------- */
div#content h1 {
	background: #fff url(images/bg.header.png) scroll no-repeat center top;
	box-shadow: 0 1px 1px #999;
	height: 162px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 65px;
	width: 100%;
	z-index: 2;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
}

div#content h2 {
	position: absolute;
	top: -9999px;
}


/*	= content
-------------------------------------------------------------------- */
div.about h3,
div.news h3,
div.work h3 {
	background: #fff url(images/bg.headers.gif) scroll no-repeat 0 0;
	height: 25px;
	margin: 8px 0;
	overflow: hidden;
	outline: 0;
	text-indent: -9999px;
	width: 107px;
}

div.about h3 {
	background-position: 0 0;
}

div.about:hover h3 {
	background-position: 0 -75px;
}

div.news h3 {
	background-position: -157px 0;
}

div.news:hover h3 {
	background-position: -157px -75px;
}

div.work h3 {
	background-position: -314px 0;
}

div.work:hover h3 {
	background-position: -314px -75px;
}

div.about ul,
div.news ul,
div.work ul {
	list-style: none;
}

div.about ul li,
div.news ul li,
div.work ul li {
	margin: 0;
}

div.news ul li {
	margin: 0 0 1.0em;
}

div.news p,
div.work p {
	margin: 0;
	overflow: hidden;
	width: 100%;
}

div.news em a,
p.destination a {
	color: #aaa;
	font-style: normal;
	text-decoration: none;
}

div.news em a:hover,
p.destination a:hover {
	text-decoration: underline;
}

img.horizontal {
	margin: 1px 0 5px;
	width: 100%;
}

img.vertical {
	margin: 1px 0 5px;
	width: 100px;
}


/*	= vcard
-------------------------------------------------------------------- */
div.vcard {
	background: #fff url(images/bg.header.png) scroll no-repeat center top;
	box-shadow: 0 1px 1px #999;
	height: 162px;
	left: 50%;
	margin: 0 0 0 -800px;
	position: absolute;
	text-indent: -9999px;
	top: 65px;
	width: 1600px;	
	z-index: -1;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
}


/*	= background
-------------------------------------------------------------------- */
body > img.background {
	height: auto;
	left: 0;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
}

img.background {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}