/*

    pallette:
    nav background-color: #A29D95;
    nav hover background: #12110f;
    nev text color: #FFFFFF;
    nav active color: #45413b;
    body text color: #45413b;
*/

/* fonts */

@font-face {
  font-family: FuturaBT-Light;
  src: url('../webfonts/234302_0_0.eot');
  src: url('../webfonts/234302_0_0.eot?#iefix') format('embedded-opentype'),
  url('../webfonts/234302_0_0.woff') format('woff'),
  url('../webfonts/234302_0_0.ttf') format('truetype'),
  url('../webfonts/234302_0_0.svg#filename') format('svg');
}

@font-face 
{
    font-family: 'TrajanProBold';
    src: url('../webfonts/trajanpro-bold-webfont.eot?') format('eot'),
    url('../webfonts/trajanpro-bold-webfont.woff') format('woff'),
    url('../webfonts/trajanpro-bold-webfont.ttf') format('truetype'),
    url('../webfonts/trajanpro-bold-webfont.svg#webfontJUvGidWo') format('svg');
    font-weight: bold;
    font-style: bold;  		    
}

@font-face {
    font-family: 'square_things_2normal';
    src: url('../webfonts/squarethings2.eot');
    src: url('../webfonts/squarethings2.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/squarethings2.woff') format('woff'),
    url('../webfonts/squarethings2.ttf') format('truetype'),
    url('../webfonts/squarethings2.svg#square_things_2normal') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
  font-family: FuturaBT-Light;
  font-size:100%;
  line-height:1.125em;
  /*color: #45413b; */
}


h1 
{
    font-family: 'TrajanProBold';
    font-size: 1.8em;
    font-weight: bold;
    font-style: bold;  	         
    color: #45413B;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0px;  
    padding-left: 15px;
   
}
    
    
h2 
{
    font-family: 'TrajanProBold';
    font-size: 1.4em;
    font-weight: bold;
    font-style: bold;  	    
    color: #A29D95;
    margin-bottom: .5em;
    margin-top: 0;
    padding-top: 0;
    padding-left: 25px;
    float: left;
}            




h3, h4, h5 {
  font-family: 'TrajanProBold';
  color: #45413b;
  font-weight: normal;
  font-style: normal;  	         
}

p {
  font-size: 1.1em;  
  line-height: 1.4em;
  font-family: FuturaBT-Light;
  color: #45413B;  
}


input[type="submit"], .button { 
  font-weight: normal;
  font-family: 'TrajanProBold';
  background: #45413b; 
  border: 1px solid #333;
  color: white;
  padding: 10px 20px 11px;
}

.button:hover { 
  color: white; 
  background-color: #12110f; 
}


#logo {
  float: left;
}



body#index .nav-bar > li a#indexnav,
body#portfolio .nav-bar > li a#portfolionav,
body#services .nav-bar > li a#servicesnav,
body#contact .nav-bar > li a#contactnav,
body#blog .nav-bar > li a#blognav,
body#about .nav-bar > li a#aboutnav {
  background: #45413b;
  border: none;  
}


.nav-bar { 
  background: #fff; 
  margin-bottom: 0px;
  margin-top: 0px;
  float: right;
}


.nav-bar > li {
  float: left;
  background-color: #A29D95; 
  border: none;
}

.nav-bar > li > a {
  
}

.nav-bar > li.active { 
  background: #45413b;
  border: none;  
}

.nav-bar > li.active:hover { 
  background: #45413b; 
}

.nav-bar > li:hover { 
  background: #12110f; 
}

.nav-bar > li > a:first-child { 
  font-size: 1.2em;
}

.nav-bar > li:last-child {
  border-right: none;
}

.taupe-bkg {
  background-color: #A29D95;
}

.brown-bkg {
  background-color: #45413b;
}

.grey-bkg {
  background: #c9c9c9;
}

.blank-line {
  height: 30px;
}


.panel {
  background: #dfdddb;
  border: solid 1px #a29d95;
  min-height: 16em; 
  height:auto !important; 
  height: 16em; 
}


/*
  home
*/

#your-business-here {
  width: 756px;
  margin: 0 auto;
}

/* 
  custom-list 
*/

.custom-list {  }
.custom-list ul { 
  font-family: 'square_things_2normal'; 
  font-size: 1em; 
  color:#45413b; 
}

.custom-list ul li { 
  list-style-type: none;
}

.custom-list ul li:before {
	content: "\0041 \0020";
}

.custom-list ul li a { 
  font-style:normal; 
  font-family: FuturaBT-Light;
  font-size: 1.1em; 
  color:#45413b; 
}


/* 
  Portfolio page
  
*/

/* This rule is read by Galleria to define the gallery height: */
#galleria {
  /*height:520px; */
  height: 37.143em; 
}
   
.galleria-container {
  background: #dfdddb;
  border: solid 1px #a29d95;
}   



.galleria-counter {
  color: #000;
  font-family: FuturaBT-Light;
  font-size: 1em;
  font-weight: bold; 
  top: 10px;  
}

.galleria-info-title {
  font: normal 1em FuturaBT-Light;
  margin-bottom: 3px;
}  

.galleria-info-description {
  font: 1em/1.2 FuturaBT-Light;
}
   
.galleria-images {
  height: 400px;
}  

.galleria-info {
  position: relative;
  top: 68%;
  left: 0px; 
  width: 100%;
  color: #12110f;
  opacity: .7;
  filter: alpha(opacity=70);       
}
.galleria-thumbnails-container {
  height: 50px;
  height: 3.571em;
  top: 91%;
  position: relative;
  left: 10px;
  right: 10px;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  .galleria-info {
    top: 63%;
  }
  
}

.galleria-info-text {
  background-color: #12110f;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(images/classic-map.png);
}

#galleria-desc {
  margin-left: -150px;
}

/*
  Blog page

*/

#blog .column, .columns {
  font-size: 1.1em;  
  line-height: 1.4em;
  font-family: FuturaBT-Light;
  color: #45413B;  
}


label { 
  font-size: 1.1em;  
  font-family: FuturaBT-Light;
  color: #45413B;  
  display: inline;
}

span.required {
  color: #C60F13;
  font-weight: bold;
}


/*
  Contact page

*/


.error small, small.error { 
    display: block; 
    padding: 6px 4px; 
    margin-top: -13px; 
    margin-bottom: 12px; 
    background: #c60f13; 
    color: #fff; 
    font-size: 12px; 
    font-size: 1.2em; 
    font-weight: bold; 
    -moz-border-radius-bottomleft: 2px; 
    -webkit-border-bottom-left-radius: 2px; 
    border-bottom-left-radius: 2px; 
    -moz-border-radius-bottomright: 2px; 
    -webkit-border-bottom-right-radius: 2px; 
    border-bottom-right-radius: 2px; 
}

#contact-form .req
{
    color: #C60F13;
    font-weight: bold;
    padding-top: 8px;
}




#contact-form label.error           
{ 
    display: block; 
    padding: 6px 4px; 
    margin-top: -13px; 
    margin-bottom: 12px; 
    background: #c60f13; 
    color: #fff; 
    font-size: 12px; 
    font-size: 1.2rem; 
    font-weight: bold; 
    width: 27em;
    -moz-border-radius-bottomleft: 2px; 
    -webkit-border-bottom-left-radius: 2px; 
    border-bottom-left-radius: 2px; 
    -moz-border-radius-bottomright: 2px; 
    -webkit-border-bottom-right-radius: 2px; 
    border-bottom-right-radius: 2px;   
}


#contact-form img {    
  margin: 0;
}

#thank-you p
{
  text-align: center;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border: 1px solid #a29d95;
  width: 22em;
  font-family: FuturaBT-Light;
  font-size: 1em; 
}

textarea {
  height: 6em;
  overflow: auto; /* to remove scrollbar in ie */
}

#site-credit {
  text-align: center;
  margin-top: 1em;
}

a {
	color: #45413b;
}