﻿/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
    body{
        overflow-x:hidden; 
        overflow-y:auto;   
    }

	body,input,textarea,select
	{
		font-size: 20px;
		line-height: 28px;
	}

	header{
		margin: 0 0 1.5em 0;
	}
		
	header > p{
		margin: 0.5em 0 0 0;
		padding-bottom: 0.5em;
	}

	header.major{
		margin: 0 0 3em 0;
	}

	footer{
		margin: 2.25em 0 0 0;
	}
	
	/* Box */
	.box{
		padding: 2.75em 1.75em 2.75em 1.75em;
	}
		
	.box .image.featured{
		left: 1.75em;
		top: 1.75em;
		margin: -4.5em 0 4.25em -3.5em;
	}
			
	.box.post header{
		padding-top: 1em;
		margin: 0 0 2em 0;
	}
			
	.box.post h2{
		font-size: 2.5em;
		letter-spacing: -0.015em;
	}
				
	.box.post header > p{
		margin-top: 1.25em;
		font-size: 1.25em;
	}

	/* Button */
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button{
		font-size: 20px;
		padding: 0.15em 1.1em 0.15em 1.1em;
	}

	/* List */
	ul.actions li{
		display: inline-block;
		margin-left: 1em;
	}
			
	ul.actions li:first-child{
		margin-left: 0;
	}

	ul.links li{
		display: inline-block;
		border-left: solid 1px rgba(255,255,255,0.05);
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}
			
	ul.links li:first-child{
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
	}

    /*********************************************************************************/
    /* Wrappers                                                                      */
    /*********************************************************************************/

	#header-wrapper
	{
		width:100%;
		float:right;
        position:relative;	
	}


    /*********************************************************************************/
    /* Nav                                                                           */
    /*********************************************************************************/
    #header #nav ul{
		padding: 0;
		margin: 0;
        float:right;
	}

    #header #nav ul li.nevTop{
        position: relative;
        display: inline-block;
        list-style: none;
        margin:0px 10px;
	}

    #header #nav ul li.nevTop:first-child {
        margin:0px 0px 0px 10px;
    }

    #header #nav ul li.nevTop a{
        color: #1D1D1B;
        padding:30px 0px;
        display:block;
        border-bottom-style:solid;
        border-bottom-width:2px;
        border-bottom-color:transparent;
	}

    #header #nav ul li.nevTop .nevTop-title{
		position:relative;
        float:left;
        padding:20px 0px 29px 0px;
        line-height:34px;
	}

    #header .header-menu .header-menu-nav-first ul .nevTop .nevTop-title a{
        font-size: 24px;
        color: #E5C06E;
        font-weight:600;
        letter-spacing: 0.5px;
        margin:0px 14px;
	}

    #header .header-menu .header-menu-nav-first ul .nevTop:last-child .nevTop-title a{
        margin:0px 14px 0px 0px;
	}

	#nav ul li.nevTop:last-child .nevTop-title,
	#nav2 ul li.nevTop:last-child .nevTop-title{
        border-left: 0px;
	}

    /*active*/
    #header.active #nav ul li.nevTop a{
        color: #1D1D1B;
	}

    /*hover*/
    #header #nav ul li.nevTop:hover a{
		color: #9a2a00;    
        border-bottom-color:#9a2a00;
	}

	#nav ul li.nevTop.current a{
		color: #A4985B !important;
		font-weight: 300;
	}

    /*********************************************************************************/
    /* Banner                                                                        */
    /*********************************************************************************/

	#banner
	{
		position: relative;
		padding: 0em 0em;
		margin: 0em;
	}

    /*********************************************************************************/
    /* Copyright                                                                     */
    /*********************************************************************************/
		
	#copyright
	{
		margin: 1em 0 1em 0;
	}

    @media only screen and (max-width: 1580px) {

        #nav > ul > li > a {
            padding: 11px 15px 11px 35px;
            font-size: 22px;
            line-height: 32px;
            letter-spacing: 0px;
        }
        #nav > ul > li:last-child a {
            padding: 11px 15px 11px 0px;
        }

    }

    @media only screen and (max-width: 1480px) {

        #nav > ul > li > a {
            padding: 11px 14px 11px 29px;
            font-size: 21px;
            line-height: 31px;
            letter-spacing: 0px;
        }
        #nav > ul > li:last-child a {
            padding: 11px 14px 11px 0px;
        }

    }  
    
    @media only screen and (max-width: 1400px) {

        #nav > ul > li > a {
            padding: 11px 10px 11px 25px;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0px;
        }
        #nav > ul > li:last-child a {
            padding: 11px 10px 11px 0px;
        }
    }   
         
    
    @media only screen and (max-width: 1300px) {

        #nav > ul > li > a {
            padding: 11px 10px 11px 24px;
            font-size: 19px;
            line-height: 30px;
            letter-spacing: 0px;
        }
        #nav > ul > li:last-child a {
            padding: 11px 10px 11px 0px;
        }

    }     	
	
    @media only screen and (max-width: 1280px) {		
        
        .inner {
            width: 98%;
            margin: 0 1%;
        }

        #nav > ul > li > a {
            padding: 11px 7px 11px 20px;
            font-size: 19px;
            line-height: 30px;
            letter-spacing: 0px;
        }
        #nav > ul > li:last-child a {
            padding: 11px 7px 11px 0px;
        }
            	
        #hpProducts .item-images .item-images-image img {
            width: 80%;
        }

        #hpAboutMe .hpAboutMe-right .hpAboutMe-right-txt .hpAboutMe-inner h2 {
            font-size: 50px;
            line-height: 60px;
            letter-spacing: 0px;
        }

        #hpAboutMe .hpAboutMe-right .hpAboutMe-right-txt .hpAboutMe-inner .hpAboutMe-inner-desc * {
            font-size: 23px;
            line-height: 33px;
        }

        #hpRecommendations .hpRecommendations-silder {
            position: relative;
            width: 100%;
            text-align: right;
            margin-top: 50px;
            float: right;
        }
    }


