/* body, html - Sets type size, font, line-height */

body, html
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 13px;
	font-weight: normal;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 13px;
	font-weight: normal;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3399CC;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 13px;
	font-weight: normal;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 13px;
	font-weight: normal;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 12px; 
	font-weight: normal;
}
/* Pagewidth is the translucent white square */
#pagewidth
{
	width: 350px;
	height: 205px;
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 10px 10px 10px 10px; 
    background-color: #ffffff;  /* the background          */
    filter:alpha(opacity=80);   /* Internet Explorer       */
    -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
    opacity: 0.8;               /* newer Mozilla and CSS-3 */
}

/* leftcol contains contact information */

#leftcol
	{	
	width:350px; 
	height: 180px;
	float:left; 
	display:inline; 
	position:relative;
	margin: 0px 0px 0px 0px; 
	color: #333333; 
	}

#maincol
	{
	width:205px;
	height: 280px;
	float: right; 
 	display:inline; 
 	position: relative;
 	margin: 0px 0px 0px 0px;
	}

/* logobox contains the NB: Studio logo */

#logobox
	{
	height: 15px;
	}

p
	{
	margin-bottom:2px;
	}

img
	{
	border: none;
	}

.grey_text 
	{ 
	color: #666666; 
	}

.bottom
	{
	position: absolute;
	bottom: 0px;
	color: #666666; 
	}

.space
	{
	margin: 0px 10px 0px 10px;
	}

.red_text
	
	
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

a:link {color: #333333; text-decoration: none;}
a:visited {color: #FF0000; text-decoration: none;}
a:hover {color: #3399CC; text-decoration: none;}
a:active {color: #333333; text-decoration: none;}

#leftcol a:link {color: #333333; text-decoration: none;}
#leftcol a:visited {color: #FF0000; text-decoration: none;}
#leftcol a:hover {color: #3399CC; text-decoration: none;}
#leftcol a:active {color: #333333; text-decoration: none;}

.black a:link {color: #000;}
.black a:visited {color: #000;}
.black a:hover {color: #999; text-decoration: none;}
.black a:active {color: #999; text-decoration: none;}

.red_text a:link {color: #FF0000;}
.red_text a:visited {color: #FF0000;}
.red_text a:hover {color: #999; text-decoration: none;}
.red_text a:active {color: #999; text-decoration: none;}

