/*--------------- Body -----------------*/
	
body {
	background-color:#FFF;
	margin: 0px;
	font-size: 0.7em;
}

/*--------------- Main -----------------*/

#main {
	background-color:#FFF;
	font-family: Helvetica Neue-Light, Helvetica, Arial, Verdana, sans-serif;
	width:798px;
	height:500px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
}

/*--------------- Image links -----------------*/

.img { border: none; }

.main_pic {
	width:580px;
	height:480px;
	border: 0px;
	padding: 0px;
	}
	
.qube_logo {
	width:109px;
	height:155px;
	border: 0px;
	padding: 0px;
	}
	
/*--------------- Left -----------------*/

#contentleft {
	background-image:url(images/left_col_bg.png);
	background-repeat:no-repeat;
	width:218px;
	height:600px;
	padding:0px;
	float:left;
}


/*--------------- Center -----------------*/

#contentcenter {
	width:580px;
	height:520px;
	margin-top:80px;
	padding:0px;
	float:left;
	}

/*--------------- Text -----------------*/
		

h1 { 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

h1 { color:#00aeef; }
span {color: #999999;}

h2 { 
	font-family: HelveticaNeue-Light, Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight:lighter;
	line-height: 140%;
	border: 0px;
	margin: 0px;
	padding: 0px 225px 20px 0px;
	color:#00aeef;
	}
	
#text_left {
	width:260px;
	float:left;
	text-align:left;
	margin-top: 10px;
}


#text_right {
	width:290px;
	float:right;
	padding-right:30px;
	text-align:right;
	margin-top: 10px;
}

#small_text {
	width:580px;
	float:left;
	text-align:left;
	margin-top: 10px;
}

/* -------------- Text Links -------------- */

a:link {
	color:#999999;
	text-decoration: none;
	border: 0px;
}

a:visited {
	color:#999999;
	text-decoration: none;
	border: 0px;
}

a:hover {
	color: black;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}

#main_tittle {
	color:#999999;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}

#mail_link {
	color:#999999;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#mail_link:hover {
	color:black;
}

/* -------------- Navigation -------------- */

#navcontainer ul, #navcontainer li{
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left:15px;
	height: 18px;
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}


#navcontainer a {
	display: block;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
	height: 18px;
	border: 0px;
}

#navcontainer a:link, #navlist a:visited {
	font-weight: normal;
	text-decoration: none;
	height: 18px;
	border: 0px;
	color:#999999;
}

#navlist a:hover {
	background-image:url(images/nav_bg_hov.png);
	color:#000000;
	font-weight:normal;
	height: 18px;
	border: 0px;
}

#active a:link, #active a:visited, #active a:hover {
	background-image:url(images/nav_bg.png);
	color:#00aeef;
	font-weight:bold;
	height: 15px;
	border: 0px;
}

/* -------------- Boxes -------------- */

.box {
	padding: 5px 5px 5px 5px;
}

/* -------------- Column -------------- */

div.float {
  float: left;
  width:160px;
  padding-right:15px;
  }
  
div.float p {
   text-align: left;
   }
   
/* -------------- gall test -------------- */

.gallerycontainer{
position: relative;
border: 0px;
float:left;
margin: 0px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/* -------------- thumb right -------------- */

.thumbnail_r img{
width:93px;
height:93px;
border: 0px;
margin: 0px;
}

.thumbnail_r:hover{
background-color: transparent;
border: 0px;
visibility: hidden;
}

.thumbnail_r:hover img{
border: 0px solid blue;
}

.thumbnail_r span{ /*CSS for enlarged image*/
position:absolute;
margin: 0px;
padding: 0px;
left: 0px;
border: 0px;
visibility: hidden;
}

.thumbnail_r span img{ /*CSS for enlarged image*/
position: absolute;
margin: 0px;
width:189px;
height:189px;
padding: 0px;
border: 0px;
left: -93px;

}

.thumbnail_r:hover span{ /*CSS for enlarged image*/
border: 0px;
background-color:#FF0000;
margin: 0px;
visibility: visible;
position:absolute;
top:auto;
left:auto; /*position where enlarged image should offset horizontally */
z-index: 300;
}

/* -------------- thumb left -------------- */

.thumbnail_l img{
width:93px;
height:93px;
border: 0px;
margin: 0px;
}

.thumbnail_l:hover{
background-color: transparent;
border: 0px;
}

.thumbnail_l:hover img{
border: 0px solid blue;
}

.thumbnail_l span{ /*CSS for enlarged image*/
position:absolute;
margin: 0px;
padding: 0px;
left: 0px;
border: 0px;
visibility: hidden;
}

.thumbnail_l span img{ /*CSS for enlarged image*/
position: absolute;
margin: 0px;
width:189px;
height:189px;
padding: 0px;
border: 0px;
right: 0px;

}

.thumbnail_l:hover span{ /*CSS for enlarged image*/
border: 0px;
margin: 0px;
visibility: visible;
position:absolute;
top:auto;
left:auto; /*position where enlarged image should offset horizontally */
z-index: 300;
}

/* -------------- thumb right up -------------- */

.thumbnail_ru img{
width:93px;
height:93px;
border: 0px;
margin: 0px;
}

.thumbnail_ru:hover{
background-color: transparent;
border: 0px;
}

.thumbnail_ru:hover img{
border: 0px solid blue;
}

.thumbnail_ru span{ /*CSS for enlarged image*/
background-color:#6666FF;
position:absolute;
margin: 0px;
padding: 0px;
left: 0px;
border: 0px;
visibility: hidden;
}

.thumbnail_ru span img{ /*CSS for enlarged image*/
position: absolute;
margin: 0px;
width:189px;
height:189px;
padding: 0px;
border: 0px;
right: -96px;
bottom: -93px;
}

.thumbnail_ru:hover span{ /*CSS for enlarged image*/
border: 0px;
margin: 0px;
visibility: visible;
position:absolute;
top:auto;
bottom:auto;
left:auto; /*position where enlarged image should offset horizontally */
right:auto;
z-index: 300;
}

/* -------------- thumb left up -------------- */

.thumbnail_lu img{
width:93px;
height:93px;
border: 0px;
margin: 0px;
}

.thumbnail_lu:hover{
background-color: transparent;
border: 0px;
}

.thumbnail_lu:hover img{
border: 0px solid blue;
}

.thumbnail_lu span{ /*CSS for enlarged image*/
background-color:#6666FF;
position:absolute;
margin: 0px;
padding: 0px;
left: 0px;
border: 0px;
visibility: hidden;
}

.thumbnail_lu span img{ /*CSS for enlarged image*/
position: absolute;
margin: 0px;
width:189px;
height:189px;
padding: 0px;
border: 0px;
right: 0px;
bottom: -93px;
}

.thumbnail_lu:hover span{ /*CSS for enlarged image*/
border: 0px;
margin: 0px;
visibility: visible;
position:absolute;
top:auto;
bottom:auto;
left:auto; /*position where enlarged image should offset horizontally */
right:auto;
z-index: 300;
}