/* html main
----------------------------------------------------------*/
html {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-height: 101%;
}
body {
    margin: 0px;
    padding: 0px;
    background: #EBEFF0 url('../img/bg_body.gif') repeat-x 0 0;    
    font: 70% 'Trebuchet MS', serif;
    line-height: 155%;
    color: #252525;
    text-align: center;
    height: 100%;    
}
a {
    color: #BF2000;
}
a:hover {
    text-decoration: none;
}
img             {margin: 0; border: 0;vertical-align: top;}
form            {margin: 0;}
input           {margin: 0;}

ul, ul li       {margin: 0; padding: 0;}
ul li           {list-style-type: none;}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

.laserhunterlink {
	color:green;
}

/* center
----------------------------------------------------------*/
#center {
    margin: 0 auto 0 auto;
    padding: 0;        
    width: 880px;
    text-align: left;    
}

/* top-nav
----------------------------------------------------------*/    
#top {
    position: relative;
    width: 880px;
    height: 100px;   
}
    #top span {
        display: none;
    }
    #top #main-nav {
        position: absolute;        
        left: 287px;
        top: 72px;
        width: 589px;
        background: #A52C16 url('../img/bg_menu.gif') repeat-x 0 0;         
    }
    #top #main-nav ul {
        width: 589px;    
        background: url('../img/bg_menu_last.gif') no-repeat top right;                
    }
        #top #main-nav ul li {
            display: inline;    
        }
        #top #main-nav ul li a {
            float: left;
            display: block;
            padding: 5px 17px 5px 17px;
            text-decoration: none;
            color: #fff; 
            border-left: 1px solid #921901;
            border-right: 1px solid #B62201;            
        }
        #top #main-nav ul li.first a {
            border-left: 0px;        
            background: url('../img/bg_menu_first.gif') no-repeat 0 0;            
        }            
            #top #main-nav ul li a:hover {       
                background: url('../img/bg_menu_sel.gif') repeat-x 0 0;      
            }
            #top #main-nav ul li.first a:hover {       
                background: url('../img/bg_menu_first_sel.gif') no-repeat 0 0;      
            }
            #top #main-nav ul li.sel a {  
                font-weight: bold;
                background: url('../img/bg_menu_sel.gif') repeat-x 0 0;                 
            }
            #top #main-nav ul li.first a.sel {  
                font-weight: bold;      
                background: url('../img/bg_menu_first_sel.gif') repeat-x 0 0;                 
            }            

/* header
----------------------------------------------------------*/    
#header {
    position: relative;
    width: 880px;
    height: 239px;
    background: url('../img/bg_header.jpg') no-repeat 0 0;    
}
    #product #header {
        background: url('../img/bg_header_2.jpg') no-repeat 0 0;    
    }
    #games #header {
        background: url('../img/bg_header_3.jpg') no-repeat 0 0;    
    }
    #business #header {
        background: url('../img/bg_header_4.jpg') no-repeat 0 0;    
    }    
    #contact #header {
        background: url('../img/bg_header_5.jpg') no-repeat 0 0;    
    }        
#header a {
    position: absolute;    
    top: 110px;
    right: -2px;
}
#header a img {
    display: block;
}

/* header product
----------------------------------------------------------*/    
#header_product {
    position: relative;
    width: 880px;
    height: 239px;
    background: url('../img/bg_header.jpg') no-repeat 0 0;    
}
    #product #header_product {
        background: url('../img/bg_header_2.jpg') no-repeat 0 0;    
    }
    #games #header_product {
        background: url('../img/bg_header_3.jpg') no-repeat 0 0;    
    }
    #business #header_product {
        background: url('../img/bg_header_4.jpg') no-repeat 0 0;    
    }    
    #contact #header_product {
        background: url('../img/bg_header_5.jpg') no-repeat 0 0;    
    }        
#header_product a {
    position: absolute;    
    top: 0px;
    right: 0px;
}
#header_product a img {
    display: block;
}

/* content
----------------------------------------------------------*/    
#content {
    background: url('../img/bg_content.gif') no-repeat 0 0;    
}

/* content-left-container
----------------------------------------------------------*/   
#content-left-container {
    float: left;
    width: 287px;
    height:  600px;
    /*background: url('../img/bg_leftcontent.gif') no-repeat bottom left;*/
}         
#content-left-container h2 {
    background: url('../img/bg_h2.gif') no-repeat 0% 50%;
    margin: 0px 0px 5px 23px;
    padding: 0px 0px 0px 14px;
    font-size: 150%;
    color: #4B4C4B;    
}
#content-left-container .teaser {
    padding: 0px 22px 0px 22px;
    color: #414A56;
}
    #content-left-container .teaser ul {
        padding: 0px 0px 20px 40px;
    }
        #content-left-container .teaser ul li {
            list-style-type: disc;
        }
    #content-left-container .teaser p{
        margin: 0px 0px 15px 5px;
    }

    #content-left-container .teaser a.readmore {
            display: block;
            background: url('../img/bg_arrow.gif') no-repeat 0% 50%;
            padding: 0px 0px 0px 12px;
            line-height: 180%;            
    }   
    #content-left-container .teaser a:hover.readmore {        
            background: url('../img/bg_arrow_sel.gif') no-repeat 0% 50%;
    }

/* content-right-container
----------------------------------------------------------*/  
#content-right-container {
    float: right;
    width: 480px;
    margin-right: 67px;
    display: inline; /*IE double margin float bug fix*/
}
    #content-right-container blockquote {
        margin: 0px 0px 15px 0px;
        text-indent: 25px;
        background: url('../img/quote_top.gif') no-repeat 2px 0px;
	    text-align: left;  
        font-style: italic;     
    }
    #content-right-container blockquote p {
        /*display: inline;*/
	    padding: 0px 0px 0px 0px;
        background:  url('../img/quote_bottom.gif') no-repeat bottom right;  
        font-size: 170%;
        font-weight:normal;
        line-height: 140%;       
        color: #414A56;             
    }
    #content-right-container .item {
        color: #252525;
        border-top: 1px solid #D9DDDE;
        padding: 11px 0px 11px 0px;
        font-family: 'Arial', sans-serif;
    }
        #content-right-container .item ul {    
             margin: 5px 11px 5px 11px;
             font-family: 'Arial', sans-serif;
             font-size: 120%;   
             line-height: 160%;             
             color: #414A56;                      
             /*font-weight: bold;*/
        }
            #content-right-container .item ul li {  
                padding: 0px 0px 0px 11px;            
                background: url('../img/bg_arrow.gif') no-repeat 0 9px;
            }      
        #content-right-container .item .thumb {
       
        }    
            #content-right-container .item .left {
                float: left;
            }
            #content-right-container .item .right {
                float: right;
            }
        #content-right-container .item .text {
            padding-top: 3px;
            width: 357px;
        }           
        #content-right-container .item .text.center {
            width: 100%
        }             
        #content-right-container .item p {
            color: #414A56;
            font-size: 120%;
            line-height: 160%;
        }     
            #content-right-container .item p small {  
                padding-left: 20px;
                font-size: 80%;
            }
        #content-right-container .item img.screen {  
            padding: 20px 0px 10px 0px;        
        }              
        #content-right-container .item h1 {  
            padding: 2px 0px 5px 0px;        
            color: #414A56;
            font-size: 140%;
        }              
        #content-right-container .item a.readmore {
            display: block;
            background: url('../img/bg_arrow.gif') no-repeat 0% 50%;
            padding: 0px 0px 0px 12px;
            line-height: 180%;            
        }   
        #content-right-container .item a:hover.readmore {        
            background: url('../img/bg_arrow_sel.gif') no-repeat 0% 50%;
        }

        
/* language flags  */       
.language {
    position: absolute;
    top: 8px;
    right: 5px;
    z-index: 99;
	text-align: right;
}

.chat {
    position: absolute;
    top: 32px;
    right: 5px;
    z-index: 99;
	text-align: right;
}

/* FOOTER
----------------------------------------------------------*/
#footer {
	width:100%;
	clear: both;
	text-align:center;
	font-size:9px;
}
        
                   
/* Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
----------------------------------------------------------*/
/* put period after content and clear it to expand div */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;} /* ONLY seen by IE-win */
/* End hide from IE-mac */

.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac *//* lay out
---------------------------------------------- */

p.top {
	text-align:right;
}