* {padding:0; margin:0;}

body {background: #33CCFF url(images/bg.gif); font: 12px verdana; color: #000;}

a, a:visited {text-decoration: none; color: #000;}
a:hover {color: #999;}

#top {background: url(images/bg.jpg) repeat-x; height: 140px; text-align: center;}
#top .header {width: 1003px; margin: auto; padding: 5px 0; text-align: left;}
#top .header .logo {float: left;}
#top .header .banner {float: right;}
#top .menu {width: 1003px; margin: auto;}
#top .menu ul {list-style: none;}
#top .menu ul li {float: left; height: 30px; padding: 0 20px; background: url(images/divider.gif) no-repeat right 10px;}
#top .menu ul a {display: block; padding: 12px 5px; color: #FFF; text-transform: uppercase;}
#top .menu ul a:hover {color: #CCC;}

#page {background: #FFF; width: 993px; margin: auto; padding: 5px;}
#page .left-side {float: left; width: 828px; text-align: center;}
#page .left-side .welcome {margin-bottom: 5px; text-align: left;}
#page .left-side .welcome .banner {float: left; width: 300px; height: 250px;}
#page .left-side .welcome .info {float: right; width: 523px; font: 15px/20px "Trebuchet MS", Helvetica, sans-serif; text-align: justify;}
#page .left-side .welcome .info h1 {margin-bottom: 15px; font: bold 22px "Trebuchet MS", Helvetica, sans-serif;}
#page .left-side .content {text-align: left;}
#page .left-side .plug {position: relative; margin-bottom: 15px; font: 14px "Trebuchet MS", Helvetica, sans-serif; text-align: left;}
#page .left-side .plug h2 {font: bold 20px "Trebuchet MS", Helvetica, sans-serif;}
#page .left-side .plug .thumb {float: left; margin-right: 5px;}
#page .left-side .plug .play {position: absolute; bottom: 0px; right: 0px;}
#page .right-side {float: right; width: 160px;}

#bot {background: url(images/bot.jpg) repeat-x;}
#bot .footer {margin: auto; width: 993px; padding: 5px; text-align: center; color: #EEE;}
#bot .footer a {text-decoration: none; color: #FFCC33;}
#bot .footer a:hover {color: #FFFF33;}
#bot .footer .col {float: left; width: 200px; margin: 5px 20px;}
#bot .footer .col h3 {padding: 10px; border-bottom: 1px dashed #333; color: #333;}
#bot .footer .col ul {list-style: none;}
#bot .footer .col ul li {background: url(images/bullet.png) no-repeat left 10px; padding-left: 10px; border-bottom: 1px dashed #333;}
#bot .footer .col ul li a {display: block; text-decoration: none; color: #FFCC33; padding: 5px; text-align: left;}
#bot .footer .col ul li a:hover {color: #FFFF33;}

#flashcontent {text-align: center;}

.clear {clear: both;}

#contact-wrapper {padding: 20px;}
#contact-wrapper div {clear:both; margin:1em 0;}
#contact-wrapper label {display: block; float: none; font-size: 12px; width:auto;}
#contactform input {border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style: solid; border-width: 1px; padding: 5px; font-size: 16px; color: #333;}
#contactform textarea {width: 500px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:100%; padding:0.6em 0.5em 0.7em; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px;}

