@charset "UTF-8";
/* CSS Document */
 
body{
	font-family:Arial, Helvetica, sans-serif;
    color:white;
    background-color: black;
    background-image: url('bg_gradient.png');
    background-repeat: repeat-x;
}

a
{
    color: #E1B278;
}

hr
{
    border-color:229888;
    border-width:1px;
    /*margin:35px;*/
}

div#header-contain{
	display:block;
	padding-bottom:10px;
}

	div.head-links{
        color:#229888;
		text-align:center;
		line-height:50px;
		vertical-align:middle;
        
		}
		
		div.head-links a{
			padding:0px;
			margin:0px 10px;
            text-decoration: none;
		}
		
		div.head-links h2{
			padding:0px 0px;
			margin:0px 0px;
		}
		
div#content-contain{
}

	div#col-1{
		background:#264966;
		height:500px;
        width: 220px;
	}
	
	div#col-2{
        background-image:url('main.png');

		height:500px;
	}
	
div#footer-contain{
	padding-bottom:50px !important;
}

	div#footer-contain div{
		background:#264966;
		height:200px;
	}
 

 
/* Tablet - Portait View - 768px wide */

    @media only screen and (max-width: 959px) and (min-width: 768px) {

	div.head-links{
		text-align:center;
		line-height:30px;
		vertical-align:middle;
		}
		
		div.head-links a{
			padding:10px;
			margin:0px 10px;
		}
		
		div.head-links h2{
			padding:0px 0px;
			margin:0px 0px;
		}
	
        div#col-1{
            width: 130px;
            height:400px;
	    }

        div#col-2{
            background-image:url('main_560.png');
            height:400px;
            width:560px;
	    }

        h3
        {
            font-size: medium;
        }
        h1
        {
            font-size: large;
        }
	}
 
 
 
/* Mobile - Landscape View - 420px wide */

    @media only screen and (max-width: 767px) and (min-width: 480px) {	
		
	/* Use this section for the iPhone - Lanscape styles */
    
        div.head-links
        {
            line-height:10px;
        }

        div#col-2
        {
            /*padding-bottom: 0px;*/
            margin-bottom: 10px;
            height:300px;
        }

        div#col-1{            
		    height:auto;
	    }

	    div#col-2{
            background-image:url('main_420.png');
            height:300px;
	    }
        
        div#footer-contain
        {
            padding-top: 10px;
            text-align: center;
        }

        div.column
        {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        div.column#footer-contain
        {
            padding-top: 10px;
            padding-bottom: 10px;
        }
	}
 
 
 
/* Mobile - Portrait View - 300px wide */

    @media only screen and (max-width: 479px){

        div.head-links
        {
            line-height:8px;
        }

        div#col-2
        {
            margin-bottom: 10px;
        }

        div#footer-contain
        {
            padding-top: 10px;
            text-align: center;
        }

        div.column
        {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        div#col-1{
		    height:auto;
	    }

	/* Use this section for the iPhone - Portrait styles */
		    div#col-2{
            background-image:url('main_300.png');
            height:214px;
	    }
	}