@charset "utf-8";
/* CSS Document */
body{
background-color: #1c1b1a;
font-size:16px;
margin:auto;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
margin-top:0px;
}
html, body {height: 100.1%}
div {text-align:center;
color:#dfcb99;}
img {border:none;}

a, a:link, a:visited {
color:#003a63;
}

a:hover {
color: #ffffff;
}

p, li {
text-align:left;
color:#4b4b4b;
/*letter-spacing: .15em;*/
line-height: 140%;
margin-top:0px;
margin-left: 30px;
font-size:90%;
}
div.larger {
line-height: 140%;
}
ul {
color:#dfcb99;
text-align:left;

} 
h1, h2, h3, h4, h5 {
color:#f07512;
text-align:left;
margin-left: 30px;
}

h1 a, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4  a:visited, h5 a:link, h5 a:visited {
color: #dfcb99;}

#wrapper-home {
margin:0px auto;
text-align:center;
/*border: 1px solid black;*/
width: 990px;
background: #d6d6d7 url(images/home-back.jpg) center top no-repeat scroll;

}
#wrapper {
margin:0px auto;
text-align:center;
/*border: 1px solid black;*/
width: 990px;
background: #ffffff url(images/site-back.jpg) center top no-repeat scroll;
min-height: 711px;


}
#content-home {
margin: 0 auto;
background-color:transparent;
}
#home-height {
height: 460px;
width: 990px;
margin: 0 auto;}
#title {
color:#f07512;
text-align:right;
font-size: 200%;
margin-top: 10px;
}
#menu {
float:right;
text-align:right;
width:660px;
/*background: transparent url(images/menu-back.jpg) right top no-repeat scroll;*/
background-color: #4B4B4B;
border-radius: 6px;
height: 34px;
margin: 0px auto;

}
#menu a, #menu a:link, #menu a:visited {

color: #ffffff;
background-color:transparent;
text-align:right;
text-decoration:none;
line-height: 2em;
padding-left: 10px;
padding-right: 10px;
font-size:90%;
}
#menu a:hover {
color: black;
}
/*menu active page buttons*/
/*home*/ body.hm #menu #hm, body.hm #menu #hm a,
/*about*/body.ab #menu #ab, body.ab #menu #ab a,
/*references-top*/body.rf #menu #rf, body.rf #menu #rf a,
/*portfolio*/body.po #menu #po, body.po #menu #po a,
/*contact*/body.ctc #menu #ctc, body.ctc #menu #ctc a {
color: #f07512;
}
.obar {
 width: 990px;
 height:25px;
 }
.obar2 {
 width:960px;
 height:2px;
 text-align:right;
 }
#copy-home {
color:#003a63;
width: 990px;
margin: 0 auto;
font-weight: normal;
background-color:#d6d6d7;

}

#left-col {
width: 360px;
}
#copy {
color:#003a63;
width: 610px;
margin-left: 360px;
font-weight: normal;
background-color:transparent;

}
#menu-right {
width: 260px;
height: 134px;
float: right;
text-align:right;
background: transparent url(images/right-menu-back.jpg) right top no-repeat scroll;
margin-top:5px;

}
#menu-right a, #menu-right a:link, #menu-right a:visited {
display:block;
font-size: 200%;
margin-left: 40px;
text-decoration:none;
padding-top: 15px;
text-align:left;

}
#gray-link {
color:#4b4b4b; }


#orange-link {
color:#f07512;
}
#menu-right a:hover {
color:white;}


td {
font-size: 90%;
}

#footer {

font-size: 75%;
color: #676302;
width:1100px;
margin:0px auto;
text-align:center;

height: 189px;
background: transparent url(images/footer-back.jpg) center bottom no-repeat scroll;
}
#footer p {
color: #ffffff;font-weight: bold;}
#footer a, #footer a:link, #footer a:visited {
color: #811700;
text-decoration:none;}
#bottom-menu {
 font-size:80%;text-align:center;
 }
#bottom-menu a {
 color: #fff;
}
#giraffe {
color: #811700;
font-size: 70%;
margin:auto;
text-align:center;
}
#giraffe a, #giraffe a:link, #giraffe a:visited {
color: #811700;
text-decoration:none;
}



.float-left {
float:left;}

.float-right {
float:right;}

.left{
text-align:left;
}
.center {
text-align:center;}
.right {
text-align:right;
}
.fright {
 float:right;
 width:300px;
 }
.nobot-margin {
margin-bottom: 0px;
}
.notop-margin {
margin-top:0px;}


#sample_menu {display: none;}

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 801px) {


}

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



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




}

@media only screen and (max-width: 600px) {
#wrapper-home, #wrapper {
  width: 100%;
  background: url(images/his-bannerz-logo.jpg) left top no-repeat scroll;
}
#menu {
  float:none;
  text-align:center;
  width:100%;
  height: auto;
 }
#menu a, #menu a:link, #menu a:visited {
  text-align:center;
 }
#home-height {
  height: auto;
  width: 100%;
 }
 .obar {
 width: 100%;
 height:10px;
 }
 #copy-home {
   width: 100%;
   }
.obar2 {
 width:100%;
  text-align:center;
 }
 #copy {
  width: 100%;
  margin: auto;
  background-color: #D6D6D7;
  color:#333;

}
#menu-right {
 width: 100%;
 float: none;
 text-align:center;
 background: transparent url(images/right-menu-back.jpg) center top no-repeat scroll;
 }
 #menu-right a, #menu-right a:link, #menu-right a:visited {
   margin: auto;
   text-align:center;

}
#left-col {
 width: 100%;
}
.fright {
  float:none;
  }
}

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

#wrapper-home,#wrapper {
  width: 100%;
  background: url(images/his-bannerz-logo.jpg) left top no-repeat scroll;
}
#menu {
float:none;
text-align:center;
width:100%;
height: auto;

}
#menu a, #menu a:link, #menu a:visited {
  text-align:center;
 }
#home-height {
  height: auto;
  width: 100%;
 }
.obar {
 width: 100%;
 height:10px;
 }
#copy-home {
   width: 100%;
   }
.obar2 {
 width:100%;
  text-align:center;
 }
#copy {
  width: 100%;
  margin: auto;
background-color: #D6D6D7;
  color:#333;
}
#menu-right {
 width: 100%;
 float: none;
 text-align:center;
 background: transparent url(images/right-menu-back.jpg) center top no-repeat scroll;
}
#menu-right a, #menu-right a:link, #menu-right a:visited {
   margin: auto;
   text-align:center;

}
#left-col {
 width: 100%;
}
.fright {
  float:none;
  }
}