@charset "UTF-8";
/*-----------------------------------------------------------------------------
Primary Style Sheet
Bot Colony by North Side Inc

version:   1.0
author:    Claudia Adler
email:     info@claudiaadler.com
website:   http://www.claudiaadler.com



-----------------------------------------------------------------------------*/

/* =Global Reset
    -----------------------------------------------------------------------------*/
/* Remove padding and margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0}
body {behavior: url(csshover.htc);
}


/* Remove borders */
table {border-collapse:collapse; border-spacing:0}
fieldset, img {border:0}
abbr, acronym {border:0}

/* Remove border around linked images */
img {border: 0;}

/* Reset font-size and -weight */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; text-align:left;}

/* Remove styling from all list items */
ul {list-style:none;}

/* Aligning captions left */
caption, th {text-align:left}

/* Remove quotemarks */
q:before, q:after {content:''}

    fieldset { padding: .5em; }
    select option{ padding:0 5px; }
	
a:active, a:focus {
  outline: none ! important;
}
/*a:active, a:focus
{

outline-color: -moz-use-text-color;

outline-style: none;

outline-width: medium;

}*/


/* General


-----------------------------------------------------------------------------*/

body{

	font-family: "Verdana", Arial, sans-serif;
	color: #ffffff;
	background-color:#000000 ;
	margin: 0px;
	padding:0px;
	text-align:center;
	
}


/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	font-family:"Verdana", Arial, sans-serif;
	color:#53bac3;
	text-decoration: none;
}

a:hover{
	color: #67e6f1;
	text-decoration: none;

}

/************** header tag styles **************/

h1{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
font-size:14px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
padding-bottom:12px;
letter-spacing:.2em;
}
#partners h1, #book h1{
font-size:18px;
padding-top:10px;}

h2{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:.2em;
padding-bottom:4px;
}

h3{
font-family: "Courier New", Courier, monospace;
font-size:12px;
color: #53bac3;
font-weight:bold;

}


h4{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
}

h5{
font-family: "Courier New", Courier, monospace;
color: #53bac3;

}

h6{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
}


ul{
margin-top:0px;
}



li{ font: normal 75% "Verdana", Arial, sans-serif;
 text-align:left;
 line-height:150%;
 margin: 0px 0 0px -35px;
 padding: 0px;
 list-style:none;
}

/*************** ***************/
	.hide,hr{display: none;}

	table{
	margin:0;
	padding:0;
	padding-left:10px;
	padding-bottom:12px;
	border-collapse:separate;
	width:380px;
	text-align:center;
	}
	
	th{
	padding:3px 10px;
	border:0.05em solid #999999;
	color:#ffffff;
	background-color:#9291ae;
	font-size:12px;
 	text-align:left;
 	line-height:130%;}
	
	
	td{
	padding:3px 0 3px 10px;
	border:0.05em solid #999999;
	text-align:left;
	background-color:#ffffff;
	font-size: 80% ;
 	color: #666666;
 	text-align:left;
 	line-height:130%;}
	
		
p{
 font: normal 12px "Verdana", Arial, sans-serif;
 text-align:justify;
 line-height:175%;
 color:#ffffff;
 padding-bottom:9px;
 letter-spacing:0;
}
.clear{
	float:none;
	clear:both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap{
	position:relative;
	margin:0 auto;
	padding:0;
	border:none;
	width:923px;
	height:auto;
	text-align:center;
	height:100%;

	}
/* \*/
* html #wrap { height: 1%;}
*:first-child+html #wrap { min-height: 1px; }
/* */	
/*****************************************header***************************************/
#header3 {
	margin:0;
	padding:0;
	width:923px;


}

/* \*/
* html #header{height:264px; margin:0;}
* html #header h1{ margin-top:-50px;}
*:first-child+html #header{min-height:264px;}
/* */	

#art #header h1{
	padding:35px 30px 0 0;
	margin:0;
	font-family:"Lucida Console", Courier New, Courier, monospace;
	font-weight:bold;
	font-size:18px;
	line-height:140%;
	color:#aa0000;
	text-align:right;
	text-transform:none;
	letter-spacing:.05em;
	}


#art #header3{
	margin:0;
	padding:0;
	width:923px;
	height:180px;
	background:url(images/ArtHeader.jpg) top left no-repeat;
	}




/*****************************************sidebar*************************************/



#art{
height:auto;
min-height:250px;
margin-bottom:20px;
}
#home #art{
height:auto;
min-height:110px;
margin-bottom:20px;}

#art h1{
padding:6px 0 0 10px;

}
#art p{
padding:0 0 6px 10px;
}

#art h1 a{
font-family:"Courier New", Courier, monospace;
font-size:18px;
text-align:left;
letter-spacing:0;
text-transform:none;
}
#art h1 a:hover{
color:#ffffff;
}



.mp3{
padding:25px 0 0 0px;
margin:0;
height:120px;
text-align:right;
}
/* \*/
* html #film{margin-top:40px;}
*:first-child+html #film{}
/* */


#sound {
float:left;
width:523px;
height:250px;
padding:0;
margin:0 0 0 45px;
}


/* \*/

* html #sound {width:490px; margin-left:20px;}
*:first-child+html #mediaHm .mp3{ height:1px;}
/* */

#mp3Txt{
width:200px;
height:250px;
display:inline;
float:right;
margin-top:0px;
padding:0 40px 50px 0;
text-align:left;
}
/* \*/
* html #mp3Txt{padding:0; width:180px; }
/* */




/*************************************end sidebar*********************************************/

#content{
	float:left; 
	padding:0;
	width:620px;
	height:auto;
	margin:0;
	display:inline;
	background:none;
	}


.pad{
padding:10px 5px 0 10px;
}


.pad2{
padding:15px 5px 5px 5px;
}


#discl{
color:#919292;
font-size:9px;
text-align:left;
font-style:italic;
padding:0;
margin:0;

}

/* \*/
* html #discl{margin-left:0; padding-left:0;}
*:first-child+html #discl{margin-left:-45px;}
/* */
/**************************************content press****************************/

/*************************************** TOP NAVIGATION *******************************************************/
#menu{
	margin:0 0 0 290px ;
	padding:0;
	width: 630px;
	height:110px;
	}
/* \*/
* html #menu {height:1%;}
*:first-child+html #menu{min-height:110px;}
/* */	

	
/* top navigation */
#nav{
	float: left;
	width:630px;
	margin:0px;
	padding:0;
	list-style: none;
	}
#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
float:left;
margin:0;
padding:0;
text-align:center;
height: 110px;
}
/* \*/
* html #nav li { height: 100px;}
* html #mediaHm #nav li, * html #media #nav li, * html #media2 #nav li { height: 110px;}
/* */	
	
/*#nav a {
	float: left;
	display:block;
	margin:0;
	padding: 40px 25px 0px 25px;
	height: 110px;
	color: #ffffff;
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	}

#nav a:hover, #on, #onESL{
	display:block;
	color: #84e9f8;
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	}*/
	
#nav a {
	float: left;
	display:block;
	margin:0;
	padding: 40px 20px 0px 20px;
	height: 110px;
	color: #ffffff;
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	}

#nav a:hover, #on, #onESL{
	display:block;
	color: #84e9f8;
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	}
	
#on{
background:url(images/menu_1-trans.png) center top no-repeat;
height:105px;
margin:0 ;
padding: 40px 20px 0px 20px;
overflow:visible;

}
	
#art #on{
background:url(images/menu_1-trans.png) center 2px no-repeat;
height:105px;
margin:0 ;
padding: 40px 25px 0px 25px;
overflow:visible;
}
/* Hide from IE5/Mac\*/
* html #home #on, * html #press #on, * html #mediaHm #on, * html #info #on, * html #partners #on, * html #book #on, * html #book #onESL, * html #art #on{ 
background:none; padding: 40px 25px 0px 25px; margin:0; float: left; height:1%;}
*:first-child+html #info #on{ background-position: center 5px;}
*:first-child+html #book #on{ background-position: center 8px;}
*:first-child+html #book #onESL{ background-position: center 11px;}
*:first-child+html #partners #on{ background-position: center 13px;}
/* End hide from IE/Mac */
/*************************************** end TOP NAVIGATION ********************/
.bot{
color:#FFFFFF;
font-family:"Arial Black", Helvetica, sans-serif;
}
.note{
font-size:9px;
}
/*************************************end content divs*****************************/


/*****************************************credits***************************************************/


	
/*******************************************footer************************************************/
#footer3, #credit #footer 
{
height:93px;
overflow:hidden;
margin:15px auto 0;
clear:both;
float:none;
padding: 50px 0 0 0;
background:#000000 url(images/FooterBG.jpg) bottom left no-repeat;
}

	
#copyright{
float:left;
display:inline;
padding:0 50px 0 15px;
margin-top:40px;
}

.copy{
color:#6c878e;
font-size:10px;
}	

#logo2{
float:right;
display:inline;

margin-right:20px;
}


#logo2 li{ width:265px; height:55px; background:url(images/NS-logo.png) top right no-repeat; display:block;}
#logo2 li:hover{width:265px; height:55px; background:url(images/NS-logo-hov.png) top right no-repeat;}
#logo2 li a{ font-size:10px; font-style:italic; color:#fff; display:block; padding:35px 52px 0 0; text-align:right;}

/* \*/
* html #logo2 li{ background:url(images/NS-logo-IE6.jpg) top right no-repeat;display:block;}
* html #logo2 li:hover{ background:url(images/NS-logo-IE6-hov.jpg) top right no-repeat; display:block;}
* html #logo2 li a{padding:35px 52px 0 0;}
/* End hide from IE/Mac */

/* */	


/****************************************************************/
	
#art #content{

	float:none; 
	padding:0;
	margin:0;
	width:923px;
	height:650px;
	min-height:650px;
	margin:0;
	background-image:none;

	}
/* \*/
* html #art #content {}
*:first-child+html #art #content { }
/* */	
#art #content h2{
	display:block;
	margin:0 0 10px 10px;
	text-transform:none;
	width:870px;
	letter-spacing:normal;
	text-align: right;
	font-size:11px;
	line-height:15px;

	}	



#sound {

width:523px;
height:250px;
padding:0;
margin:20px 0 0 10px;
}

.mp3{
padding:0;
margin:10px 0 0 0 ;
height:120px;
width:280px;
text-align:left;
display:inline;
float:left;
}
/* \*/
* html #sound {width:490px; margin-left:20px;}
*:first-child+html #mediaHm .mp3{ height:1px;}
/* */

#mp3Txt{
width:200px;
height:250px;
display:inline;
float:right;
margin-top:0px;
padding:0 40px 50px 0;
text-align:left;
}
/* \*/
* html #mp3Txt{padding:0; width:180px; }
/* */