/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#000000;
}
#wrapper { 
 margin: 0 auto;
 width: 850px;
}
#header {
 width: 850px;
 padding: 10px;
 height: 100px;
 margin: 0px 0px 0px 0px;
}
#logo {
 width: 499px;
 height: 88px;
}
ul.download {
 list-style-image:url(zip.gif);
}
ul.download li {
 padding-left:5px;
 font-size:11px;
 line-height:1.5em;
}
#navigation {
 width:850px; 
 height:52px; 
}
.prodrop5 {
 padding:0 0 0 0px;
 margin:0;
 list-style:none;
 height:30px;
 position:relative;
 z-index:500;
 font-family:arial, verdana, sans-serif;
 border-bottom-style: none;
}
.prodrop5 li.top {
 display:block; 
 float:left;
}
.prodrop5 li a.pos1 {
 background:url(images/home.png); 
 width:86px; 
 height:52px; 
 display:block; 
 text-indent:-99999px;
} 
.prodrop5 li a.pos2 {
 background:url(images/overview.jpg); 
 width:111px; 
 height:52px; 
 display:block;text-indent:-99999px;
} 
.prodrop5 li a.pos3 {
 background:url(images/product.jpg); 
 width:94px; 
 height:52px; 
 display:block;
 text-indent:-99999px;
} 
.prodrop5 li a.pos4 {
 background:url(images/workshop.jpg); 
 width:110px; 
 height:52px; 
 display:block;text-indent:-99999px;
} 
.prodrop5 li a.pos5 {
 background:url(images/media.jpg);
 width:75px; 
 height:52px; 
 display:block;
 text-indent:-99999px;
}
.prodrop5 li a.pos6 {
 background:url(images/project.jpg);
 width:93px; 
 height:52px;
 display:block;
 text-indent:-99999px;
} 
.prodrop5 li a.pos7 {
 background:url(images/contest.jpg); 
 width:93px; 
 height:52px; 
 display:block;
 text-indent:-99999px;
 }  
.prodrop5 li a.pos8 {
 background:url(images/society.jpg); 
 width:85px; 
 height:52px; 
 display:block;
 text-indent:-99999px;
 } 
.prodrop5 li a.pos9 {
 background:url(images/contact.png); 
 width:103px; 
 height:52px; 
 display:block;
 text-indent:-99999px;
 }
.prodrop5 li.p1 {background:url(images/home_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p2 {background:url(images/overview_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p3 {background:url(images/product_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p4 {background:url(images/workshop_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p5 {background:url(images/media_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p6 {background:url(images/project_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p7 {background:url(images/contest_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p8 {background:url(images/society_alt.jpg); background-repeat:no-repeat;} 
.prodrop5 li.p9 {background:url(images/contact_alt.png); background-repeat:no-repeat;} 
.prodrop5 table {
 border-collapse:collapse; 
 width:0; 
 height:0; 
 position:absolute; 
 top:0; 
 left:0;
}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}
.prodrop5 li a.top_link:hover {background: none;}
.prodrop5 li:hover > a.top_link {background: none;} 
/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {
 position:absolute; 
 left:-9999px; 
 top:-9999px; 
 width:0; 
 height:0; 
 margin:0; 
 padding:0; 
 list-style:none;
}
.prodrop5 :hover ul {
 display: block;
 left:0; 
 top:50px;
 padding:3px; 
 white-space:nowrap; 
 height:auto; 
 width:200px; 
 z-index:300;
}
.prodrop5 :hover ul li {display:block; 
 height:20px; 
 position:relative; 
 font-weight:normal; 
 width:auto;
}
.prodrop5 :hover ul li a {
 font-size: 12px;
 color: #527094;
 background: white;
 border: 1px solid #CBCBCB;
 text-decoration: none;
 padding: 2px 10px 2px 10px;
 display:block; 
 height:20px; 
 line-height:20px; 
 width:auto; 
 color:#000; 
}
.prodrop5 :hover ul li a:hover {
 font-size: 12px;
 color: white;
 background: #3282c2;
 border: 1px #FFFFFF;
 text-decoration: none;
 padding: 2px 10px 1px 10px;
 width:auto; 
}
#marquee { 
 width: 850px;
 margin-top: 15px;
 height: 235px;
 padding-top: 10px;
 padding-left: 45px;
 padding-right: 38px;
 padding-bottom: 10px;
 background-image:url(images/player_background.png);
 background-repeat:no-repeat;
}
#content { 
 width: 850px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 525px;
}
#welcome_txt { 
 width: 485px;
 height: 505px;
 margin: 5px 50px 0px 0px;
 padding-top: 5px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 5px;
 background-image:url(images/welcome_txt_background.png);
 background-repeat:no-repeat;
 float:right;
}
#links { 
 width: 235	px;
 height: 488px;
 margin: 15px 0px 0px 15px;
 float:left;
}
#footer { 
 width: 8500px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background-image:url(images/footer_background.png);
 background-repeat:no-repeat;
}