/* duncan reyes color pallete

dark brown: 534321
light brown: 857456
yellow/green: CBCB1F
beige: e3e383

*/ 

body 
{
    background-color:#CBCB1F;
    background-image:url(images/backgroundPic.jpg);
    background-position:50% 50%;
    background-repeat:no-repeat;
    font-family:Arial; 
    margin: 0 auto;
    height:100%;
    
}
html 
{
    height: 100%;
}
a 
{
    text-decoration:none;    
    font-weight:bold;
    color:#CBCB1F;
}
a:hover
{
    text-decoration:underline;
}
#pageWrapper 
{
    position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
#mainBoxWrapper
{
    top: -205px;
	left: 50%;
    width: 581px;
    height: 452px;
    position: absolute;
	margin-left: -281px;
     
}
#mainBox 
{
    background-color: black;
    margin: 0;
    height: 410px;
    width: 563px;
}
#picWrapper
{
    float:left;
    text-align:left;
    height: 380px;
    margin: -10px 0 0 5px;
}
#footer
{ 
    background-color:Black;
    width: 551px;
    margin: -10px 0 0 5px;
    height: 34px;
    float:left;
}
/*-------------------------------------------------------------------------- nav column ------ */

#footer ul
{
    margin: 8px 0 0 0;
    padding:0 12px;
    list-style:none;
    text-align:left;
    
}
#footer ul li
{
    display:inline;
    margin:0;
    padding:0;
}
#footer ul a
{
    color:#857456;
    font-size:14px;
    padding: 0 18px;
    margin:0;
}
#footer ul a.active
{
    color:#CBCB1F;
}
#footer ul a:hover 
{
    color:#CBCB1F;
    text-decoration:none;
}


    
/*-------------------------------------------------------------------------- img column ------ */



/*-------------------------------------------------------------------------- footer ------ */


.footerText 
{
    color: #e3e383;
    float:right;
    font-size:16px;
    font-weight:bold;
    text-align:right;
    margin:8px 15px 0 0;
}



/* --------------------------------------------------------------------------------- drop shadows ----- */
.img-shadow {
  float:left;
  background: url(images/imgShadow.png) no-repeat bottom right !important;
  background: url(images/imgShadow.jpg) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid red;
  margin: -6px 6px 6px -6px;
  padding: 0px;
}