/* 
Billy Mann Productions
http://www.billmannproductions.com

Dimitri Darras, Visual Designer and Proprietor, Darleon
ddarras@darleon.com
http://www.darleon.com
http://www.dimitridarras.com
36 West 20th Street, New York,NY 10011
(917) 940-9510
May 2007

***Web consulting for emerging media***

*/


/* Typography */

.font1 {
        font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-stretch: condensed;
        }

.font8 {
        font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;	
        font-style: italic;
        font-weight: 700;
        font-stretch: condensed;
        }
        
.button_highlight
	{
	
	background-color:yellow;font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;font-size:14px;color:black;padding-top:1px;padding-bottom:7px;
	
	}
.header_title {

	color:yellow;
}

.sub_menu_highlight
	{
	
	background-color:red;font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;font-size:14px;color:white;padding-top:1px;padding-bottom:7px;
	}

body {background-color: #ffffff; margin: 0px; padding: 0px;margin:10px 10px 10px 10px;padding:0px;width:778px;background-image: url(dar_bmp_web_background.jpg);background-repeat: no-repeat;} 

td {font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;font-size: 14px; color:#ffffff;}

/*Interactivity*/

a:link {
	text-decoration: none;
	font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;

	font-size: 14px;
	color: #ffffff;
	
}

a:visited {
	text-decoration: none;
	font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;

	font-size: 14px;
	color: #ffffff;
	
}

/*Animation and media*/

#dots_top {

background-repeat: no-repeat;
z-index:6;
position: absolute;
left:15px;
top:75px;
width:148px;
height:23px;
}

#yellow_dots {

background-repeat: no-repeat;
z-index:5;
position: absolute;
left:430px;
top:75px;
width:306px;
height:23px;
}

#dots_left {

background-repeat: no-repeat;
z-index:4;
position: absolute;
left:0px;	
top:200px;
width:507px;
height:211px;
}

#video_placeholder {
background-repeat: no-repeat;

z-index:3;
position: absolute;
left:40px;
top:125px;
width:320px;
height:240px;
}


#left_field {
background-repeat: no-repeat;

z-index:3;
position: absolute;
left:50px;
top:380px;
width:320px;
height:390px;
}

#bottom_field {
background-repeat: no-repeat;

z-index:3;
position: absolute;
left:430px;
top:470px;
width:430px;
height:300px;
}


#animated_logo {

background-repeat: no-repeat;

z-index:3;
position: absolute;
left:390px;
top:580px;
width:508px;
height:301px;
}



/*Layout*/


#nav_bar {

position: absolute;
left:400px;
top:120px;
width:580px;
height:25px;
background-color:purple;
}

#sub_nav_bar {

position: absolute;
left:500px;
top:138px;
width:250px;
height:25px;
background-color:orange;

}

#sub_nav_bar_training {

position: absolute;
left:675px;
top:140px;
width:260px;
height:25px;
background-color:orange;

}

#text {
z-index:5;
position: absolute;
left:400px;
top:180px;
width:325px;
height:40px;

}



#numbers {
background-image: url(dar_bmp_numbers.gif);
background-repeat: no-repeat;
z-index:1;
position: absolute;
left:980px;
top:100px;
width:40px;
height:462px;
}


#footer {
font-family:"Myriad Pro", Myriad, Helvetica, Verdana, Arial, sans-serif;font-size: 14px; color:#ffffff;

background-repeat: no-repeat;
z-index:10;
position: absolute;
left:400px;
top:780px;
width:785px;
height:44px;
}



h1 {
font-size:14px;
padding-top:10px;
}