/* DESIGN
  All the common stuff
*/



* {
  margin:0;
  padding:0;
}

body {
  background-color: #000000;
  color: #ffffff;
  margin-top: auto;
  margin-bottom: auto;
  
}

td {
  vertical-align:top;
}

#frame {
	width:100%;
	position:absolute;
}

#leftedge {
  height: 561px;
  width: auto;
  background-color: #000000;
  background-image: url("gfx/left.jpg");
  background-repeat: no-repeat;
  background-position: right top;  
}
#rightedge {
  height: 561px;
  width: auto;
  background-color: #000000;
  background-image: url("gfx/right.jpg");
  background-repeat: no-repeat;
  background-position: left top;  
}

#main {
  width: 1024px;
  height: 561px;
  
  background-color: #000000;
  background-image: url("gfx/middle.jpg");
  background-repeat: no-repeat;
  background-position: left top; 
}

#topbar {
  background-color: #000000;
  background-image: url("gfx/topbarbg.jpg");
  background-repeat: no-repeat;
  background-position: center top;  
  height: 207px;
  text-align: center;
}
#middlebar {
  height: 465px;
  width: 1024px;
}

#bottombar {
  width:1024px;
  height:97px;
}

#contentbar {
  float: left;
  width: 757px;
  height: 465px;
  clear: none;
}
#menubar {
  float: right;
  width: 267px;
  height: 465px;
  clear: none;  
}

h1 {
  font-family: Tahoma, Verdana;
  font-size: 11pt;
  font-weight: bold;
  color: #33ff00;
  margin-bottom: 2px;
}

h2 {
  font-family: Tahoma, Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: #33ff00;
  margin-bottom: 5px;
}

p {
  margin-top: 6px;
  margin-bottom: 10px;
  font-family: Tahoma, Verdana;
  font-size: 9pt;

}

img {
  border:0;
}

a {
  text-decoration: none;
  color: #ffffff;
  
}

img.point {
  vertical-align:top;
  margin-top:3px;
  margin-right:10px;
}

/* The Menu */

#menu {
  font-family: "Myriad Pro", Tahoma;
  font-size: 11pt;
  

  list-style-type:none;
  position:relative;

  width:170px;	
  visibility:hidden;

}

#menu img {
  visibility: visible;
}

#menu li{
  list-style-type:none;
  position:relative;
}
#menu ul{
  margin:0px;
  padding:0px;
  position:relative;
}
#menu div{
  margin:0px;
  padding:0px;
}

#menu a{
  text-decoration:none;	
  display:block;
  clear:both;
  width:170px;	
  padding-left:2px;	
}
	
#menu .slMenuItem_depth1{	/* Main menu items */
  margin-top:0px;
}	
#menu .slMenuItem_depth2{	/* Sub menu items */
  margin-top:0px;
}	

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#menu .slideMenuDiv1
	
	instead of 
	
	#menu .slideMenuDiv1 ul
	*/
	
	#menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#menu .slideMenuDiv2 ul{
		margin-left:8px;
		padding:1px;
	}

	
	
/* THE COLOUMS FOR CONTENT
  Description: 
  front is used on the frontpages 
  twoc is used on pages: products_movies, products_speak, products_multimedia, products_facility,  
  threec is used on: examples

*/

#front {
  width:642px;
  margin-left:60px;
  margin-top:15px;
  text-align:center;
}

#twoc_first {
  width:240px;
  padding-left:51px;
  margin-top:35px;
  float: left;
}
#twoc_second {
  width:385px;
  padding-left:35px;
  margin-top:35px;
  float: left;
}

#threec_first {
  width:204px;
  padding-left:51px;
  margin-top:35px;
  float: left;
}
#threec_second, #threec_third {
  width:204px;
  padding-left:43px;

  margin-top:35px;
  float: left;
}

/* PAGE-SPECIFIC STYLE */

/* For the example-page... */

p.example_title {
  margin-top: 0px;
  margin-bottom: 2px; 
  font-weight: bold;
}
p.example_undertitle {
  margin-top: 0px;
  margin-bottom: 2px;
  font-weight: none;
  font-size: 8pt;
}
img.example_pic{
  margin-top: 1px;
  border: 1px solid #000000;
  margin-bottom: 10px;
}


/* For the speak example-page... */

#speakline {
  float: bottom;
  padding-left: 51px;
  margin-top: 400px;
}