@charset "utf-8";
/* CSS Document */

#head-full-width{				position:relative;	
								width:100%;
								min-height:45px;
								background:url(../images/bground-header-500px.png) repeat-x;
								margin: 0 auto;
								padding:0;
								}
								
#head-930{						position:inherit;
								top:0;
								width:100%;
								max-width:930px;
								max-height:120px;
								margin: 0 auto;
								}
								
#head-930-left{					position:relative;
								float:left;
								width:35%;
								height:auto;
								max-width:121px;
								}
#head-930-left img{				position:inherit;
								width:100%;
								max-width:121px;
								height:auto;
								}
#head-930-centre{				position:relative;
								float:left;
								width:50%;
								height:auto;
								padding-left:10%;
								}
#head-930-centre img{			position:inherit;
								width:100%;
								max-width:450px;
								height:auto;
								}

#head-930-right{				float:right;
								position:relative;
								bottom:0;
								}
#head-930-right-inner{			float:right;
								width:200px;
								
								}
#head-930-right-inner-01{		float:left;
								width:75px;
								color:#000;
								font-size:0.8em;
								padding-left:5px;
								background:#FFF;
								}
#head-930-right-inner-02{		float:left;
								width:120px;
								color:#900;
								font-size:1em;
								text-align:right;
								background:#FFF;
								}
#head-930-right-inner-twitter{	float:right;
								text-align:right;
								width:auto;
								color:#000;
								font-size:0.8em;
								line-height:21px;
								padding:20px 0px 5px 5px;
								
								}
#head-930-right-inner-twitter img{margin-bottom: -7px;
								padding-right:3px;
								}	
								
/* NOT IN USE								
#nav-container{					width:100%;
								margin-left:auto;
								margin-right:auto;
								max-width:930px;
								padding:0;
								margin-bottom:5px;
								border-top:thin solid #CCCCCC;
								border-bottom:thin solid #CCCCCC;
								}
#nav-container ul{				width:100%;
								max-width:930px;
								}
#nav-container ul{				list-style:none;
								padding:0;
								margin:0;
								}			
#nav-container li a{			height:30px;
								background:url(../images/nav-divider.png) right no-repeat;
								float:left;
								padding: 0px 15px 0px 15px;
								text-decoration:none;
								font-size:1em;
								line-height:30px;
								color:#666666;
								}
							
#nav-container li a:hover{ 		color:#F00;
*/

    nav {  
        height: 40px;  
        width: 100%;  
        background: #666;  
        font-size: 11pt;  
        font-family: 'PT Sans', Arial, sans-serif;
        position: relative; 
    }
#nav-container{ background:#666;}/* This is for IE 8 */		
	  
    nav ul {  
        padding: 0;  
        margin: 0 auto;  
        width: 930px;  
        height: 40px;  
    }  
	    nav li {  
        display: inline;  
        float: left;  
    }  
	.clearfix:before,  
    .clearfix:after {  
        content: " ";  
        display: table;  
    }  
    .clearfix:after {  
        clear: both;  
    }  
    .clearfix {  
        *zoom: 1;  
    }  
	nav a {  
    color: #FFF;  
    display: inline-block;  
    width: 100px;  
    text-align: center;  
    text-decoration: none;  
    line-height: 40px;
	} 
	nav li a {  
    border-right: 1px solid #333;  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	}  
	nav li:last-child a {  
    border-right: 0;  
	} 
	nav a:hover, nav a:active {  
    background-color: #999;  
    }  
	nav a#pull {  
    display: none;  
	}  

    @media only screen and (max-width : 600px) {  
        nav {  
			height: auto;
            border-bottom: 0;
        }  
        nav ul {  
			width: 100%; 
            display: none;  
            height: auto;  
        }  
        nav li {  
            width: 100%;  
            float: left;  
            position: relative;  
        }  
        nav li a {  
            border-bottom: 1px solid #333;  
            border-right: 1px solid #333;  
        }  
        nav a {  
            text-align: left;  
            width: 100%;  
            text-indent: 25px;  
        } 
		
        nav a#pull {  
            display: block;  
            background-color: #333;  
            width: 100%;  
            position: relative;  
        }  
        nav a#pull:after {  
            content:"";  
            background: url('../images/nav-icon.png') no-repeat;  
            width: 30px;  
            height: 30px;  
            display: inline-block;  
            position: absolute;  
            right: 15px;  
            top: 10px;  
        }  
    }  
	
    @media only screen and (max-width : 320px) {  
        nav li {  
            display: block;  
            float: none;  
            width: 100%;  
        }  
        nav li a {  
            border-bottom: 1px solid #9F9F9F;  
        }  
    }