@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, Geneva, 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, Geneva, 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:16px;
font-weight:bold;
text-align:left;
text-transform:none;
padding-bottom:12px;
letter-spacing:.02em;
}
#book h1 span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	letter-spacing:normal;
	}
#partners h1, #book h1, #beta h1{
font-size:20px;
padding-top:10px;
}
#book #SciFi{
	font-size:32px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-bottom:6px;
	}
#book #SciFi span{
	font-size:32px;
	color:#F00;
	font-style:italic;
	}
#book #SciFi2{
	font-size:22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:none;
	letter-spacing:normal;
	line-height:130%
	}
#book #SciFi2 span{
	font-size:22px;
	color:#F00;
	font-style:italic;
	text-transform:none;
	letter-spacing:normal;
	}

h2{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:.2em;
padding-bottom:4px;
}

#book #esl{
	font-family: "Courier New", Courier, monospace;
color: #53bac3;
font-size:16px;
font-weight:bold;
text-align:left;
text-transform:none;
padding-bottom:12px;
letter-spacing:.02em;
}
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 80% Verdana, Geneva, sans-serif;
 text-align:left;
 line-height:150%;
 margin: 0px 0 0px -35px;
 padding: 0px;
 list-style:none;
 color:#00c3ff;
}
li span{color:#fff;}
/*************** ***************/
	.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, Geneva, 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***************************************/
#header{
	margin:0;
	padding:0;
	width:923px;
	height:167px;
	background:url(images/PressHeader.jpg) top left no-repeat;
}
/*#header, #header3 {
	margin:0;
	padding:0;
	width:923px;
	height:264px;
	background:url(images/header.jpg) top left no-repeat;

}
*/
/* \*/
* html #header{height:264px; margin:0;}
* html #header h1{ margin-top:-50px;}
*:first-child+html #header{min-height:264px;}
/* */	
#head{
	display:block;
	text-align:right;
	margin: 25px 50px 0 0;
	}
#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;
	}
	
#home #header {
	height:230px;
	background:url(images/headerHome.jpg) top left no-repeat;
}	
/* \*/
* html #home #main {height: 684px;}
*:first-child+html #home #main { margin-top:-35px; }
/* */

#partners #header h1, #book #header h1	{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
padding-right:75px;
	}
	
#press #header, #info #header, #partners #header, #book #header, #beta #header  {
	margin:0;
	padding:0;
	width:923px;
	height:167px;
	background:url(images/PressHeader.jpg) top left no-repeat;
}

/* \*/
* html #press #header, * html #info #header, * html #partners #header, * html #book #header, * html #beta #header{height:167px; margin:0;}
*:first-child+html #press #header, *:first-child+html #info #header, *:first-child+html #partners #header, *:first-child+html #book #header, *:first-child+html #beta #header{min-height:167px;}
/* */	

#credits #header  {
	margin:0;
	padding:0;
	width:923px;
	height:180px;

}

#credit #header {	background:url(images/PressHeader.jpg) top left no-repeat;}
/* \*/
* html #mediaHm #header,* html #media #header, * html #media2 #header{height:180px; margin:0;}
*:first-child+html #mediaHm #header, *:first-child+html #media #header, *:first-child+html #media2 #header, *:first-child+html #credits #header,{min-height:180px;}
/* */	

#contact #header {
	margin:0;
	padding:0;
	width:923px;
	height:251px;
	background:url(images/ContactHeader.jpg) top left no-repeat;
}
#contact #header h1{
font-family: "Courier New", Courier, monospace;
color: #53bac3;
padding-right:75px;
	}
	
#mediaHm #header h2, #media #header h2, #media2 #header h2 {
text-align:right;
padding:20px 50px 0 0; 
}
/* \*/
* html #mediaHm #header h2, * html #media #header h2, * html #media2 #header h2{padding:0 50px 15px 0; }
*:first-child+html #mediaHm #header h2, *:first-child+html #media #header h2, *:first-child+html #media2 #header h2{padding:28px 50px 0 0; }
/* */	

#mediaHm #header h2 a, #media #header h2 a, #media2 #header h2 a {
font: 14px "Courier New", Courier, monospace;
color:#a0ebff;

}
#mediaHm #header h2 a:hover, #media #header h2 a:hover, #media2 #header h2 a:hover {
font: 14px "Courier New", Courier, monospace;
color:#37b9dc;
}

/* \*/
* html #mediaHm #header h2 a, * html #media #header h2 a, * html #media2 #header h2 a{margin:-10px 0 15px 0; }
/* */	

#partners #header, #book #header , #info #header {
	margin:0;
	padding:0;
	width:923px;
	height:167px;
	background:url(images/PressHeader.jpg) top left no-repeat;
}

/* \*/
* html #partners #header, * html #book #header{height:167px; margin:0;}
*:first-child+html #partners #header, *:first-child+html #book #header{min-height:167px;}
/* */	
/************************************************main body***********************/

#main{

	min-height:675px;
	padding:0;
	margin:0;
	width:923px;
	background-color:#000000;
	}
	
/* \*/
* html #main {height: 684px;}
*:first-child+html #main { min-height:684px; }
/* */

#press #main{
	height:auto;
	min-height:745px;
	padding:0;
	margin:0;
	width:923px;
	background:#000000 url(images/PressBG.jpg) top no-repeat;
	}
/* \*/
* html #press #main {height: 684px;}
*:first-child+html #press #main { min-height:695px; }
/* */

#media #main, #media2 #main{
	height:650px;
	padding:0;
	margin:0;
	width:923px;
	background:#000000 url(images/MediaBG.jpg) bottom no-repeat;
	}
	
#mediaHm #main{
	height:600px;
	background:#000000 url(images/medLeft.jpg) top left no-repeat;
	}	
/* \*/
* html #media #main, * html #media2 #main{height:684px; padding-top:50px;}
* html #mediaHm #main{height:600px;}
*:first-child+html #media #main, *:first-child+html #media2 #main { min-height:580px; }
*:first-child+html #mediaHm #main{ min-height:600px; }
/* */

#contact #main{
	min-height:696px;
	padding:0;
	margin:0;
	width:923px;
	background:#000000 url(images/ContactBG.jpg) top no-repeat;
	}
/* \*/
* html #contact  #main {height: 696px; margin-top:0px;}
*:first-child+html #contact  #main { min-height:696px; margin-top:-15px; }
/* */	
#contact #main2{
	min-height:300px;
	padding:0;
	margin:0;
	width:923px;
	background:#000000 url(images/ContactBGty.jpg) top no-repeat;
	}
/* \*/
* html #contact  #main2 {height: 300px; margin-top:0px;}
*:first-child+html #contact  #main2 { min-height:300px; margin-top:-15px; }
/* */	
#partners #main, #credit #main, #book #main, #beta #main, #info #main{
	height:auto;
	min-height:500px;
	padding:0;
	margin:0;
	width:923px;
	background:#000000 url(images/betaBG2b.png) top repeat-y;
	}
		
/* \*/
* html #partners #main, * html #book #main, * html #beta #main, * html #info #main {height: 500px; width:925px; padding:0; margin:0;background:#000000 url(images/betaBG2b.jpg) top repeat-y;}
* html #credit #main{ background-image:none;}
*:first-child+html #partners #main, *:first-child+html #book #main, *:first-child+html #info #main  { min-height:500px; }
/* */

#home #main #content h2, #home #main #content h2 span{ text-transform:none; padding:6px 0;}
#home #main #content h2{font-size:16px;letter-spacing:0.7px; font-weight:bold;}
#home #main #content h2 span{ font-size:14px;letter-spacing:.5px;}

#info #main h2, #press #main h2{
margin-top:0px;
text-align:right;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:14px;
color:#85d3e9;
text-transform:none;
padding:0 25px 0 0;
letter-spacing:-0.02em;}

#info #main h2 span, #press #main h2 span{
font-family:"Courier New", Courier, monospace;
font-size:18px;
color:#b80000;
padding-right:10px;
letter-spacing:-0.05em;
}
/*****************************************sidebar*************************************/
#sidebar{
	float:right;
	width:300px;
	margin:0;
	padding:0;

	}
/* \*/
* html #sidebar{width:290px;}
*:first-child+html #sidebar{width:300px;}
/* */	

#home #sidebar{
background: #000000 url(images/HomeSB.jpg) top right no-repeat;
padding-top:20px;}
/* \*/
* html #home #sidebar{ padding-top:30px;}
/* */	
#contact #sidebar{
	float:right;
	width:300px;
	margin:0;
	padding:0;
	display:inline;
	}
/* \*/

* html #contact #sidebar{width:280px;}
/* */	

#sidebar h1, #sidebar h2{
padding-left:5px;
}
#contact #sidebar h2{ 
padding:20px 15px 0px 15px;
text-transform:none;
height:60px;
background: url(images/BetaBG.png) top no-repeat;
border: 1px solid #58717b;
letter-spacing:0;
}
#contact #sidebar h2 a{
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:12px;
}
/*start hide	\*/
* html #contact #sidebar h2{background: url(images/ContactBG-IE.jpg) top no-repeat; margin-top:15px;}
/*end hide*/


#home #art{
height:auto;
min-height:110px;
margin-bottom:20px;}

 #home #art h1{
font-size:18px;
padding:6px 0 6px 10px;
text-transform:none;
} 
#home #art p{
padding:0 0 6px 10px;
}


/* **********************home page thumbnails******************* */
div.simple_overlay {

}

#triggers {
text-align:left;
float:left;
display:inline;
margin-bottom:20px;
padding:0 0 5px 4%;

}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#000;
	border:1px solid #ccc;
	padding:2px;

}
#triggers img:hover{ border: 1px solid #2993c2;}


/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h4 {
	color:#fff;
	font-size:15px;
	margin:0 0 -10px 0;
}
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none;
	position:relative;
	top:0;
	left:0;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#000; 
     
    width:600px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/************************************film and sound***********************************/
#film{
float:left;
width:419px;
height:380px;
padding:0;
margin:0;
margin-bottom:15px;
}
/* \*/
* html #film{margin-bottom:30px;}
*:first-child+html #film{margin-bottom:28px;}
/* */	

.video{
width:419px;
height:337px;
margin-top:10px;
padding-bottom:10px;
float:left;

}

#vid{
width:419px;
height:80px;
margin:0px;
padding:0;
text-align:left;
}
#vid h1, #mp3Txt h1, #art h1{
font-size:18px;
padding:6px 0 2px 12px;
text-transform:none;
letter-spacing:.1em;
line-height:140%;
}
#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;
}
#vid p, #mp3Txt p, #art p{
font-size:11px;
padding:0 0 6px 12px;
line-height:120%;
text-align:left;
}
#vid a, #mp3Txt a{
font-family:"Courier New", Courier, monospace;
font-size:12px;
text-align:left;
letter-spacing:0;
text-transform:none;
}
/* \*/
* html .video{margin-top:20px;}
*:first-child+html .video{margin-top:10px;}
/* */



.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;
}

#mediaHm .mp3{
padding:0;
margin:10px 0 0 0 ;
height:120px;
width:280px;
text-align:left;
display:inline;
float:left;
}
/* \*/
* html #mediaHm .mp3{height:120px; width:270px;}
* 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; }
/* */

.news{
padding:10px 0 0 15px;
margin:0;
margin:25px 0 0 0;
background:url(images/NewsBox.png) top left no-repeat;
height:128px;
}
.news h2{
font-size:17px;
font-weight:bold;
padding:0 0 5px 10px;
text-transform:capitalize;
}
.numb{
display:inline;
float:left;;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
text-align:left;
width:15px;
padding: 0px 0 0 5px;
}

.news p{
float:right;
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#5cd0da;
text-align:left;
margin:0;
padding:0 40px 0 0;
width:200px;
line-height:140%;
}
.news p a, .news p a:hover{
font-family:"Courier New", Courier, monospace;
font-size:12px;
}
/* \*/
* html .news{ height:180px; margin-top:-10px; padding:0 0 0 10px; background:url(images/NewsBox.jpg) top left no-repeat; }
* html .news h2{padding:12px 0 5px 15px; }
* html .numb{padding:0 0 0 10px; }
* html .news p{padding:5px 20px 0px 15px; margin-left:0; float:right; display:inline; line-height:135%;}
*:first-child+html .news p{padding:0 40px 12px 15px; margin-left:0; line-height:135%;}




/*************************************end sidebar*********************************************/
#mediaHm .content{
width:923px;
background:url(images/medRight.jpg) top right no-repeat;

}
#content{
	float:left; 
	padding:0;
	width:620px;
	height:auto;
	margin:0;
	display:inline;
	}
#home #content{
background:url(images/BotCol-HomeBG2.jpg) top left no-repeat;
padding-bottom:0;
}
#book #kicker, #beta #kicker{
	padding:0;
	margin:10px 0;
	font-size:15px;
	font-weight:bold;
	text-align: left;
	color:#d4d6d6;
	letter-spacing:0.6px;
	line-height:160%;
}

#book #kicker p, #book #kicker h4{
	padding-right:20px;}
#book #kicker strong, #beta #kicker strong{
	color:#fff;
	font-weight:bold;}
#beta #kicker{
	background-color:#163740;
	margin-top:5px;
	padding:15px;

     -moz-box-shadow: 0px 0px 8px #69dcf5; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 8px #69dcf5; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 8px #69dcf5; /* Opera 10.5, IE 9.0 */
}
#book #kicker img{
	float:left;
	margin:0 15px 0 0;
	}
#book #kicker a{
	font-family:"Courier New", Courier, monospace; 
	font-size:14px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.6px;
	text-decoration:underline;
}	
#book #kicker a:hover{
	font-family:"Courier New", Courier, monospace; 
	font-size:14px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.6px;
	text-decoration:none;
}	


#home #content #kicker{
	font-family:"Courier New", Courier, monospace; 
	padding:0 5px 12px 0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	text-align: justify;
	color:#aae7f8;
	letter-spacing:0.6px;
	line-height:190%;
}
/* \*/
* html #book #kicker p{ padding-right:0;}
* html #content #kicker{letter-spacing:0.02em;}
*:first-child+html #content #kicker{letter-spacing:0.02em; padding-bottom:0;}
/* */
	
#contact #content{
	width:600px;
}
#partners #content, #book #content, #beta #content{
	width:923px;
	margin-bottom:0;

}	
/* \*/
* html #content{ height: 1%; padding-left:10px;}
* html #partners #content, * html #book #content{ height: 1%; padding-bottom:20px; width:923px;}
*:first-child+html #content{min-height:1px; width:620px;}
 *:first-child+html #partners #content,  *:first-child+html #book #content{ min-height: 1px; padding-bottom:20px; width:923px;}

html*#contact #content{width:550px;}
/* */	


#home #content p{
line-height:170%;
}

#contact #content h1{
padding:0 0 20px 45px;
color:#c2e6ed;
font-size:14px;
}
#contact #content p{
padding:30px 0 0 45px;
color:#c2e6ed;
font-size:11px;
}
#NS a{
margin:50px 0 0 80px;
display:block;
width:205px;
height:42px;
background:url(images/NS-btn.jpg) left no-repeat;
}
#NS a:hover{
margin:50px 0 0 80px;
display:block;
width:205px;
height:42px;
background:url(images/NS-btn-hov.jpg) left no-repeat;
}

#col1{
float:left;
width:305px;
}
#col2{
float: right;
width:305px;
}


#mediaHm #col1{
float:left;
width:523px;
}
#mediaHm #col2{
float: right;
width:400px;
}
#colMid {
float:left;
width:550px;
margin-left:150px;
}
/* \*/
* html #mediaHm #col1{width:500px;}
* html #mediaHm #col2{width:400px;}
* html #col1{width:300px;}
* html #col2{width:305px;}
* html #col2 .pad{padding:10px 10px 5px 0;}
* html #colMid {margin-left:0px; padding-left:150px;}
/* */

.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;}
* html #partners #content #col_left, * html #book #content #col_left{width:500px;}
* html #partners #content  #col_left .pad, * html #book #content  #col_left .pad{padding:10px 5px 0 50px;}
*:first-child+html #discl{margin-left:-45px;}
/* */
/**************************************content press****************************/
#media .content, #media2 .content, #contact .content{
	float:left; 
	padding:0;
	width:923px;
	height:460px;
	margin:0;
	display:inline;
	}
#press .content, #info .content{
	float:left; 
	padding:0;
	width:923px;
	height:auto;
	margin:0;
	display:inline;
}	
#mediaHm .content{
	height:auto;
	min-height:460px;		
	}	
#media .content, #media2 .content{
	height:555px;		
	}		
/* \*/

* html #mediaHm .content, * html #media .content, * html #media2 .content{ height: 560px;} 
* html #press .content{ height: 1%;}
* html #info .content{ height: 600px;}
*:first-child+html #mediaHm .content{min-height:460px; width:923px;} 
*:first-child+html #media .content, *:first-child+html #media2 .content{min-height:555px; width:923px;} 
*:first-child+html #press .content{min-height:615px; width:923px;} 
*:first-child+html #info .content{min-height:1px; width:923px;} 
*:first-child+html #info .content li{ line-height:100%;}
/* */	

#press .col1{
float:left;
display:inline;
width:305px;
}
#press .col2{
float:left;
display:inline;
width:310px;
}
#press .col3{
float: right;
display:inline;
width:305px;
}
#press .pad{
padding:15px 10px 5px 10px;
}
#press .pad2{
padding:15px 20px 5px 5px;
}
#press .pad3{
padding:50px 60px 10px 25px;
}
#press h1 span{
display:inline;
font-family:"Courier New", Courier, monospace;
font-size:48px;
color:#b80000;
padding-top:5px;
padding-right:60px;
letter-spacing:-0.05em;
} 
/* \*/
* html #press h1 span {padding-right:20px;}
/* */	

#press h3, #press h3 a {
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:15px;
color:#85d3e9;
text-transform:none;
padding:0 0 6px 0;
margin:0;
letter-spacing:-0.02em;
text-align:left;
}
#press h3 a:hover{
color:#67e6f1;}
#press .content p{line-height:140%;}
/************************************Info page styles******************************/
#info #col1{
float:left;
display:inline;
width:600px;
}
#info #col1 p{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;

line-height:150%;
letter-spacing:0.01px;
}
#info #col1 a{
font-family:"Courier New", Courier, monospace;
color:#0de2ac;

line-height:150%;
letter-spacing:0.01px;
text-decoration:underline;
}
#info #col1 a:hover{
	font-family:"Courier New", Courier, monospace;
	color:#FFF;
	font-size:12px;
line-height:150%;
letter-spacing:0.01px;
text-decoration:none;
	}
#info #col2{
float:left;
display:inline;
width:300px;
}
#info #col2 p{ line-height:150%;}
/* \*/
html*#info #col1 p{line-height:135%;}
* html #info #col1 p{ line-height:140%;}
* html #info #col2 p{ line-height:125%;}
*:first-child+html #info .col1 p{ line-height:150%;}
/* */	

#info .pad{
padding:0px 0px 5px 15px;
}
#info .pad2{
padding:40px 5px 5px 5px;
}


#info h1, #press h1{
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:17px;
color:#85dae9;
text-transform:none;
line-height:140%;
letter-spacing:-0.02em;
text-align:left;
}
#press h1{
	font-size:20px;
	padding:15px 0 15px 15px;}
#info h1 span, #press h1 span{
font-family:"Courier New", Courier, monospace;
font-size:50px;
color:#b80000;
letter-spacing:-0.05em;
}
#info h1 span{padding:20px 40px 0 0;}
#press h1 span{ padding:12px 60px 0 0;}

#press h2{
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:15px;
color:#85d3e9;
text-transform:none;
padding-right:90px;
padding-left:0;
line-height:130%;
letter-spacing:-0.02em;
}
#info .box{
height:238px;
padding:0 0 40px 0;
}
#info .box img{
padding:3px 6px 0px 0; 
}
/* \*/
* html #info .box{height:250px;padding:10px 0 20px 0; margin:0;}
* html #info .box img{padding:18px 3px 0px 0; margin:0; }
*:first-child+html #info .box{padding:0 0 40px 0;} 
*:first-child+html #info .box img{padding:12px 6px 0px 0; } 
/* */
.caption{
font-family:"Courier New", Courier, monospace;
font-size:8px;
color:#33CCFF;
padding:3px 25px 0 20px;
text-align:left;}
.caption2{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#33CCFF;
padding:3px 25px 0 20px;
text-align:left;}
/*******************************************partners and book pages****************************/

#partners .pad2 {
padding:70px 25px 0 0;
}

#partners #col_left{width:500px; float: left; display:inline;}
#partners #col_right{width:300px; float:right; display:inline;}

#book #col_left, #beta #col_left{width:550px; float: left; display:inline;}
#book #col_left img, #beta #col_left img,  #info #col2 img{
	float:left;
	display:inline;
	margin:20px 20px 0 0;
	padding:2px;
	border:1px solid #39F;
	}
	#book #col_left img{
			margin:5px 15px 40px 0;}
#info #col2 img{ 	margin:20px 0 0 35px;}
/* \*/
* html #book #col_left img{margin:5px 15px 40px 0;} * html #beta #col_left img, * html #info #col_left img{	margin:20px 20px 10px 0;}
*:first-child+html #book #col_left img{}
/* */		
	
#book #col_right, #beta #col_right{width:300px; float:right; display:inline;
}
#book #col_right img, #beta #col_right img{
	float:left;
	display:inline;
	margin:20px  20px 0 0;
	padding:2px;
	border:1px solid #39F;
	}
 #book .pad2,  #beta .pad2  {
margin-top:60px;
padding:25px;
font-family: Verdana, Geneva, sans-serif;
font-size:90%;
background-color:#182629;
}
 #book .pad2{ margin-top:115px;}
#beta .pad2 p {}
 #book .pad-esl {
margin-top:60px;
padding:0;
font-family: Verdana, Geneva, sans-serif;
font-size:90%;
}
#partners .pad2 h3{
padding-bottom:6px;
}
#book .pad2 h3, #book .pad2 h4, #beta .pad2 h3, #beta .pad2 h4, #info .pad2 h4{
padding-bottom:12px;
}
#partners .pad{
padding:10px 5px 0 50px;
}
#book .pad, #beta .pad, #info .pad{
padding:10px 5px 0 50px;
}
#book  a, #beta a{
	color:#a9effe;
	text-decoration:none;

	letter-spacing:normal;
	font-size:90%;
	}
#book a:hover, #beta a:hover{
	color:#FFF;
	text-decoration: underline;


	}
	.ora-btn a:link,
	.ora-btn a:visited,
	.ora-btn2 a:link,
	.ora-btn2 a:visited, 
#beta .ora-btn a, 
#beta .ora-btn a:visited, 
#info .ora-btn a, 
#info .ora-btn a:visited, 
#book #col_left .ora-btn2 a:link, 
#book #col_left .ora-btn2 a:visited, 
#beta .ora-btn2 a, 
#beta .ora-btn2 a:visited,
#info #col1 .ora-btn2 a, 
#info #col1 .ora-btn2 a:visited{	
display:block;
font-weight:bold;
padding:6px 15px;
background-color:#d12d84;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
text-decoration:none;
text-decoration:none;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  border-radius: 5px;

     -moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */


}

#info #col1 .ora-btn2 a:link, 
#info #col1 .ora-btn2 a:visited{

	margin-bottom:12px;
	width:250px;
}
/************ESL page******/
#book #col_left .pad .ora-btn a:link,
#book #col_left .pad .ora-btn a:visited{

	margin-bottom:12px;
	width:300px;
}
/*********book page***/
#book #col_left .pad .ora-btn2 a:link,
#book #col_left .pad .ora-btn2 a:visited{

	margin: 10px 0px 12px 0;

}
.ora-btn a:hover, 
.ora-btn a:active, 
.ora-btn2 a:hover, 
.ora-btn2 a:active,
#book .ora-btn a:hover, 
#book .ora-btn a:active, 
#beta .ora-btn a:hover, 
#beta .ora-btn a:active, 
#info .ora-btn a:hover, 
#info .ora-btn a:active,
#book #col_left .ora-btn2 a:hover, 
#book #col_left .ora-btn2 a:active, 
#beta .ora-btn2 a:hover, 
#beta .ora-btn2 a:active,
#info #col1 .ora-btn2 a:hover, 
#info #col1 .ora-btn2 a:active
{
	  display:block;
	  padding:6px 15px;
	  background-color:#66ccff;
	  color:#fff;
	  text-align:left;
	  text-decoration:none;
	  -webkit-border-radius: 5px; 
	  -moz-border-radius: 5px;  
	  -khtml-border-radius: 5px;  border-radius: 5px;
	  -moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
	  -webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
	  box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
		  


}

/*#book .ora-btn2 a:link, #book .ora-btn2 a:visited{background-color:#66ccff; color: #06C;}
#book .ora-btn2 a:active, #book .ora-btn2 a:hover{background-color:#d12d84;}
	
#beta #col_right p{
	line-height:150%;
	}*/
.partner{
width:500px;
padding:0 0 0 0;

}
.partner img{
float:left;
clear:both;
border:none;
padding:0 25px 6px 0;
margin:0;
}

.partner p{
float:left;
clear:left;
padding: 0 0 25px 0;
width:490px;
}
/* \*/
* html #partners #content #col_left, * html #book #content #col_left{width:500px; }
* html #partners #content  #col_left .pad, * html #book #content  #col_left .pad{padding:10px 5px 0 50px;}
/* */


/*************************************************jobs home page****************************************/	
#jobs{
margin:0;
padding:0 0 0 10px;
}	

#jobs li {
	padding:0;
	margin:0;
	display:block;
	width:570px;
	height:41px;
	background:url(images/job-btn.png) top no-repeat;
}

#jobs li a{
	display:block;
	height:41px;
	color:#6e6f6f;
	font-size:12px;
	padding:12px 0 0 45px;
}


#jobs li a:hover{
	color:#ffffff;
	padding-bottom:0;
	padding:12px 0 0 45px;
}
#jobs li a span{
color:#477b82;
font-family:"Impact", Arial Black, Arial, sans serif;
font-size:21px;
padding-right:25px;}

#jobs li a:hover span{
color:#ffffff;}

#jobs li:hover {
	background:url(images/job-btn-hov.png) top no-repeat;
}

/* \*/

* html #jobs{margin:0; padding:0;}
* html #jobs ul{margin:0; padding:0;}
* html #jobs li{background:url(images/job-btn.jpg) left no-repeat; padding:0; margin:0; height:41px; display:block;}
* html #jobs li a {	padding:12px 0 0 45px; height:29px;}
* html #jobs li a:hover {background:url(images/job-btn.jpg) left no-repeat; height:29px; display:block;}
*:first-child+html #jobs{margin:0;} 
*:first-child+html #jobs ul{margin:0;} 
/*chrome safari hack*/
/* */	
/*************************************** 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 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, #onESL{
background:url(images/menu_1-trans.png) center top no-repeat;
height:105px;
margin:0 ;
padding: 40px 20px 0px 20px;
overflow:visible;

}


#press #on{
background:url(images/menu_1.png) top no-repeat;

}

#mediaHm #on{
background:url(images/menu_1.png)center 2px no-repeat;

}

#info #on{
background:url(images/menu_1.png)center 4px no-repeat;
background-position/*\**/: center 4px\9;
}

#partners #on{
background:url(images/menu_1.png)center 16px no-repeat;
background-position/*\**/: center 16px\9;

}
#book #on{
background:url(images/menu_1.png)center 6px no-repeat;
background-position/*\**/: center 6px\9;
}
#beta #on{
background:url(images/menu_1.png)center 8px no-repeat;
background-position/*\**/: center 8px\9;
}
#book #onESL{
background:url(images/menu_1.png)center 11px no-repeat;
background-position/*\**/: center 11px\9;
}
/* Hide from IE5/Mac\*/
* html #home #on, * html #press #on, * html #mediaHm #on, * html #info #on, * html #partners #on, * html #book #on, * html #beta #on, * html #book #onESL, #art #on{ 
background:none; padding: 40px 20px 0px 20px; margin:0; float: left; height:1%;}
*:first-child+html #info #on{ background-position: center 4px;}
*:first-child+html #book #on{ background-position: center 6px;}
*:first-child+html #book #onESL{ background-position: center 12px;}
*:first-child+html #beta #on{ background-position: center 8px;}
*:first-child+html #partners #on{ background-position: center 16px;}
/* 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*****************************/

#colMid{
padding-bottom:25px;
}

#colMid h1{
font-size:16px;
padding-bottom:3px;
border-bottom:1px dotted #53bac3;
color:#53bac3;
}
#colMid h2{
font-size:16px;
padding: 6px 0 24px 0;
}
#colMid h3{
font-size:12px;
color:#53bac3;
}	
#credits{
	font-size:.8em;
	padding-top:6px;
	line-height:100%;
}	
/*****************************************credits***************************************************/

#credit #main ul{
	margin:0 0 12px 35px;}

#book .pad ul, #beta .pad ul{
	margin:3px 0 15px 25px;}	
	
#book .pad li, #beta .pad li{
	margin:0 0 9px 5px;
	list-style:disc;}	
	
/*******************************************footer************************************************/
#footer{
	margin:0;
	padding:18px 0 0 0px;
	clear:both;
	}
#home #footer, #mediaHm #footer{
background:#000000 url(images/FooterBG.jpg) bottom left no-repeat;
height:93px;
}

#media #footer, #media2 #footer{
	padding:42px 0 0 0px;
	}
#mediaHm #footer{
	padding:0 0 0 0px;
	}	
	
	
#press #footer{
	padding:85px 0 0 0px;
	clear:both;
	}


#partners #footer 
{
height:93px;
overflow:hidden;
margin:20px auto 0;
clear:both;
float:none;
padding: 20px 0;
background:#000000 url(images/FooterBG.jpg) bottom left no-repeat;

}
#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;
}
/* Hide from IE5/Mac\*/
html*#press #footer{padding:98px 0 0 0px;}

/* End hide from IE/Mac */ 	

#contact #footer{
	padding:185px 0 0 0px;
	clear:both;
	}


html*#footer {padding-top:32px;}
/* Hide from IE5/Mac\*/
html*#home #footer{padding:35px 0 0 0px;}

*:first-child+html #home #footer {padding:8px 0 0 0px;}

*:first-child+html #mediaHm #footer{padding:21px 0 0 0px;}
*:first-child+html #media #footer, *:first-child+html #media2 #footer{padding:9px 0 0 0px;}



* html #footer {height:1%; margin-top:-30px;}
* html #home #footer{height:55px; padding:0; margin:0px; }

* html #mediaHm #footer,* html #media #footer, * html #media2 #footer {padding:30px 0 0 0px;}


* html #partners #footer {padding:0;}
* html #footer3 {padding:90px 0 0 0px;}
/* End hide from IE/Mac */ 
	
#copyright{
float:left;
display:inline;
padding:0 50px 0 15px;
margin-top:-7px;
}
#home #copyright, #mediaHm #copyright{
float:left;
display:inline;
padding:35px 50px 0 15px;
margin-top:0px;
}
#partners #copyright {
float:left;
display:inline;
padding:55px 50px 0 15px;
margin-top:0px;
}
#footer3 #copyright {
float:left;
display:inline;
padding:35px 50px 0 15px;
margin-top:0px;
}
.copy{
color:#6c878e;
font-size:10px;
}	

#logo2{
float:right;
display:inline;
margin-top:-43px;
margin-right:20px;
}
#home #logo2, #mediaHm #logo2{
float:right;
display:inline;
margin-top:0px;
margin-right:20px;
}

#partners #logo2 {
float:right;
display:inline;
margin-top:17px;
margin-right:20px;
}
#footer3 #logo2 {
float:right;
display:inline;
margin-top:0px;
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;}



/* Hide from IE5/Mac\*/
* html #logo2 {margin-top:0; height:80px;}
* home #home #copyright{padding:60px 50px 0 15px;}

* html #logo2 li{ width:265px; height:90px; background:url(images/NS-logo-IE6.jpg) top right no-repeat;display:block;}
* html #logo2 li:hover{width:265px; height:90px; background:url(images/NS-logo-IE6-hov.jpg) top right no-repeat; display:block;}
* html #logo2 li a{padding:35px 52px 0 0;}
* html #copyright{padding:45px 50px 0 30px;}
/* End hide from IE/Mac */

/****************************************************************/
#content #col1 .btn h2, #content #col2 .btn h2{
	font-size:14px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.btn ul{	
	width:293px;
	text-align:left;
}
.btn li{
	margin:0px;
	padding:0;
	width:293px;
	height:48px;
}
.btn a:link, .btn a:visited{
	margin-bottom:6px;
	display:block;
	color:#ffffff;
	padding:3px 10px;
	text-align:center;
	font-size:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	
     -moz-border-radius: 4px; /* FF1+ */
  -webkit-border-radius: 4px; /* Saf3+, Chrome */
          border-radius: 4px; /* Opera 10.5, IE 9 */

     -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */
		  

  background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */
		  

}
.btn a:hover, .btn a:active{
	color:#3CC;
  background-image: -moz-linear-gradient(top, #999, #444); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(1, #444)); /* Saf4+, Chrome */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#999', EndColorStr='#444'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#999', EndColorStr='#444')"; /* IE8 */
	
}
.tooltip {
	background-color:#163740;

	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 4px #49bfdf;
	-webkit-box-shadow:0 0 4px #49bfdf;
	     -moz-border-radius: 4px; /* FF1+ */
  -webkit-border-radius: 4px; /* Saf3+, Chrome */
          border-radius: 4px; /* Opera 10.5, IE 9 */

}

/* style the trigger elements */

#demo span{

	padding:3px 10px;
	cursor:help;
	background-color:#182629;
	     -moz-border-radius: 4px; /* FF1+ */
  -webkit-border-radius: 4px; /* Saf3+, Chrome */
          border-radius: 4px; /* Opera 10.5, IE 9 */


}
#beta #col_right .pad2 h2{
	font-family: "Courier New", Courier, monospace;
color: #53bac3;
font-weight:bold;
text-align:left;
text-transform:none;
padding-bottom:12px;
letter-spacing: normal;
font-size:20px;
padding-top:0px;
}

