/*
Theme Name: Tails
Theme URI:
Description: tails theme
Version: 0.1
Author: Michaël de Boevé
Author URI: 
Tags: Tails
*/

/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body{
	width: 100%;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 140%;
	background: #e5e5e5;
	}

body{
	min-width: 960px;
	}
.clear{
	clear: both;
	display: block;
	}

	
a{
	color: #00539e;
	text-decoration: none;
	cursor: pointer;
	}
a:hover{
	text-decoration: underline;
	}
#container,
#temp-container{
	/*background: #fff url(images/bg-main.jpg) 0 0 repeat;*/
	background: #fff url(images/bg-main-new.jpg) 0 0 repeat;
	width: 100%;
	}
#container{
	background: #fff url(images/bg-main-new.jpg) 0 0 repeat;
	}

#content,
#temp-content{
	margin: 0 auto;
	width: 960px;
	background: transparent url(images/bg-page-new-blank.jpg) center 0 no-repeat;
	overflow: hidden;
	}
#content{
	background: transparent url(images/bg-page-new.jpg) center 0 no-repeat;
	}
#container .standalonepage{
	background: transparent url(images/bg-page-new-blank.jpg) center 0 no-repeat;
	}
#temp-content{
	padding-top: 170px;
}
#logo-container{
	float: left;
	margin: 200px 0 135px 70px;
	width: 282px;
	}
#logo{
	width: 282px;
	height: 88px;
	background: transparent url(images/logo.png) 0 0 no-repeat;
	position: relative;
	z-index: 10;
	}
#logo-container blockquote{
	width: 257px;
	height: 50px;
	background: transparent url(images/quote.png) 0 0 no-repeat;
	margin: 3px auto 0 auto;
	}
/*
#visual{
	position: absolute;
	width: 600px;
	height: 460px;
	margin-left: 360px;
	background: transparent url(images/visual2.png) center center no-repeat;
	}
*/
#visual{
	position: absolute;
	width: 960px;
	height: 460px;
	margin-left: 0;
	background: transparent url(images/visual3.png) center center no-repeat;
	}
#temp-logo{
	width: 282px;
	height: 88px;
	background: transparent url(images/logo.png) 0 0 no-repeat;
	margin: 0 auto;
	}
#temp-soon{
	width: 770px;
	height: 35px;
	background: transparent url(images/temp-soon.png) 0 0 no-repeat;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 100px;
	}

#footer-container{
	width: 100%;
	bottom: 0;
	}
#footer-content,
#pre-footer{
	width: 960px;
	margin:auto;
	}
#footer-content{
	overflow: hidden;
	padding-top: 44px;
	background: transparent url(images/footer-divider.png) 0 44px no-repeat;
	}
#pre-footer{
	text-align: center;
	font-size: 10px;
	margin-bottom: 10px;
	}
#footer-bg{
	height: 180px;
	background: #e5e5e5 url(images/footer-bg.png) 0 0 repeat-x;
	}

#footer-content ul{
	color: #333;
	margin: 0;
	padding: 13px 0 0 0;
	display: block;
	width: 192px;
	height: 99px;
	float: left;
	list-style: none;
	background: transparent url(images/footer-divider.png) right 0 no-repeat;
	line-height: 130%;
	}
#footer-content ul li{
	padding-left: 23px;
	}
#legal-name{
	font-weight: bold;
	font-size: 20px;
	}
#address-route,
#links li, #email li{
	color: #00539e;
	}
#telephone li span,
#links li span, #email li span{
	color: #8f8f8f;
	}
	
#telephone-maite{
	margin-top: 18px;
	}
#address-route,
#link-facebook{
	margin-top: 32px;
	}
#legal-number{
	margin-top: 45px;
	}


#overlay{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	z-index:900;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background: #000;
	opacity: .87;
	}
#gallery,
#about{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	z-index:999;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}
a.btn{
	display: block;
	width: 92px;
	height: 25px;
	background: transparent url(images/btn.png) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 21px;
	font-size: 11px;
	}
#gallery a.btn{
	background: transparent url(images/btn-light.png) 0 0 no-repeat;
	color: #666;
	}
#gallery a.btn:hover,
a.btn:hover{
	background-position: 0 -25px;
	text-decoration: none;
	}
#about #about-content{
	margin: 60px auto 0 auto;
	width: 340px;
	padding: 45px;
	background: #fff url(images/bg-about.jpg) center center no-repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#gallery a.btn,
#about #about-content a.btn{
	margin: 25px auto 0 auto;
	}
.gallery-container{
	overflow: hidden;
	width: 762px;
	margin: auto;
	}
.gallery-container a.prev,
.gallery-container a.next{
	display: block;
	width: 30px;
	height: 30px;
	}

.gallery-container a.prev{
	background: url(images/btn-prevnext.png) -2px -4px no-repeat;
	float: left;
	}
.gallery-container a.next{
	background: url(images/btn-prevnext.png) -37px -4px no-repeat;
	float: right;
	}
.gallery-container a.prev:hover{
	background-position: -2px -34px;
	}
.gallery-container a.next:hover{
	background-position: -37px -34px;
	}
.gallery-container a.prev,
.gallery-container a.next{
	margin-top: 355px;
	}
.gallery-container .pic-container{
	width: 700px;
	height: 677px;
	float: left;
	text-align: center;
	margin-top: 25px;
	
	}
.gallery-container .pic-container .pic{
	background: transparent url(images/loader-white.gif) center center no-repeat;
	width: 700px;
	height: 677px;
	}
.gallery-container .pic-square{
	background: url(images/bg-gallery-square.png) 18px center no-repeat;
	}
.gallery-container .pic-portrait{
	background: url(images/bg-gallery-portrait.png) center center no-repeat;
	}
.gallery-container .pic-landscape{
	background: url(images/bg-gallery-landscape.png) 23px center no-repeat;
	}
.gallery-container .pic-square .pic{
	padding-top: 39px;
	}
.gallery-container .pic-portrait .pic{
	padding-top: 35px;
	}
.gallery-container .pic-landscape .pic{
	padding-top: 139px;
	}
#widget-container{
	float: none;
	clear: both;	
	margin-bottom: 70px;
	}
.widget{
	width: 240px;
	float: left;
	font-size: 11px;
	line-height: 120%;
	margin-right: 60px;
}
.widget p{
	height: 70px;
	}
.widget a.btn{
	float: right;
	}
#widget-about{
	margin-left: 50px;
	}
#about-content h3,
#widget-about h3{
	height: 26px;
	background: transparent url(images/over-tails.png) 0 0 no-repeat;
	}
#widget-gallery h3{
	height: 26px;
	background: transparent url(images/galerij.png) 0 0 no-repeat;
	}

#widget-banners{
	margin: 0;
	width: 248px;
	margin-top: -20px;
	}
#banner-facebook{
	width: 159px;
	height: 35px;
	display: block;
	background: transparent url(images/banner-facebook.png) 0 0 no-repeat;
	margin-top: 20px;
	margin-left: 60px;
	}

#banner-facebook:hover{
	background-position: 0 -35px;
	}

#banner-castingtails{
	width: 248px;
	height: 87px;
	display: block;
	background: transparent url(images/banner-castingtails.png) 0 0 no-repeat;
	}
.download-btn span,
#about-content h3 span,
.widget h3 span,
#logo-container blockquote p,
#logo span,
.gallery-container a.prev span,
.gallery-container a.next span,
#banner-facebook span,
#banner-castingtails span,
#temp-logo span, #temp-soon span{
	position: absolute;
	left: -99999px;
	}
	
.error404{
	height: 500px;
	}
.error404 h2{
	font-size: 40px;
	margin-top: 250px;
	}
.error404 h3{
	font-size: 21px;
	font-weight: normal;
	margin: 20px 0;
	}
.error404 #pre-footer{
	margin-top: 130px
	}
.download-btn{
	position:absolute;
	width: 275px;
	height: 121px;
	top: 0;
	margin-left: 50px;
	background: transparent url(images/btn-ademloos.png) 0 0 no-repeat;
	}