/* +------------------------------------------------------------+ */
/* | General XHTML Elements                                     | */
/* +------------------------------------------------------------+ */

body {
     color: #000;
     background-color: #000;
     argin: 0;
     padding: 0; 
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.15rem;

}

     font-weight: normal;
     text-align: left;
     margin: 18px;
     padding: 0px;
     }

p {
    text-indent: 50px;
}

/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
     color: #570000;
     }

/* selected link */
a:active {
    color: #0000FF;
}
a img {
      border: none;
}


 
.nav ul {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
}
.nav li {
    display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: .9em;
text-decoration: none;
  padding: 2px 12px 2px 12px;
  line-height: 17x;
  height: 17x;
  border-right: 1px solid #000;

}
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
  background-color: #cbbc81;
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}

#skin_top {
     margin: auto;
     width: 100%;
     height: 215px;
     background-color: #000;
     background-image: url('images/header.jpg');
     background-position: top right;
     padding: 5px 0px 5px 0px;
     -webkit-border-radius: 20px 20px 8px 8px;
     -moz-border-radius: 20px 20px 8px 8px;
     border-radius: 20px 20px 8px 8px;border:1px solid #382C0C;
     z-index: 10;
     }


#contact {
     margin: auto;
     height: auto;
     background-image: url('images/phonebg.png');
     background-position: top right;
     padding: 1px 1px 1px 1px;
     -webkit-border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     border-radius: 20px 20px 20px 20px;border:2px solid #000;
     z-index: 10;
     position: relative;
     top: 18px;
     right: 150px;
     float: right;
     width: 290px;
     color: #000;
     font-size: 1.4rem;

}



#skin_body {
     margin: auto;
     position; absolute;
     width: 100%;
     background-color: #000;
     background-image: url('images/skin-body.jpg');
     padding: 5px 0px 5px 0px;
     -webkit-border-radius: 8px 8px 8px 8px;
     -moz-border-radius: 8px 8px 8px 8px;
     border-radius: 8px 8px 8px 8px;border:1px solid #382C0C;
     -moz-box-shadow: 0px 2px 2px #555555;
     -webkit-box-shadow: 0px 2px 2px #555555;
     box-shadow: 0px 2px 2px #555555;
     z-index: 10;
     }

#skin_top_wrapper {
     margin: 6px auto 0px auto;
     display: block;
     width: 1000px;
     clear: both;
     }
#navbar {
     margin: 1px auto;
     padding-left: 2em;
     display: block;
     width: 1000px;
     height: 26px;
     background-image: url('images/navbar.png');
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;border-radius: 8px;
     clear: both;
     }
#skin_wrapper_content {
     margin: 10px auto 10px auto;
     padding: 10px;
     background-color: #fbfaf8;
     display: block;
     width: 950px;
     clear: both;
         opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;border-radius: 8px; border:1px solid #000;
     }
#title {
     margin:auto;
     width: 255px;
     position: relative; left: -410px; top: -100px;
     }

#skin_top_menu {
     color: #FFFFFF;
     float: left;
     width: 435px;
     }

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
}
/* +------------------------------------------------------------+ */
/* | Top Menu                                                   | */
/* +------------------------------------------------------------+ */

#skin_top_menu ul {
     padding: 0px;
     margin: 0px;
     list-style: none;
     }

#skin_top_menu li {
     padding: 0px;
     margin: 0px;
     list-style: none;
     display: inline;
     }

#skin_top_menu ul li a {
     color: #FFFFFF;
     font-weight: normal;
     text-decoration: none;
     margin: 0px 5px 0px 0px;
     padding: 0px 5px 0px 0px;
     font-size: 11px;
     border-right: 1px solid #FFFFFF;
     }

#skin_top_menu ul li:last-child a {
     border-right: none;
     }

#skin_top_menu ul li a:hover {
     color: #FFFFFF;
     text-decoration: underline;
     }
.wrapper { 
  border : 2px dotted #ccc; padding: 2px; 
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
 
body { margin: 0; }
 
.columnsContainer { position: relative; margin: 1em; }
 
.leftColumn {  border: 1px solid  #ccc; padding: .5em; margin-bottom: .5em; }
 
.rightColumn { border: 1px solid  #ccc; padding: 1em; margin: auto;}

.normal { border: 1px solid  #ccc; padding: 1em; margin-bottom: .5em; }

@media screen and (min-width: 45.5em ) {
  .leftColumn { margin-right: 19.5em; width: 25.57em; }
 
  .rightColumn { position: absolute; top: 0; right: 0; width: 22.23em; }
}

/* +------------------------------------------------------------+ */
/* | Skin Layout Divs: Footer                                   | */
/* +------------------------------------------------------------+ */

#skin_footer {
     margin: 1px auto 15px auto;
     display: block;
     clear: both;
     background-color: #F6F6F6;
     font-size: .8em;
     text-align: center;
     padding: 10px;
     padding: 10px 0px 10px 0px;
     z-index: 10;
     background-image: url('images/skin-body.jpg');
     background-size: cover;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;border-radius: 8px;border:1px solid #000;
     }

#skin_footer_wrapper {
     margin: 0px auto 0px auto;
     display: block;
     width: 900px;
     clear: both;
     }

#skin_footer_widgets {
     float: left;
     width: 675px;
     }

#skin_footer_copyright {
     float: right;
     width: 195px;
     font-size: 1em;
     text-align: right;
     }



/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */
@media screen and (max-width: 720px) {
    #skin_top_wrapper {
        width: 100% !important;
        min-width: 100px !important;
    }

    #skin_wrapper_content {
        width: 90% !important;
        min-width: 300px !important;
        margin: auto;
    }
#navbar {
     width: 100%;
     height: 26px;
     background-image: url('images/navbar.png');
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;border-radius: 8px;
     clear: both;
     }

  body { font-size: 1.1rem; }
    #skin_top {
        background-position: left bottom;
     height: 125px;
     background-color: #000000;
     background-image: url('images/header.jpg');
     padding: 5px 0px 5px 0px;
     -webkit-border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     border-radius: 20px 20px 20px 20px;border:1px solid #382C0C;
     background-color:#E3D8B6;"
    }
    #skin_top div.frame {
             background-image: url('images/header-small.jpg');
    }

#contact {
     display: none;
     font-size: .8rem;
     padding: 2px 2px 2px 2px;
     width: 40%;
     -webkit-border-radius: 8px 8px 8px 8px;
     -moz-border-radius: 8px 8px 8px 8px;
     border-radius: 8px 8px 8px 8px;border:1px solid #382C0C;

}

#navbar {
     padding-left: .2em;
     margin-left:2px;
     padding-right: .2em;

 
     }

}

  .horizontal-nav {
    background: #efefef;
    border-radius: 6px;
  }
  .horizontal-nav ul {
    float: left;
  list-style: none;
     background-image: url('images/navbar.png');
    border-radius: 6px;
  text-align: auto;
  padding: 0;
  margin: auto;
  }
  .horizontal-nav ul li {
    float: left;
    display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: .9em;
text-decoration: none;
  padding: 2px 12px 2px 12px;
  line-height: 17x;
  height: 17x;
  border-left: 1px solid #000;
  }
  .horizontal-nav ul li:first-child {
    border-left: 0 none;
  }
  .horizontal-nav ul li a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
  }
  .horizontal-nav ul li:first-child a {
    border-left: 0 none;
  }
  .horizontal-nav ul li a:hover {
  background-color: #cbbc81;
  }
  .horizontal-nav ul li:first-child a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .horizontal-nav ul li:last-child a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;;
}

ul .btn {
    display: none;
    cursor: pointer;
}

ul li {
    float: left;
}

ul li a {
    display: block;
    padding: 0px 0 2px 2px;
    text-decoration: none;

}

ul li a:hover {
    color: #fff;
}

@media (max-width: 40em) {
    ul li {
        float: none;

    }
    ul .btn {
        display: block;
    }
    ul .menu li a {
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-size: 1.1rem;
    }
    ul .menu {
        display: none;
    }
    ul li:hover .menu {
        display: block;
        color: #fff;
        background-color: #3a342b;
        background-image: url('images/navbar.png');
        border-radius: 6px;
        position: relative;
        z-index: 1;
        height: auto;
    }
}