/*-----------------------------------------------------------------------------------------------
CSS for Worlds 1st Ltd, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/


/*--------FOR IE 6 AND UNDER ONLY --------*/

/*-------------END-----------------*/

body {
font-family:  "Arial", "Verdana", "Tahoma";
font-size: 12px;
color: #444444;
background-color: #000000;  
margin: 0px;
padding: 0px;
height: 100%;

}

#outer {
width:824px; 
margin-left:auto;
margin-right:auto;
position:relative;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
background-color: #262626;
height: 100%;
}


#logo {
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
width: auto;
height: 48px;
margin-top: 0px;
text-align: right;
color: #244993;
padding-top: 81px;
}

/*-------the link section------*/


a:link, a:link, a:visited {
color:#0000FF;/*8cc6f0;*/
text-decoration: none;
}

a:hover {
color:#0000FF;
text-decoration: underline;
}

a:active {
color:#0000FF;
}


.font:link, .font:visited {
color:#000;
text-decoration:none;
font-size:14px;
}

.font:hover {
color:#f00;
text-decoration: none;
}

.font:active {
color:#000;
}


.font2, .font2:link, .font2:visited {
color:#8cc6f0;
text-decoration: underline;
}

.font2:hover {
color:#fff;
text-decoration: underline;
}

.font2:active {
color:#fff;
text-decoration: underline;
}




#menu{
width: 824px;
height: 36px;
font-size: 100%;
color: #bbb;
}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu ul{
width: 100%;
padding: 10px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#menu ul li{
display: inline;
margin-right: -3px;
}

#menu ul li a{
color: #bbb;
padding:1.5%;
margin: 0;
text-decoration: none;
}

#menu ul li a:hover{
color: #ffffff;
height: 36px;
}

#menu ul li .current {
color: #ffffff;
height: 36px;
}

.clear {
clear:both;}

#menu2{
width: 409px;
font-size: 100%;
}

#menu2 ul{
width: 100%;
padding: 0px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#menu2 ul li{
display: inline;
margin-right: -3px;
}

#menu2 ul li a{
color: #999;
padding:3px;
margin: 0;
text-decoration: none;
}

#menu2 ul li a:hover{
color: #ffffff;
}

/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/

h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}

#content {
text-align:justify;
width:824px;
margin-top: 0px; 
padding: 0;
background-color: #262626;
height: 100%;
}

#left {
margin-top: 6px;
margin-bottom: 1px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
width: 374px;
float: left;  
color: #fff;
font-size:12px;
text-align: justify;
}

.surround {
border: 1px solid  #444;
padding: 10px 24px 10px 4px;
margin: 8px 0 16px 0;
background-image:url(../images/stripe.png);
background-repeat:repeat;
}


.surroundfront {
border: 1px solid  #444;
padding:8px;;
margin: 8px 0 8px 0;
background-image:url(../images/stripe.png);
background-repeat:repeat;
}

#right {
margin-top: 0px;
padding-top: 0px;
padding-left: 3px;
float: left;  
}

.vidback {
background-image:url(../images/vidback.jpg);
background-repeat:no-repeat;
height: 334px;
width: 410px;
padding-left: 10px;
padding-top: 4px;
}

.prodtop {
background: url(../images/prodtop.jpg) no-repeat;
width: 410px;
height:39px;
}

.prodmiddle {
background: url(../images/prodmid.jpg) repeat-y;
width: 410px;
margin: 0;
paddong: 0;
}

.prodtext {
width: 350px;
margin-left: auto;
margin-right: auto;
}

.prodbottom{
background: url(../images/prodbottom.jpg) no-repeat;
width: 410px;
height:39px;

}

#footer {
width:800px;
margin-left: 10px; 
margin-right: 10px; 
padding-top: 6px;
padding-bottom: 7px;
border-top: 1px solid #555;
text-align:center;
font-weight:normal;
background-color: #262626;
font-size: 90%;
}