/* Sauers Design and Technology | 2010 */ 
	
	
	/* layout */
    
    html, body 
        {
        margin: 0; padding: 0;
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        background: url(images/body_bg.png) repeat-x;
        background-color:#eeeeee;	
        }
    
    *{outline: none;}
    
    img {border: 0;}
    
    img {border:none;}
    
    .container 
        {
        width: 960px;
        padding: 0;
        margin: 0 auto;
        }
		
		a {
			color:#78A413;
		}
    
    #content
        {
        width: 960px;
        margin:auto;
        border-left:#c7c6c6 1px solid;
        border-right:#c7c6c6 1px solid;
		border-bottom:#c7c6c6 1px solid;
        background-color:#fff;
		clear:both;
        }
        
    #footer 
        {
		padding:0px 10px;
        clear: both;
        position: relative;
        bottom:0;
        width:940px;
        margin-left:auto;
        margin-right:auto;
        
        color: #666;
        }
    
    #footer a
        {
        color: #666;
        text-decoration: none;
        font-weight:bold;
        border: 0;
        }
        
    #hpcolumns
        {
        background-repeat:no-repeat;
        width:270px;
        margin:15px 0px 25px 20px;
		padding:10px;
        border:#c7c6c6 1px solid;
        float:left;
        }
        
    /* end layout */
    
    /* header */
    
    #header 
        {
        background: url(images/header.png) no-repeat;
        width: 970px; height: 179px;
        float: left;
        }
    
    .header_logo 
        {
        margin-top:30px;
        }
    
    ul#topnav 
        {
        margin: 0; padding: 0;
        float:left;
        width: 100%;
        list-style: none;
        font-size: 1.1em;
        }
        
    ul#topnav li 
        {
        float: left;
        margin: 0; padding: 0;
        position: relative;
        }
        
    ul#topnav li a 
        {
        float: left; 
        text-indent: -9999px;
        height: 44px;
        }
        
    ul#topnav li:hover a, ul#topnav li a:hover 
        {
        background-position: left bottom; 
        }
        
    ul#topnav a.home
        {
        background: url(images/nav_home.png) no-repeat;
        width: 78px; 
        }
        
    ul#topnav a.connect 
        {
        background: url(images/nav_connect.png) no-repeat;
        width: 110px; 
        }
        
    ul#topnav a.about
        {
        background: url(images/nav_about.png) no-repeat;
        width: 124px; 
        }
    
    ul#topnav li .sub 
        {
        position: absolute;	
        top: 44px; left: 0;
        background: #484848 url(images/sub_bg.png) repeat-x;
        padding: 20px 20px 20px;
        float: left;
        /*--Bottom right rounded corner--*/
        -moz-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        /*--Bottom left rounded corner--*/
        -moz-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        display: none;
        }
        
    ul#topnav li .row 
        {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        }
        
    ul#topnav li .sub ul
        {
        list-style: none;
        margin: 0; padding: 0;
        width: 150px;
        float: left;
        }
        
    ul#topnav .sub ul li 
        {
        width: 100%;
        color: #fff;
        }
        
    ul#topnav .sub ul li h2 
        {
        padding: 0;  margin: 0;
        font-size: 1.3em;
        font-weight: normal;
        }
        
    ul#topnav .sub ul li h2 a 
        {
        padding: 5px 0;
        background-image: none;
        color: #afe801;
        }
        
    ul#topnav .sub ul li a 
        {
        float: none; 
        text-indent: 0; /*--Reset text indent--*/
        height: auto;
        background: url(images/navlist_arrow.png) no-repeat 5px 12px;
        padding: 7px 5px 7px 15px;
        display: block;
        text-decoration: none;
        color: #fff;
        }
        
    ul#topnav .sub ul li a:hover 
        {
        color: #ddd; 
        background-position: 5px 12px ;
        }
        
    /* end header */
    
    /* slider */
    
        #slider ul, #slider li
            {
            margin:0;
            padding:0;
            list-style:none;
            }
            
        #slider li
            { 
            width:960px;
            height:225px;
            
            }
		#slider 
		{
		border-bottom:1px solid #c7c6c6;
		width:960px;
        height:225px;
        overflow:hidden;		
		}				
    
    /* end slider */
	
	/* shadow */
	
	#hp_shadow
	{
	height:15px; 
	background-repeat:repeat-x;
	background-image:url(images/hp_shadow.png);
	
	}
	
	/* shadow end */
	
	/* start type */
	h1 {
	margin:0;
	padding:0px;
	font-size:18px;
	}
	/* end type */