/*
Site:			DJ Nicoline
Developed by:	Magnuzoid & Linsoft
*/


/*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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*general*/
body{
font-size: 100%;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
text-align: center;
}

#bg1{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
}

h2{
font-size:3.6em;
font-weight:bold;
line-height:1em;
padding-top: 16px;
}

.headline{padding: 0 16px;}

.headline h2{
float: left;
}

h3{
font-size: 2em;
font-weight: bold;
line-height: 1em;
padding-bottom: 0.3em;
}

div.col2 p{
padding-bottom:1em;
}

#page{
font-size:62.5%;
margin: 0 40px;
width:950px;
}

#pagewrap{
height: 952px;
overflow:hidden;
position:relative;
z-index:10;
}

#header{
margin-bottom: 12px;
position:relative;
z-index:10;
height:145px;
}
#linemenu{
margin-bottom: 3px;
padding-left: 0px;
text-align:left;
position:relative;
z-index:10;
height:20px;
}
#linemenu a{
font-size:1.6em;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
/*background-color:#eeeeee;*/
padding:3px;
}
.page{
display:block;
clear:left;
height: 952px;
text-align:left;
}

div.1column{
padding: 19px;
}

div.col1{
float: left;
line-height: 0.9em;
padding: 10px;
width: 445px;
}

div.col2{
    float: left;
    line-height: 0.9em;
    margin-left: 20px;
    padding-top: 1.9em;
    width: 445px;
}

p{
font-family: "georgia","Times New Roman",serif;
font-size: 1.6em;
line-height:1.3em;
}

p.intro{
border-bottom: 4px solid #CECECE;
border-top: 4px solid #CECECE;
color: #666;
font-size: 1.8em;
line-height:1.2em;
margin-bottom: 0.9em;
margin-top: 0.7em;
padding: 0.55em 0.3em 0.45em;
}
.menu{
display:block;
float:left;
height:470px;
width:470px;
}

#references{
padding-left: 16px;
}

#references h2{
padding-bottom: 1px;
}

#photos,
#references,
#contactform{
background-color:white;
}

#bio, #refs{
margin-right:10px;
}

#bio, #tracks{
margin-bottom:10px;
}

#bio{
background-image:url("images/menu_gallery.jpg");
}

#tracks{
background-image:url("images/menu_tracks.jpg");
position: relative;
}

#tracks > a{
position: relative;
/*z-index: 9999;*/
}

#refs{
background-image:url("images/menu_refs.jpg");
}

#contact{
background-image:url("images/menu_contact.jpg");
}

#clientlist{
}

#clientlist.row-e{}

#clientlist.row-ue{}

#clientlist li{
    display: inline-block;
    margin-right: 18px;
    padding-bottom: 10px;
}

#clientlist li div{
    border: 5px solid #666666;
    margin-bottom: 8px;
    padding: 12px;
    width: 257px;
}

#playerwrap{
position: absolute;
top:10px;
left:8px;
}

#footer{
background-color: white;
margin-top: 10px;
position: relative;
z-index: 10;
}

/*links*/
.page a{
color: #F68EB4;
font-family: "courier", monospace;
font-size: 1.2em;
font-weight: bold;
letter-spacing: -0.05em;
text-decoration: none;
}

.page a:hover{text-decoration:line-through;}

a.client{
font-size:1.6em;
}

a.home{
float:right;
margin-top: 25px;
}

/*contactform*/
        #contactFormArea{margin:20px auto;width:900px;padding:20px;border:1px solid #ccc;background:#fff;font-family:georgia,times,serif;}
	fieldset { border:0;margin:0;padding:0; }
	label { display:block;font-family:georgia,times,serif;font-size:1.6em;line-height:1.3em; }
	input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }

		/*Supersize Plugin Styles*/
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
		#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}
/*
	Featured Content Slider
	by: Chris Coyier
*/
			  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	SLIDER
*/
.slider-wrap								{ width: 952px; position: relative; top: 20px; left: 5px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 945px; height: 600px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 952px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -79px 0 0 122px; }
#movers-row div								{ width:11.85em; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; width:445px;
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 123px; margin-top: -10px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }