/* CSS Document */
/*background-attachment:fixed;*/

BODY{
background-image:url('../images/backdrop_copy1.gif');
background-position:top center;
background-repeat:no-repeat;
background-color:#660000;
font-family: Trebuchet MS, Helvetica, sans-serif;
}

h2{
font-size:16px;
margin:0px;
}

a:link {color: #333}   
a:visited {color: #333}
a:hover {color: #660000}  
a:active {color: #6666CC} 

#wrapper { 
width:768px;
margin : 0 auto;

} 

#header{
background-image:url('../images/header2_1.gif');
background-repeat:no-repeat;
width:768px;
background-color:#660000;
height:95px;
}

#mid_column{
width:732px;
height:227px;
padding:0;
border-right: 18px #000 solid;
border-left: 18px #000 solid;
}

#mid_column a{
font-family: Trebuchet MS, Helvetica, sans-serif;
color:#999;
text-align:center;
font-weight:bold;
font-size:24px;
text-decoration:none;
}

#mid_column a:hover{
font-family: Trebuchet MS, Helvetica, sans-serif;
color:#990000;
text-align:center;
font-weight:bold;
font-size:24px;
text-decoration:none;
}

.block_pic1 a{
background-image:url('../images/main_nav/about_1.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}
.block_pic2 a{
background-image:url('../images/main_nav/portfolio_1.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}
.block_pic3 a{
background-image:url('../images/main_nav/shop_1.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}
.block_pic4 a{
background-image:url('../images/main_nav/contact_1.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}

.block_pic1 a:hover{
background-image:url('../images/main_nav/about_2.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}
.block_pic2 a:hover{
background-image:url('../images/main_nav/portfolio_2.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}

.block_pic3 a:hover{
background-image:url('../images/main_nav/shop_2.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}
.block_pic4 a:hover{
background-image:url('../images/main_nav/contact_2.gif');
background-color:#000;
background-position:bottom center;
background-repeat:no-repeat;
width:183px;
height:227px;
float:left;
padding:0;
}

#breaker{
width:732px;
height:25px;
background-color:#000;
background-image:url('../images/top_content.gif');
background-repeat:no-repeat;
border-right: 18px #000 solid;
border-left: 18px #000 solid;
}

#main_content_area{
background-color:#FFFFFF;
width:732px;
padding-top: 15px;
border-right: 18px #000 solid;
border-left: 18px #000 solid;
}

#footer{
width:768px;
height:40px;
background-image:url('../images/footer.gif');
background-repeat:no-repeat;
background-color:inherit;
}

.footer_text{
font-size:12px;
font-family: Trebuchet MS, Helvetica, sans-serif;
color:#333;
padding:8px 18px;
}

.title{
color:#FFFFFF;
padding-top: 15px;
float:left;
width:250px;
height:50px;
font-weight: bold;
text-align: center;
font-size: 24px;
}

.navigation{
float:right;
padding-top:10px;
padding-right:10px;
color:#999;
}

.content_area{
width:714px;
float:left;
}
.sub_nav{
width:163px;
padding:10px;
color:#49555B;
border-right: 1px #660000 dotted;
font-size:14px;
}
.content_area2{
width:515px;
float:right;
padding-right:5px;
padding-left:5px;
font-size:12px;}

ul.menu{
margin:0px;
padding:5px;
list-style:none;
width:110px;}

img.screenshot{
width:60px;
height:50px;
float:right;}

#example_section{
border: 1px #666 dotted;
padding:10px;
margin: 10px 0;
}

#example_section img{
float:left;
padding:10px 10px 10px 0;
border:none;
}

#portfolio_grid{
background-color:#fff;
}


#portfolio_example{
width:100px;
height:150px;
margin: 0 8px;
padding:0 5px;
float:left;
}

#portfolio_example img {
border:7px solid #333;
}

#portfolio_example img:hover{
border:7px solid #660000;
}

#portfolio_example ul{
padding:0;
margin:0;
}

#portfolio_example li{
  white-space:nowrap;
  float:left;
  list-style:none;
  padding:0;
  height:14px;
  width:104px;
	
}

#portfolio_example li a{
  display:block;
  text-decoration:none;
  background:inherit;
  color: #333;
  float:left;
  padding:0;
}

#portfolio_example a:hover{
  background: inherit;
  text-decoration:none;
  color:#660000;
}
#spacer_80{
height:80px;
}
#spacer_180{
height:180px;
}
#spacer_280{
height:280px;
}

.logo_aoi{
border: 0px #000 solid;
}