@charset "UTF-8";
/* NUB Global Styles v1.3 */



/*******************************************************************/
/**************** ID Selectors for Main Construct ******************/
/*******************************************************************/

#NUBmainBody {
	margin: 0;
	padding: 0;
	background-image: url(../global_pics/bg_image_rotate/rotate.php);
	}

#container {
	position: relative;
	width: 980px;
	height: 635px;
	margin: 0 auto;
	}

#bgcontainer {
	position: absolute;
	top: 70px;
	left: 100px;
	width: 405px;
	height: 495px;
	background-image: url(../global_pics/bg_container.png);
	}




/*******************************************/
/************** Nubero Logo ****************/
/*******************************************/

#logo {
	top: 100px;
	position: absolute;
	left: 130px;
	}




/*******************************************/
/**************** #buttonBlog **************/
/*******************************************/

#buttonBlog {
	position: absolute;
	top: 180px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 144px;
	overflow:hidden;
	}

#buttonBlog:hover {
	display: block;
	text-indent: -144px;
	}

#buttonBlog:active {
	display: block;
	text-indent: -144px;
	}




/*******************************************/
/************* #buttonTwitter **************/
/*******************************************/

#buttonTwitter {
	position: absolute;
	top: 212px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 80px;
	overflow:hidden;
	}

#buttonTwitter:hover {
	display: block;
	text-indent: -80px;
	}

#buttonTwitter:active {
	display: block;
	text-indent: -80px;
	}




/*******************************************/
/************* #buttonDownloads ***********/
/*******************************************/

#buttonDownloads {
	position: absolute;
	top: 244px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 244px;
	overflow:hidden;
	}

#buttonDownloads:hover {
	display: block;
	text-indent: -244px;
	}

#buttonDownloads:active {
	display: block;
	text-indent: -244px;
	}




/*******************************************/
/************* #button20tokyo10 ************/
/*******************************************/

#button20tokyo10 {
	position: absolute;
	top: 276px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 162px;
	overflow:hidden;
	}

#button20tokyo10:hover {
	display: block;
	text-indent: -162px;
	}

#button20tokyo10:active {
	display: block;
	text-indent: -162px;
	}




/*******************************************/
/*************** #buttonVimeo **************/
/*******************************************/

#buttonVimeo {
	position: absolute;
	top: 340px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 68px;
	overflow:hidden;
	}

#buttonVimeo:hover {
	display: block;
	text-indent: -68px;
	}

#buttonVimeo:active {
	display: block;
	text-indent: -68px;
	}




/*******************************************/
/*************** #buttonFlickr ************/
/*******************************************/

#buttonFlickr {
	position: absolute;
	top: 372px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 66px;
	overflow:hidden;
	}

#buttonFlickr:hover {
	display: block;
	text-indent: -66px;
	}

#buttonFlickr:active {
	display: block;
	text-indent: -66px;
	}




/*******************************************/
/************** #buttonYouTube ************/
/*******************************************/

#buttonYouTube {
	position: absolute;
	top: 404px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 94px;
	overflow:hidden;
	}

#buttonYouTube:hover {
	display: block;
	text-indent: -94px;
	}

#buttonYouTube:active {
	display: block;
	text-indent: -94px;
	}




/*******************************************/
/************** #buttonBehance *************/
/*******************************************/

#buttonBehance {
	position: absolute;
	top: 436px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 96px;
	overflow:hidden;
	}

#buttonBehance:hover {
	display: block;
	text-indent: -96px;
	}

#buttonBehance:active {
	display: block;
	text-indent: -96px;
	}




/*******************************************/
/************** #buttonContact *************/
/*******************************************/

#buttonContact {
	position: absolute;
	top: 500px;
	left: 230px;
	/*** Rollover functionality ***/
	display: block;
	height: 32px;
	width: 154px;
	overflow:hidden;
	}

#buttonContact:hover {
	display: block;
	text-indent: -154px;
	}

#buttonContact:active {
	display: block;
	text-indent: -154px;
	}




/*******************************************************/
/****************** Class Selectors ********************/
/*******************************************************/

.BGdark {
	background-color: #0f0f0f;
	}




/**********************************************************/
/****************** Tag Name Selectors ********************/
/**********************************************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}

p, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	} 

li {
	list-style-type: none;
	}