/* bigstyles.css */

/* Block all default margins and padding */
* {
   margin:0;
   padding:0;
}

/* body layout */
body{
background:#005697;
font-family: Arial, Geneva, Tahoma, sans-serif;
text-align:center;
background-image: url(images/blueback3.gif);
background-repeat:repeat-x;
background-position:center;

}

/* Wrapper contains the layout */
#wrapper{
   width:60em;
   margin: 40px auto 0 auto;
   background-color:#fff;
   border-style:solid;
   border-width:3px;
   border-color:#BB2E10;
  }

/* Branding Division */
#branding{
   width:60em;
   height:10.81em;
   margin: 0px auto 0 auto;
   background-color:#ffffff;
   padding: 0em;
   border-top:0.1em solid #000000;
   border-right:0.1em solid #000000;
   border-bottom:0.1em solid #000000;
   border-left:0.1em solid #000000;
}

/* Navigation */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 10px 5.1em;
text-decoration: none;
border-right: 1px solid black;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}
/* End Navigation */

#rightcolumn{
   width:13.5em;
   float:right;
   margin-top:0em;
   background-color:#ffffff;
/* Center images and text inside this div */
   text-align:center;
   
}

/* Applies to images in the right column div */
#rightcolumn img{
  border-bottom:0.2em solid #555;
  border-right:0.2em solid #555; 
  border-top:0.1em solid #000; 
  border-left:0.1em solid #000;
}

/* Applies to paragraphs in the rightcolumn division */
#rightcolumn p{
  padding:0.1em;
  width:90%;
  font-size:.8em;
  margin:1em auto;
  text-align:center;
  color:#C00000;
  font-style:italic;

}

#centercolumn{
   width:4px;
   float:right;
   margin-top:0em;   
/* Center images and text inside this div */
   text-align:right;
   background-image: url(images/seperator3.jpg);
   background-repeat:repeat-y;
   }

#content{
   margin-left:.3em;
   margin-right:13.5em;
   padding:10px;
   background-color:#FFFFFF;
   color:#000;
   height:38em;
}

#content h1,#content h2{
   font-family: Arial, Apple Chancery, Brush Script MT, Monotype Corsiva, cursive;
   color:#000000;
   font-size:1em;
   text-align:left;
   margin-left:.3em;
   
}

#content h3{
   font-family: Arial, Apple Chancery, Brush Script MT, Monotype Corsiva, cursive;
   color:#c00000;
   font-size:2em;
   text-align:left;
   margin-left:0em;
   
}

#content h4{
   font-family: Arial, Apple Chancery, Brush Script MT, Monotype Corsiva, cursive;
   color:#c00000;
   font-size:1em;
   text-align:left;
    
}

#content p,#content ul,#content ol{
  text-align:left;
  font-size:0.9em;
  line-height:1.25em;
  padding:.3em;
}

#content ul,#content ol{
   padding: 5px 0px 5px 30px; 
}

#content2{
   margin-left:.3em;
   margin-right:13.5em;
   padding:10px;
   background-color:#ffffff;
   color:#000;
   height:26em;
   text-align:left;
}

#content2 h1,#content2 h2{
   font-family: Arial, Apple Chancery, Brush Script MT, Monotype Corsiva, cursive;
   color:#000000;
   font-size:1em;
   text-align:left;
   margin-left:.3em;
   
}

#content2 h3{
   font-family: Arial, Apple Chancery, Brush Script MT, Monotype Corsiva, cursive;
   color:#c00000;
   font-size:2em;
   text-align:left;
   margin-left:.2em;
   
}

#content2 h4{
   font-family: Arial, Apple Chancery, Brush Script MT, Monotype Corsiva, cursive;
   color:#800000;
   font-size:1em;
   text-align:left;
   margin-left:.5em;
   
}

#content2 p,#content2 ul,#content2 ol{
   text-align:left;
  font-size:0.9em;
  line-height:1.25em;
  padding:1em;
}

#content2 ul,#content2 ol{
   padding: 5px 0px 5px 30px; 
}

#content2 table {
  background-color:#c0c0c0;
  color:#800000;
  font-size:.9em;
}
   


/*Button Style*/ 
.button { 
	float:left;
        height: 2em;
	font:76%/150% "Arial, Lucida Grande", Geneva, Verdana, Helvetica, sans-serif; 
	width:15.76em; 
	text-align:center; 
	white-space:nowrap;
        outline-style: none;               
}
/*Button Arrow Styles*/ 
.arrows { 
	font-size:90%;
	margin:0.2em; 
} 
/*Button link styles*/ 
.button a:link, .button a:visited { 
	color: #fff; 
	background-color:#C00000; 
	font-size:1em; font-weight:bolder; 
	text-decoration: none; 
	border-bottom:0.1em solid #aaa;
        border-right:0.1em solid #555; 
	border-top:0.1em solid #ccc; 
	border-left:0.1em solid #ccc; 
	margin: 0em; 
	padding:0.1em; 
	display:block;         
}
.button a:hover { 
	background-color:#800000; 
	color:#fff; 
	border-top:0.1em solid #777; 
	border-left:0.1em solid #777; 
	border-bottom:0.1em solid #aaa; 
	border-right:0.1em solid #aaa; 
	padding:0.2em; 
	margin: 0em; 
}

/* Footer Layout */
#footer{
   width:60em;
   margin: 20px auto 0 auto;
   background-color:#ffffff;

  
}

#footer h1,#footer h2,#footer h3{
   font-family: "Apple Chancery" "Brush Script MT", "Monotype Corsiva", cursive;
color:#45322F;
}

#footer p,#footer ul,#footer ol{
   text-align:center;
  font-size:.9em;
  line-height:1.25em;
  font-color:#fff
}

/*Footer link styles*/ 
#footer a:link, #footer a:visited { 
	color: #000; 
	font-size:.9em; font-weight:bolder; 
	text-decoration: none; 
	text-align:center;         
}

#vertical_line {
	background-attachment: scroll;
	background-image: url(images/vertical_line2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/* The containing box for the gallery. */
#container {
    position:relative;
    width:700px;
    height:396px;
    margin:70px auto 0 5px;
    border:1px solid #aaa;
    background:#fff url(images/work/amera.jpg) 15px 39px no-repeat;
    }

/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(images/work/amera_sm.jpg);
    height:89px;
    width:129px;
    }
#container a.slideb {
    background:url(images/work/benedict_sm.gif);
    height:89px;
    width:129px;
    }
#container a.slidec {
    background:url(images/work/bigdogex_sm.jpg);
    height:89px;
    width:129px;
    }
#container a.slided {
    background:url(images/work/casteninc_sm.gif);
    height:89px;
    width:129px;
    }
* html #container a.slided {
    width:91px;
    w\idth:93px;
    }
#container a.slidee {
    background:url(images/work/debruce_sm.gif);
    height:89px;
    width:129px;
    }
#container a.slidef {
    background:url(images/work/dineanddazzle_sm.gif);
    height:89px;
    width:129px;
    }
* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/work/fatman_sm.gif);
    height:89px;
    width:129px;
    }
#container a.slideh {
    background:url(images/work/gardner_sm.gif);
    height:89px;
    width:129px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:129px;
    height:386px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:5px;
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:518px;
    height:372px;
    top:2.5em;
    left:1em;
    color:#000;
    background:#fff;
    }

#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }