html 
{
    background-color:Black;
    background-image: url("img/grad_bg.png");
    background-repeat: repeat-x;
    background-position:top left;
    margin:0;
    padding:0;
    font-family: "Trebuchet MS";  
    font-size:8pt;
    color:White;
    }

body
{
    margin:0;
    padding:0;
}

@media print {
  .noprint { display: none; }
}
    
#bg
{
    /*background-color:Black;*/
    margin:0;
    padding:0;
    background-image: url("img/bg.jpg");
    background-repeat: no-repeat;
    background-position: top left;    
    min-width:760px;
    width:760px;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0 px white;
    background-position: top 0px;    
    width:760px;
    padding:0px;
   }
   
#bg_who
{
    /*background-color:Black;*/
    margin:0;
    padding:0;
    background-image: url("img/bg_who.jpg");
    background-repeat: no-repeat;
    background-position: top left;    
    min-width:760px;
    width:760px;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0 px white;
    background-position: top 0px;    
    width:760px;
    padding:0px;
   }

#bg_studio
{
    /*background-color:Black;*/
    margin:0;
    padding:0;
    background-image: url("img/bg_studio.jpg");
    background-repeat: no-repeat;
    background-position: top left;    
    min-width:760px;
    width:760px;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0 px white;
    background-position: top 0px;    
    width:760px;
    padding:0px;
   }

#bg_matta
{
    /*background-color:Black;*/
    margin:0;
    padding:0;
    background-image: url("img/bg_matta.jpg");
    background-repeat: no-repeat;
    background-position: top left;    
    min-width:760px;
    width:760px;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0 px white;
    background-position: top 0px;    
    width:760px;
    padding:0px;
   }
   
#bg_what
{
    /*background-color:Black;*/
    margin:0;
    padding:0;
    background-image: url("img/bg_what.jpg");
    background-repeat: no-repeat;
    background-position: top left;    
    min-width:760px;
    width:760px;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0 px white;
    background-position: top 0px;    
    width:760px;
    padding:0px;
   }
   
#bg_book
{
    background-color:white;
    margin:0;
    padding:0;
    background-image: url("img/bg_book.jpg");
    background-repeat: no-repeat;
    background-position: top left;    
    min-width:760px;
    width:760px;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0 px white;
    background-position: top 0px;    
    width:760px;
    padding:0px;
   }
      
p 
{
    font-family: "Trebuchet MS";
    font-size:8pt;
    margin-top:0;
}

.small {font-size:7pt;}

img {border:0;}
.img_l {float:left;padding-right:15px;padding-left:0;margin-left:0;}
.img_r {float:right;padding-left:15px;padding-right:0;margin-right:0;}

table.nobg {font-size:8pt;font-family: "Trebuchet MS";font-weight:normal;background-color:#ffffff;}
table.lightbg {font-size:8pt;font-family: "Trebuchet MS";font-weight:normal;color:black;}
table.s {font-size:7pt;font-weight:normal;}

#outerwrap
{
    margin:0 auto;
    width:800px;
    background: url('img/border_bg.png') repeat-y;  
    border: solid 0px white;
}

#wrap {
    margin:0 auto;
    width:760px;
    background: url('img/spotlight.png') no-repeat bottom left;     
    text-align:left; 
    border-left:solid 0px #fac800;
    border-right:solid 0px #fac800;
    border-bottom:solid 0px #fac800;
    border: solid 0px white;    
    }

#header {
    background-position: top left;
    background-repeat: repeat-y;
    height: 70px;
    width: 760px;
    padding:0px;

    }
  
#nav 
{
    border-top-style:solid;
    border-top-color: #0181ae;
    border-top-width: 2px;    
    border-bottom-style:solid;
    border-bottom-color: #0181ae;
    border-bottom-width: 1px;
	width:770px;
	padding-left: 10px;
	padding-right: 0px;	
	padding-top: 2px;
	padding-bottom: 2px;
	color:#f2aa0e;
	font-family: "Trebuchet MS";
	font-size:10pt;
	font-weight:Bold;
	height:20px;
	}
	
img.photo {position:absolute; top:0; right:0;}

#news 
{
    position:relative;
    float:left;
    padding-left:10px;
    padding-top: 10px;
    padding-right: 0px;
    width:770px;
    border:solid 0px #0181ae;
}

.news_h {width:100%;color:black; font-size:8pt;font-weight:bold;margin-bottom:2px;padding-bottom:0px; border-bottom:dotted 1px silver;}
.news_t {color:gray; font-size:8pt;font-weight:normal;margin-bottom:2px;padding-bottom:0px; padding-right:5px; }
.news_t A:link {color:#0181ae;font-size:8pt;text-decoration:none;padding-bottom:0px;margin-bottom:15px;}
.news_t A:visited {color:#0181ae;font-size:8pt;text-decoration:none;padding-bottom:0px;margin-bottom:15px;}
.news_t A:hover {color:red;text-decoration:underline;padding-bottom:0px;margin-bottom:15px;}

.newsTitle {padding-top:10px; padding-bottom:5px; margin-top:0px; margin-bottom:0px; font-family: "Trebuchet MS"; font-size:9pt; font-weight:bold; color:Black; clear:left; float:left; line-height:13pt; }
.newsDate {padding-top:10px; padding-left:10px; padding-bottom:5px; margin-top:0px; margin-bottom:0px; font-family: "Trebuchet MS"; font-size:8pt; color:#0181ae; clear:none; float:left; line-height:13pt;}
.newsText {padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; font-family: "Trebuchet MS"; font-size:8pt; color:black; clear:both; line-height:13pt; border-top-color:Silver; border-top-style:dotted; border-top-width:1px;}    

div.intro {
    width: 650px;
    height: 140px;
    background: url('img/intro.png') no-repeat bottom center; 
    padding: 4px;   
    margin-left: 0px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

div.intro_who {
    width: 650px;
    height: 140px;
    background: url('img/intro_who.png') no-repeat bottom center; 
    padding: 4px;   
    margin-left: 0px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

div.ourstudio {
    width: 650px;
    height: 80px;
    border: solid 1px #fac800;
    background-color: black; 
    padding: 4px;   
    margin-left: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

div.ourbrands {
    width: 650px;
    border: solid 1px #fac800;
    background-color: black; 
    padding: 4px;   
    margin:0px;
    padding:0px;
    margin-left: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}


div.matta {float:left; width: 200px; height: 150px; border: solid 1px #fac800; padding: 4px; margin-left: 10px;}
div.mattabrands {width: 650px; border: solid 1px #fac800; background-color: black; padding: 4px; margin:0px; padding:0px; margin-left: 0px; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; text-align:left;}
div.studio {float:left; width: 650px; height: 100px; border: solid 1px #fac800; padding: 4px; margin-left: 50px;}

div.service {width: 670px; height: 85px; background: url('img/service.png') no-repeat bottom center; border: solid 0px white; padding-left: 20px; padding-top: 75px;}
div.video {float:left; width: 300px; height: 250px; border: solid 1px #fac800; padding: 4px; margin-left: 50px;}
div.events {float:left; background-color: Black; width: 320px; height: 270px; border: solid 1px #fac800; padding: 4px; margin-left: 20px;}
div.what_left {float:left; background-color: Black; width: 300px; border: solid 1px #fac800; padding: 4px; margin-left: 50px;}
div.what_right {float:left; background-color: Black; width: 300px;  border: solid 1px #fac800; padding: 4px; margin-left: 50px;}
div.who_left {float:left; background-color: Black; width: 300px; height: 430px; border: solid 1px #fac800; padding: 4px; margin-left: 50px;}
div.who_right {float:left; background-color: Black; width: 300px; height: 430px; border: solid 1px #fac800; padding: 4px; margin-left: 50px;}
div.who_clients {width: 670px; height: 85px; border: solid 0px white; padding-left: 20px; padding-top: 10px; padding-bottom:10px;}
div.bookingform {width: 670px; height: 320px; border: solid 0px red; padding-left: 50px; padding-top: 10px; padding-bottom:10px;}

li {margin-top:0; font-size:8pt; font-weight:normal; line-height: 1.3;}
ul.L1 {padding-left:10px; margin-left:5px; margin-bottom:0; margin-top:0px; padding-top:0px; font-weight:normal; color:#0181ae; font-size:8pt;  letter-spacing:0; list-style-image:url(img/bullet.gif);}
li.L1 {font-weight:normal; line-height: 1.3; margin-bottom:2px;	padding-left:2px; vertical-align:middle;}
li.L2 {font-weight:normal; line-height: 1.4; margin-top:5px; margin-bottom:2px;	padding-left:2px; vertical-align:bottom; border:solid 0px black;}
ul.L2 {padding-left:15px; margin-left:5px; margin-top:0px; font-size:8pt;	font-weight:normal;	list-style-image:url(img/list_bullet.gif); line-height: 2;}
ul.L3 {padding-left:3px; margin-left:3px; margin-top:0; font-size:8pt;	font-weight:normal;	list-style-image:url(img/bullet_s.gif);	line-height: 2;}
li.L3 {padding-left:3px; margin-left:3px; margin-top:0; font-size:8pt;	font-weight:normal;	list-style-image:url(img/bullet_s.gif);	line-height: 1.5;}
ul.tbL2 {padding-left:15; margin-left:5; margin-top:0; list-style-image:url(img/list_bullet.gif);}
li.tbL2 {font-size:8pt;	font-weight:normal;	line-height: 1.5; margin-bottom:6px;}
ul.sitemap {margin-left:25; margin-top:0; font-size:8pt; font-weight:normal; list-style-image:url(img/list_bullet.gif);	line-height: 1.3;}

#footer 
{
    clear:both;
    float:left;
	position:relative;    
	margin-top:20px;
    border-top-style:solid;
    border-top-color: #fac800;
    border-top-width: 0px;
    padding:0px;
    width: 740px;
    color: #fac800;    
    text-align:right;
    vertical-align:bottom;
    border:solid 0px white;
}

input {border:solid 1px #0181ae;}

#nav A:link {color:#0181ae;font-size:9pt;text-decoration:none;}
#nav A:visited {color:#0181ae;font-size:9pt;text-decoration:none;}
#nav A:hover {color:#f2aa0e;text-decoration:none;}

.newsText A:link {color:#0181ae;font-size:8pt;text-decoration:none;padding-bottom:0px;margin-bottom:15px;border-bottom:dotted 1px #0181ae;}
.newsText A:visited {color:#0181ae;font-size:8pt;text-decoration:none;padding-bottom:0px;margin-bottom:15px;border-bottom:dotted 1px #0181ae;}
.newsText A:hover {color:red;text-decoration:underline;padding-bottom:0px;margin-bottom:15px;border-bottom:dotted 1px red;}

A:link {color:#0181ae;font-size:8pt;text-decoration:none;}
A:visited {color:#0181ae;font-size:8pt;text-decoration:none;}
A:hover {color:red;text-decoration:underline;}

h1 {font-family: Trebuchet MS; font-weight: bold;font-size: 13pt;color:#fac800;}
h2 {font-family: Trebuchet MS; font-weight: bold;font-size: 10pt;color:#fac800 ;margin-top:0px; margin-bottom:1px;}
h3 {font-family: Trebuchet MS; font-weight: bold;font-size: 10pt;color:silver; margin-bottom:2px;}
h5 {font-family: Trebuchet MS;  font-weight: bold;font-size: 8pt;color: #99ffcc;}
h6 {font-family: Trebuchet MS;  font-weight: bold;font-size: 8pt;color: #99ffcc;clear:none;}

.clear
{
    clear:both;
}