*{
margin:0 0 0 0;
padding:0 0 0 0;
}

html{
height:100%;
}

body{
margin:0 0 0 0;
padding:0 0 0 0;
font-size:12px;
line-height:16px;
font-family:Helvitica, Arial, sans-serif;
color:#333333;
height:100%;
background:#f0e5c3 url(../../visual/bg.gif) repeat-x 0 0;
}

.container{
width:100%;
height:100%;
}

.wrapper{
width:965px;
height:100%;
margin:0 auto -61px;
min-height:100%;
}

#brand{
width:198px;
height:41px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/brand.png) no-repeat 0 0;
text-indent:-9999px;
margin:8px 0 0 12px;
}

#slogan{
color:#eac064;
size:12px;
margin:22px 0 0 2px;
float:left;
position:relative;
z-index:1;
letter-spacing:1px;
font-weight:100;
}

.installie{
width:236px;
height:35px;
float:right;
position:relative;
z-index:1;
background:url(../../visual/installie.png) 0 0 no-repeat;
text-indent:-9999px;
margin:0 9px 0 0;
}

.installie:hover{
width:236px;
height:35px;
float:right;
position:relative;
z-index:1;
background:url(../../visual/installie.png) 0 -35px no-repeat;
text-indent:-9999px;
margin:0 9px 0 0;
}

.installff{
width:154px;
height:35px;
float:right;
position:relative;
z-index:1;
background:url(../../visual/installff.png) 0 0 no-repeat;
text-indent:-9999px;
margin:0 9px 0 0;
}

.installff:hover{
width:154px;
height:35px;
float:right;
position:relative;
z-index:1;
background:url(../../visual/installff.png) 0 -35px no-repeat;
text-indent:-9999px;
margin:0 9px 0 0;
}

/*-------------------START-------------------------
-------------------NAVIGATION----------------------
-------------------------------------------------*/

.navcontainer {
height:29px;
width:960px;
float:left;
position:relative;
z-index:1;
margin:6px 0 0 0;
}

a.navlink {
height:28px;
padding: 0 0 0 15px;
color: #f3dc98;	 
font-size: 12px;
text-decoration:none;	
background:url('../../visual/navleft.gif') no-repeat left top;
display: inline;
float: left;
cursor:pointer;
}

a.navlink span{
padding:6px 15px 6px 0;  
background:url('../../visual/navright.gif') no-repeat right top;
display: block;
float: left;
}

.si{
float:right;
position:relative;
z-index:1;
}

a.navlinksi {
height:28px;
padding: 0 0 0 15px;
color: #fff;	 
font-size: 12px;
text-decoration:none;	
background:url('../../visual/navleft.gif') no-repeat left -56px;
display: inline;
float: left;
cursor:pointer;
}

a.navlinksi span{
padding:6px 15px 6px 0;  
background:url('../../visual/navright.gif') no-repeat right -56px;
display: block;
float: left;
}

a.navlink:hover, a.navlinksi:hover {
height:28px;
padding: 0 0 0 15px;
color: #fff;	 
font-size: 12px;
text-decoration:none;	
background:url('../../visual/navleft.gif') no-repeat left -28px;
display: inline;
float: left;
cursor:pointer;
}

a.navlink:hover span, a.navlinksi:hover span{
padding:6px 15px 6px 0;  
background:url('../../visual/navright.gif') no-repeat right -28px;
display: block;
float: left;
}

.break{
width:2px;
height:28px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/breaks.gif) no-repeat 0 0;
}

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

.rotaheadercon{
height:267px;
width:965px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/rotahead1.jpg) no-repeat 0 0;
}

/*-------------------START-------------------------
-------------Rounded Corner Modules----------------
-------------------------------------------------*/

.tlb, .trb, .blb, .brb { 
background-image: url(../../visual/box.gif); 
height: 9px;       
font-size: 2px;
}

.tlb, .blb { 
margin-right: 9px; 
}

.trb, .brb { 
margin-left: 9px;  
margin-top: -9px;  
}

.trb {
background-position: 100% 0;    
}

.blb  { 
background-position: 0 -9px;   
}

.brb { 
background-position: 100% -9px; 
}

.ib {
border-left: 1px solid #adadad; 
border-right: 1px solid #adadad;
background: #fff;            
color: #000;                
padding-left: 5px;             
padding-right: 5px;             
}

.ib2 {
border-left: 1px solid #adadad; 
border-right: 1px solid #adadad;
background: #fff;            
color: #000;                
padding-left: 18px;             
padding-right: 18px;
padding-top:18px;             
}

.ib3 {
border-left: 1px solid #adadad; 
border-right: 1px solid #adadad;
background: #fff;            
color: #000;                
padding-left: 18px;             
padding-right: 18px;
padding-bottom:18px;
padding-top:9px;             
}

.ntg    { margin-top: 0; }    
.nbg { margin-bottom: -1px; padding-bottom: 1px; } 

.clear {
clear:both;
}

/*--------------------END--------------------------
-------------Rounded Corner Modules----------------
-------------------------------------------------*/

.mainmodule{
width:631px;
float:left;
/*position:relative;*/
z-index:1;
margin:0 0 8px 0;
}

.sidemodule{
width:310px;
float:left;
position:relative;
z-index:1;
margin:0 0 8px 0;
}

.contentarea{
float:left;
/*position:relative;*/
z-index:1;
width:965px;
}

.sidearea{
width:310px;
float:right;
position:relative;
z-index:1;
margin:15px 8px 0 0;
}

.mainarea{
float:left;
/*position:relative;*/
z-index:1;
width:631px;
margin:15px 0 0 8px;
}

.h1titlem{
font-size:24px;
color:#7f9936;
padding:12px 0 10px 3px;
float:left;
position:relative;
z-index:1;
width:100%;
line-height:30px;
}

.h1titles{
font-size:24px;
color:#7f9936;
padding:12px 0 10px 3px;
float:left;
position:relative;
z-index:1;
width:100%;
line-height:30px;
}

.h2title{
font-size:14px;
color:#651612;
padding:0 0 5px 0;
margin:0 0 20px 3px;
width:100%;
float:left;
position:relative;
z-index:1;
background:url(../../visual/h2underline.gif) bottom left repeat-x;
}

.ct{
padding:0 3px 15px 3px;
float:left;
position:relative;
z-index:1;
}

.getstarted{
width:380px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/getstarted.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin:0 auto;
}

.getstarted:hover{
width:380px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/getstarted.jpg) 0 -42px no-repeat;
text-indent:-9999px;
margin:0 auto;
}

.buttoncon{
width:380px;
margin:auto;
position:relative;
z-index:1;
}

.utubev{
margin:0 0 15px 80px;
position:relative;
z-index:1;
}

.morevidtuts{
width:380px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/morevidtuts.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin:0 auto;
}

.morevidtuts:hover{
width:380px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/morevidtuts.jpg) 0 -42px no-repeat;
text-indent:-9999px;
margin:0 auto;
}

.login-box{
width:308px;
height:193px;
float:right;
position:relative;
z-index:1;
background:url(../../visual/login-box.png) no-repeat 0 0;
margin:0 0 8px 0;
}

a.lbsignup{
width:117px;
height:34px;
float:right;
position:relative;
z-index:2;
background:url(../../visual/lbsignup.png) 0 0 no-repeat;
text-indent:-9999px;
margin:0 80px 0 0;
}

a.lbsignup:hover{
width:117px;
height:34px;
float:right;
position:relative;
z-index:2;
background:url(../../visual/lbsignup.png) 0 -34px no-repeat;
text-indent:-9999px;
margin:0 80px 0 0;
}

.username{
float:right;
margin:25px 15px 0px 10px;
width:195px;
position:relative;
z-index:2;
border:solid 1px #333333;
height:20px;
padding:5px 0 0 0;
text-indent:5px;
font-size:12px;
}

.password{
float:right;
margin:7px 15px 8px 10px;
width:195px;
position:relative;
z-index:2;
border:solid 1px #333333;
height:20px;
padding:5px 0 0 0;
text-indent:5px;
font-size:12px;
}

.lbun{
color:#fff;
font-weight:bold;
float:right;
position:relative;
z-index:2;
font-size:12px;
margin:31px 0 0 0;
}

.lbup{
color:#fff;
font-weight:bold;
float:right;
position:relative;
z-index:2;
font-size:12px;
margin:13px 0 0 0;
}

.remcon{
width:120px;
float:left;
position:relative;
z-index:2;
margin:10px 0 0 0;
}

.rememberme{
float:left;
border:1px solid #333;
margin:0px 4px 0 11px;
position:relative;
z-index:2;
}

.remembertext{
float:left;
font-size:11px;
position:relative;
z-index:2;
color:#fff;
}

.signinbutton{
width:84px;
height:26px;
float:right;
position:relative;
z-index:2;
margin:3px 15px 10px 0;
background:url(../../visual/signin.png) 0 0 no-repeat;
text-indent:-9999px;
border:medium none;
}

.signinbutton:hover{
width:84px;
height:26px;
float:right;
position:relative;
z-index:2;
margin:3px 15px 10px 0;
background:url(../../visual/signin.png) 0 -26px no-repeat;
text-indent:-9999px;
}

a.forgotup{
font-size:11px;
color:#f3dc98;
float:right;
margin:0px 15px 0 50px;
position:relative;
z-index:2;
text-decoration:underline;
}

a.forgotup:hover{
font-size:11px;
color:#ff9600;
float:right;
margin:0px 15px 0 50px;
position:relative;
z-index:2;
text-decoration:underline
}

.buttoncons{
width:220px;
margin:auto;
position:relative;
z-index:1;
}

.wikilightsbutton{
width:220px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/wikilightsbutton.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin:0 auto;
}

.wikilightsbutton:hover{
width:220px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/wikilightsbutton.jpg) 0 -42px no-repeat;
text-indent:-9999px;
margin:0 auto;
}

.buttonconu{
width:310px;
margin:auto;
position:relative;
z-index:1;
}

.updatebutton{
width:310px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/updatebutton.png) 0 0 no-repeat;
text-indent:-9999px;
margin:0 auto 8px;
}

.updatebutton:hover{
width:310px;
height:42px;
float:left;
position:relative;
z-index:1;
background:url(../../visual/updatebutton.png) 0 -42px no-repeat;
text-indent:-9999px;
margin:0 auto 8px;
}

.push {
clear:both;
height:61px;
}

#footer {
background:transparent url(../../visual/footer.png) repeat-x scroll 0 0;
clear:both;
font-size:11px;
color:#fff;
height:auto;
margin:0 auto;
min-height:61px;
text-align:center;
width:100%;
}

.footertext{
font-size:11px;
color:#fff;
float:right;
margin:18px 0 0 0;
position:relative;
z-index:2;
padding:0 15px 0 0;
text-align:right;
}

.advertisements{width: 268px; float: left; text-align: center; margin: 21px;
}