/* Structure */
body{
 background-color: #C8C8CC;
 background-image: url(images/bg.jpg);
}
#outside {
 
 margin-top: 20px;
 margin-right: auto;
 margin-left: auto;
 width: 750px;
 border: 1px solid #000000;
 padding: 5px;
 overflow: auto;
background-color: #AFAEA9;
}

#container {
position: relative;
 overflow: auto;
}

#left {
 width: 150px;
 float: left;
 background-color: #AFAEA9;
} 

#banner {
 float: left;
 margin-left: 3px;
} 

#top {
 float: left;
 margin-left: 6px;
} 

#center {
 margin-top: 5px;
 margin-left: 5px;
 width: 425px;
 height: 280px;
 border: 1px solid #000000;
 float: left;
}

#right {
 margin-top: 5px;
 margin-left: 5px;
 width: 159px;
 height: 280px;
 border: 1px solid #000000;
 float: left;
 background-image: url("images/remote.jpg");
}

#main {
 margin-top: 5px;
 margin-left: 5px;
 width: 591px;
 border: 1px solid #000000;
 float: left;
 background-color:#CCCCCC;
}

#info {
 margin-left: auto;
 margin-right: auto;
 width: 550px;

}

#footer2 {
 float: right;
}

#admin {
 margin-left: auto;
 margin-right: auto;
 width: 591px;
 border: 1px solid #000000;
}

#commercial{
 position: absolute;
 right: 0px;
 top: 60px;
}

#header {
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 border-bottom: 1px solid #000;
 background: #999;
}

#fd_main {
 margin-top: 5px;
 margin-left: 5px;
 width: 591px;
 border: 1px solid #000000;
 float: left;
 background-color:#66A626;
 background-image:url(images/fd_bg.gif);
 background-repeat:no-repeat;
 background-position: bottom left;
}

#fd_header {
 text-align:center;
 background-color:#000000;
 width: auto;
}

#bottom {
 color:#FFFFFF;
 margin-top: 5px;
 margin-right: 1px;
 width: 591px;
 height: 56px;
 border: 1px solid #000000;
 float: right;
 background-image: url("images/footer.gif");
}

/* Fonts - Style */
#special {
 padding: 3px;
}

#footer {
 text-align: center;
 font-size: 12px;
}

/* Navigation */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial;
font-size: 11px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
padding-left: 12px;
padding-top: 2px;
padding-bottom: 2px;
display: block;
width: 137px;
background-color: #999;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
border-bottom: 1px solid #606260;

}

#navcontainer a:hover
{
background-color: #11780C;
color: #EEE;
}

#active a:link, #active a:visited, #active a:hover
{
background-color: #11780C;
color: #EEE;
}

/* Links */
.menubar {
text-decoration: none;
}

A.menubar:link {
color: white;
}

A.menubar:visited {
color: white;
}

A.menubar:hover {
color: white;
}

a.menubar:active {
color: white;
} 

.product {
 text-align: center;
 background: #FFF;
 border: 1px solid #000;
 width: 186px;
 height: 120px;
 margin: 2px;
 padding: 2px;
 float: left;
}

.product_link {
 text-align: right;
 width: 590px;
 float: right;
}

.boundry {
 border: 1px solid #000;
 width: 591px;
}

#bottom_span{
 background-color: #FFFFFF;
 border: 1px solid #000;
}

a.rollover{
 background-image: url(images/1.gif);
}

a.rollover:hover{
 background-image: url(images/1.2.gif);
}

a.rollover2:hover{
 background-image: url(images/2.2.gif);
}

a.rollover2{
 background-image: url(images/2.gif);
}

a.rollover3{
 background-image: url(images/3.gif);
}

a.rollover3:hover{
 background-image: url(images/3.2.gif);
}

a.rollover4{
 background-image: url(images/4.gif);
}

a.rollover4:hover{
 background-image: url(images/4.2.gif);
}

a.rollover5{
 background-image: url(images/5.gif);
}

a.rollover5:hover{
 background-image: url(images/5.2.gif);
}

a.rollover6{
 background-image: url(images/6.gif);
}

a.rollover6:hover{
 background-image: url(images/6.2.gif);
}

a.rollover7{
 background-image: url(images/7.gif);
}

a.rollover7:hover{
 background-image: url(images/7.2.gif);
}

a.rollover8{
 background-image: url(images/8.gif);
}

a.rollover8:hover{
 background-image: url(images/8.2.gif);
}

a.rollover9{
 background-image: url(images/9.gif);
}

a.rollover9:hover{
 background-image: url(images/9.2.gif);
}