﻿html
{
    border:0px;
    margin:0px;
    padding:0px;
    border-top:solid 10px black;
    background-color:Black;
    min-width:1000px;
 
    
}

body
{
    border:0px;
    margin:0px;
    padding:0px;
    background-position:top;
    background-repeat:no-repeat;
    background-image:url(i/header.jpg);
    background-position:top center;   
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 14px;
	line-height: 160%;
	color: #666;
}

form
{
    border:0px;
    margin:0px;
    padding:0px;
    min-height:300px;
    
}

#banner
{
    height:152px;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

#logo
{
    width:337px;
    height:70px;
    top:51px;
    left:10px;
    position:absolute;
}

#menu
{
    font-size:18px;
    position:absolute;
    left:440px;
    top:90px;
    width:500px;
}

#menu .tm
{
    color:White;
    text-decoration:none;
}

#menu .tma
{
    color:#B1BE24;
    text-decoration:none;
}



.promo
{
    width:100%;
    height:340px;
    background-color:#818080;
    position:relative;overflow:hidden;
    
}

#page
{
    min-height:420px;
    background-image:url(i/background.png);
    background-color:White;
    background-repeat:repeat-x;
    background-position:top center;
    margin-top:0px;
    
    
}

#footer
{
   
    background-image:url(i/footer.png);
    min-height:220px;
    background-repeat:repeat-x;
    background-position:top center;
    margin-top:0px;
    background-color:black;
}

.bannerpic
{
    position:absolute;
    width:1920px;
    left:-460px;
    height:340px;
       height:340px;
    top:0px;
}

.ninjaright
{
    width:51%;
    position:absolute;
    right:0px;
    top:0px;
    height:340px;
    background-image:url(i/ninjasright.png);
    background-repeat:repeat-x;
}

.ninjaleft
{
    width:51%;
    position:absolute;
    left:0px;
    top:0px;
    height:340px;
    background-image:url(i/ninjasleft.png);
    background-repeat:repeat-x;
}

.ninjainner
{
    width:100%;
    position:absolute;
    left:0px;
    top:0px;
    height:340px;
}

.ninjaspace
{
    width:1000px;
    overflow:visible;
    height:340px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.ninjapic
{
    width:1038px;
    position:absolute;
    height:340px;
    left:-19px;
    top:0px;
    background-image:url(i/ninjas.png);
}

#rays
{
    background-color:#FFD200;
    background-image:url(i/rays.png);
    background-position:top center;
    background-repeat:no-repeat;
    position:absolute;
    top:0px;
    width:100%;
    height:340px;
    
}


#dudeback
{
    width:333px;
    height:294px;
    background-color:Transparent;
    position:absolute;
    bottom:0px;
    left:333px;
}

#dudepic    
{
    width:333px;
    height:294px;
    background-color:Transparent;
    position:absolute;
    top:0px;
    left:0px;
}

#wemake
{
    width:300px;
    height:103px;
    top:-103px;
    left:53px;
    position:absolute;
}

#andlots
{
    width:286px;
    height:100px;
    right:70px;
    bottom:-100px;
    position:absolute;
}

#dude
{
    position:absolute;
    width:333px;
    height:294px;
    background-color:Transparent;
    bottom:-294px;
    left:333px;
    
}

#ninja
{
    width:100%;
    top:340px;
    height:340px;
    position:absolute;
    
}

.raysin
{
    width:1000px;

    overflow:visible;
    margin-left:auto;
    margin-right:auto;
    height:340px;
    position:relative;
}

.promo
{
    width:100%;
    height:340px;
    background-color:#818080;
    position:relative;overflow:hidden;
    
}

.promoinner
{
    width:1000px;

    overflow:visible;
    margin-left:auto;
    margin-right:auto;
    height:340px;
    position:relative;
}

.clr
{
    float:none;clear:both;
}

.clrx
{
    float:none;clear:both;border-bottom:solid 1px #EFEFEF;
    margin-bottom:10px;
}


#inner
{
    position:relative;
    width:960px;
    margin-left:auto;
    margin-right:auto;
    background-color:Transparent;
}


#left
{
    width:552px;
    float:left;
    padding-top:20px;
    background-color:Transparent;
}

#left a, #right a
{
    color:#055BC3;
    text-decoration:none;
}

#left a:hover, #right a:hover
{
    color:#2786FA;
    text-decoration:underline;
}

#left-top
{
    width:552px;
  
    background-color:transparent;
    background-image:url(i/top.png);
    background-repeat:no-repeat;
    background-position:top left;
    height:10px;
}

#left-bot
{
  
    background-color:white;
    background-image:url(i/top.png);
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}

#right
{
    width:348px;
    padding-top:20px;
    margin-right:20px;
    float:right;
    background-color:Transparent;
    
}


.pb_i_l_side
{
    
    margin-right:20px;
    margin-top:5px;
    margin-bottom:5px;
    float:left; 
    padding:2px;       

}

.pb_i_r_side
{
    
    margin-left:20px;
    margin-top:5px;
    margin-bottom:5px;
    float:right;
    padding:2px;

}

.pb_i_c_side
{
    margin-left:auto;
    margin-right:auto;
    float:none;
    padding:0px;
}

h1
{
    padding-top:5px;
    padding-bottom:5px;
    margin:0px;color:#B1BE24;
    font-size:22px;
}

.h3x2
{
    text-align:right;
    margin-bottom:0px;
      color:#9A8D3E;
    margin:0px;
}

.h3x
{
    text-align:left;
     margin-bottom:0px;
       color:#9A8D3E;
    margin:0px;
     
}

.pb_i_c_side_2l
{
    float:left;
    width:72px;
    height:72px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.pb_i_c_side_2r
{
    float:right;
        width:72px;
    height:72px;
     margin-left:10px;
    margin-bottom:10px;
        margin-top:10px;
}

.sbtext
{
   
   margin-top:0px;
   padding-top:0px;
}

h2
{
 
  font-size:18px;
  color:#666;

}



.pb_i_l
{
    
    margin-right:20px;
    margin-top:5px;
    margin-bottom:5px;
    float:left; 
    padding:3px;       

}

.pb_i_r
{
    
    margin-left:20px;
    margin-top:5px;
    margin-bottom:5px;
    float:right;
    padding:3px;

}

.pb_i_c
{
    margin-left:auto;
    margin-right:auto;
    float:none;
    padding:3px;
    padding-left:0px;
    padding-right:0px;

}

.boxll
{
    margin-left:8px;
    width:32px;
   margin-right:10px;
   
    margin-top:5px;
    background-color:Transparent;
    float:left;
    
}

.boxll2
{

    
    padding-top:10px;
    
    float:none;
    position:relative;
       
}
.boxll2 a
{
    color:#666;
    text-decoration:none;
}

.boxll2 a:hover
{
    color:#B1BE24;text-decoration:none;
}

.boxl
{
    margin-left:32px;
    width:32px;
    height:32px;
    background-color:Transparent;
    float:left;
    
}

.boxl2
{
 
    
    height:32px;
    float:none;
    position:relative;
       
}


.boxl2 a
{
    
   top:4px;
   padding-left:16px;
   position:absolute;
}


.boxq
{
   
    width:48px;
    height:48px;
    background-color:Transparent;
    float:left;
    
}

.boxq3
{
   
    width:32px;
    height:32px;
    background-color:Transparent;
    float:left;
    
}

.pricebox
{
    float:right;
    height:81px;
    width:90px;
    margin-left:8px;
    background-image:url(i/pricebox.png);
    margin-bottom:12px;
}

.boxq2
{
 
    width:400px;
    margin-left:20px;
    
 
    float:left;
    position:relative;
      
}

.boxq4
{
 
    width:450px;
    margin-left:20px;
    
 
    float:left;
    position:relative;
    padding-bottom:10px;
      
}

.smalltextbox
{
    width:60px;
}
.boxq4 strong
{
    color:Black;
}



.boxq2 h2
{
 
  font-size:18px;
  color:#666;
  margin:0px;
  padding:0px;

}


.boxq2 a
{
    
 color:#C00000;
 text-decoration:none;

}

.boxq2 a:hover
{
    color:#666;
     text-decoration:none;
}


.mt8
{
    margin-top:8px;
    margin-bottom:32px;
}

.btn
{
    width:200px;
    height:70px;
    background-image:url(i/btn.png);
    border:0px;
    padding:0px;
    margin:0px;
    position:relative;
    float:right;
    text-align:center;
    margin-right:130px;
    margin-top:-20px;
}

.btn a
{
    position:absolute;
    width:100%;
    text-align:center;
    top:24px;
    left:0px;
    font-size:16px;
    color:White;
    
}

hr
{
    border:0px;
    border-bottom:solid 1px #CDCDCD;
}

.portfolio
{
    padding-top:20px;
    padding-bottom:30px;
 
    
}

.portfolio ul
{
   list-style-type:none;
   list-style-image:none;

}

.portfolio li
{
    float:left;
    padding-bottom:10px;

}

.port
{
    background-image:url(i/browser.png);
    background-color:Transparent;
    height:164px;
     position:relative;
    width:215px;
}

.portx
{
    background-image:url(i/browser.png);
    margin-right:8px;
    background-color:Transparent;
    height:164px;
    position:relative;
    width:215px;
}

.portwindow
{
    width:208px;
    height:146px;
    overflow:hidden;
    position:absolute;
    left:3px;
    top:14px;
}

.webhead
{
    font-family:Georgia;
    font-style:italic;
    font-size:18px;
}

.h2g
{
    font-family:Georgia;
    font-style:italic;
    font-size:19px;
    color:#666666;
    text-decoration:none;
    margin-top:0px;
}

.mu
{
    text-decoration:none;
    font-size:18px;
    color:#666;
}

.ar
{
    text-align:right;
}

.footin
{
    width:920px;
    padding-top:20px;
    margin-left:auto;
    margin-right:auto;
}

.comp
{
    float:left;
    width:260px;
    color:White;
    margin-right:32px;
    font-size:13px;
}

.compb
{
    float:right;
    text-align:right;
    width:240px;
    color:White;
    
    font-size:13px;
}


.compb a
{
    color:#B1BE24;
    text-decoration:none;
}

.compb a:hover
{
    color:White;
     text-decoration:none;
}

.but165
{
    margin:0px;
    border:0px;
    background-image:url(i/button.png);
    width:165px;height:39px;
    background-color:Transparent;
        font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 14px;
	line-height: 160%;
	color: #666;
	cursor:pointer;
    
}

.but165g
{
    margin:0px;
    border:0px;
    background-image:url(i/button-green.png);
    width:159px;height:39px;
    background-color:Transparent;
        font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 14px;
	line-height: 160%;
	color: white;
	cursor:pointer;
    
}
.breadcrumb
{
    font-size:12px;
    padding-bottom:8px;
}

.breadcrumb a
{
    text-decoration:none;
    color:#B1BE24;    
}

.small_news
{
    float:left;
    width:146px;
    margin-right:18px;
    height:146px;
    margin-bottom:18px;
}

.h2g a
{
    text-decoration:none;
    color:#444444;
}

.cloud a
{
    text-decoration:none;
    color:#666;
    margin-right:12px;
}

.cloud
{
    font-size:18px;
    padding-bottom:32px;
}

img
{
    background-color:Transparent;
    border:0px;
}

.postit
{
    width:391px;
    height:300px;
    background-image:url(i/postit2.jpg);
    position:relative;
    margin-left:auto;
    margin-right:auto;
    
}

.postit-head
{
    position:absolute;
    color:#0173BC;
    font-size:20px;
    left:60px;
    top:80px;
    width:200px;
    font-family:Georgia;
    font-style:italic;
   
}

.postit-text
{   position:absolute;
    font-size:13px;
    left:60px;
    top:120px;
    width:240px;

}

.postit-link
{   position:absolute;
    font-size:14px;
    left:108px;
    top:208px;
    width:150px;
    text-align:center;
   
}

.postit-link a
{
    color:#434343;
    text-decoration:none;
}

.footnote
{
    width:400px;
    font-size:11px;
    padding-bottom:10px;
}

.quoteleft
{
    width:24%;
    float:left;
    text-align:right;
    
        color:Black;
    font-size:16px;
    padding-right:10px;
    
}

.quoteright
{
    width:64%;
    float:left;
    text-align:left;
 margin-left:12px;
    color:#666;
    font-size:16px;
}

.quoteright2
{
    width:64%;
    float:left;
    text-align:left;
    margin-left:12px;
    padding-top:13px;
    color:#666;
    font-size:16px;
}


.quoteleft2
{
    width:24%;
    float:left;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    margin-top:8px;
    padding-top:4px;
    padding-bottom:4px;
    font-weight:bold;
    
    text-align:right;
        color:Black;
    font-size:16px;
    padding-right:10px;
    
}

#popweb
{
    position:absolute;
    left:200px;
    bottom:-95px;
    width:75px;
    height:95px;
}

#popecomm
{
    position:absolute;
    left:300px;
    bottom:-95px;
    width:75px;
    height:95px;
}


#popnew
{
    position:absolute;
    left:625px;
    bottom:-95px;
    width:75px;
    height:95px;
}

#popgrap
{
    position:absolute;
    left:725px;
    bottom:-95px;
    width:-75px;
    height:95px;
}