@charset "UTF-8";
<style type="text/css">

a { color: #770000; font-weight: bold; }

#contentHolder{ background-image:url(images/interface/Belcam-page-2d.png); _background-image:url(images/interface/Belcam-page-2d.gif); background-position: top; background-repeat: no-repeat; width: 897px; min-height: 700px; _height: 700px; margin-left: auto; margin-right: auto; padding-top: 0; margin-top: 0; }

#menu { position: relative; float: left; margin-left: 49px; _margin-left: 69px; margin-top: 299px; min-height: 55px; height: 313px; width: 168px; _width: 158px: overflow: hidden; }
#menu ul { list-style-type: none; margin-top: 0px; margin-left: -30px; overflow: hidden; }
#menu li { height: 55px; overflow: hidden; list-style-type: none; }
#menu li a { display: block; overflow: hidden; padding-left: 258px; background-image: url(images/interface/Belcam-page-2d2.png); background-image: url(images/interface/Belcam-page-2d2.gif); background-repeat: no-repeat; height: 55px; color: #FFFFFF; }

/* SERVICES BUTTONS */
#menu li#btAbout a { background-position: 0px 0px; height: 55px; }
#menu li#btNews a { background-position: 0px -55px; }
#menu li#btProducts a { background-position: 0px -110px; }
#menu li#btServices a { background-position: 0px -165px; }
#menu li#btSupport a { background-position: 0px -220px; }
#menu li#btContact a { background-position: 0px -275px; }

/* SERVICES OVER STATES */
#menu li#btAbout a:hover { background-position: -228px 0px; height: 55px; }
#menu li#btNews a:hover { background-position: -228px -55px; }
#menu li#btProducts a:hover { background-position: -228px -110px; }
#menu li#btServices a:hover { background-position: -228px -165px; }
#menu li#btSupport a:hover { background-position: -228px -220px; }
#menu li#btContact a:hover { background-position: -228px -275px; }

#content { position: relative; margin-left: 230px; margin-right: 20px; margin-top: -426px; float: right; width: 650px; height: 500px; min-height: 500px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 100; }
#content p, table { font-size: 12px; }
#content a { text-decoration: none; }
#content a:link { text-decoration: underline; }
#content a:hover { text-decoration: underline; }
#content a:visited { text-decoration: underline; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000; }

#swfOverview { float:left; margin-left: 20px; margin-top: 4px; }

#featureBtns { float:right; margin-right: 30px; margin-top: 40px; }

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #342c28; background-image: url(images/interface/Belcam-pageBG.png); background-repeat:repeat-y; background-position: top; }
h1 { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
h2 { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
a { font-weight: bold; color: #551700; text-decoration:none; }
a:link { font-weight: bold; color: #551700; text-decoration: none; }
a:visited { font-weight: bold; color: #551700; text-decoration: none; }
a:hover { font-weight: bold; color: #880000; text-decoration: underline; }
a:active { font-weight: bold; color: #AA0000; text-decoration: none; }

</style>
