/*-------------------------layout stuff-------------------------*/

*{
margin: 0;
padding: 0;
}

*{
font-family: "trebuchet ms";
}

a img{
border: 0;
margin: 0;
}

a{
outline: none;
}


body{
background-image: url("images/dotted_bg3.jpg");
background-color: #012e6f;
}

#header{
height: 190px;
width: 800px;
background-image: url("images/ballpark_header.jpg");
background-repeat: no-repeat;
}

#page_wrapper{
margin: 30px auto 0 auto;
width: 800px;

background-color: white;
border: 1px solid #012e6f;
}

/*-------------------------navbar stuff-------------------------*/

#navbar{
width: 480px;
float: right;
}

#navbar li{
float: right;
list-style-type: none;
width: 96px;
}

#navbar li a{
display: block;
text-align: left;

text-decoration: none;
color: white;
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 11px;
letter-spacing: 1px;
font-weight: bold;
padding-top: 8px;
padding-right: 12px;
text-align: center;
}

#navbar li a:hover{
color: #012e6f;
}


#navbar li a.on{
color: #012e6f;
}
/*-------------------------end navbar stuff-------------------------*/



/*-------------------------index java stuff-------------------------*/


#big_container{
width: 720px;
padding-left: 40px;
margin-right: 40px;
}


.left_main_container{
width: 275px;
float: left;
}



.left_main_container h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 19px;
letter-spacing: 1px;
color: #b11116;
padding-bottom: 20px;
padding-top: 4px;
}


.left_main_container h2{
font-family: times arial verdana sans-serif;
font-size: 17px;
font-weight: lighter;
line-height: 25px;
color: #999999;
text-align: left;
padding-bottom: 20px;
font-weight: lighter;
}




.left_main_container p{
font-family: "times" arial verdana sans-serif;
font-size: 14px;
color: #666666;
line-height: 28px;
padding-bottom: 40px;

}


.right_main_container{
width: 415px;
float: right;
padding-top: 30px;
}

.view_all_container{

height: 30px;
padding-bottom: 30px;
padding-left: 120px;
}

.view_all_container li{
list-style-type: none;
text-decoration: none;
}

.javascript_container{
width: 415px;
}


/*-------------------------end index java stuff-------------------------*/

/*-------------------------all images page stuff-------------------------*/
#main_container{
width: 720px;
background-color: #ffffff;
padding: 40px;
}

.photo_container{
width: 720px;
height: 415px;
margin-bottom: 40px;
}

.photo_caption{
width: 275px;
height: 455
margin: 40px 0 0 0;
float: left;
}

.framing_caption{
width: 275px;
height: 455
margin: 40px 0 0 0;
float: left;
}

.photo_caption li {
list-style-type: none;
padding-top: 30px;
}

.photo_caption h5 {
list-style-type: none;
text-decoration: none;
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 11px;
line-height: 17px;
padding-top: 30px;
}

.photo_caption h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
padding-top: 14px;
font-size: 19px;
color: #b11116;
border-top: 1px solid #999999;
padding-bottom: 10px;
}

.photo_caption h2{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 15px;
padding-top: 20px;
}

.photo_caption h3{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 16px;
padding-top: 1px;
padding-bottom: 7px;
}


.photo_caption p{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 12px;
line-height: 22px;
text-decoration: none;
list-style-type: none;
}


.photo_caption h4{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 9px;
}

.framing_caption h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
padding-top: 12px;
font-size: 20px;
color: #b11116;
border-top: 1px solid #999999;
}

.framing_caption h2{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: lighter;
padding-top: 10px;
}


/*-------------------------end all images page stuff-------------------------*/


/*-------------------------start thumbnail stuff-------------------------*/


#list_main_container{
width: 760px;
height: 2800px;
background-color: #ffffff;
margin-left: 20px;
}


#list_main_container h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 19px;
letter-spacing: 2px;
color: #b11116;
padding-bottom: 20px;
}

#left_copy_container h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 19px;
letter-spacing: 2px;
color: #b11116;
padding-bottom: 20px;
}


#left_copy_container p{
font-family: times Trebuchet MS arial verdana sans-serif;
font-size: 14px;
color: #666666;
line-height: 22px;
padding-bottom: 40px;

}

.list_container{
width: 760px;
height: 200px;
float: left;
border-top: 1px solid #999999;
padding-top: 20px;
}

.thumb_box h2{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 12px;
line-height: 13px;
color: #b11116;
padding-top: 5px;
}

.thumb_box li {
list-style-type: none;
padding-top: 5px;
}

.thumb_box{
width: 150px;
height: 140px;
float: left;
}


#list_footer{
height: 30px;
width: 800px;
background-image: url("images/footer2.jpg");
background-repeat: no-repeat;
}

.white {
color: white;
text-decoration: none;
}


#list_footer h1{
font-family: "trebuchet ms" arial verdana sans-serif;
font-size: 11px;
color: white;
padding-top: 7px;
padding-left: 30px;
}

/*-------------------------end thumbnail stuff-------------------------*/


/*-------------------------start FRAMING PAGES stuff-------------------------*/

#framing_big_container{
width: 720px;
padding-left: 40px;
margin-right: 40px;
}


.right_main_container{
width: 415px;
float: right;
padding-top: 30px;
}


.framing_left_main_container h2{
font-family: times arial verdana sans-serif;
font-size: 17px;
font-weight: lighter;
line-height: 25px;
color: #999999;
text-align: left;
padding-bottom: 20px;
}


.framing_left_main_container{
width: 275px;
float: left;
}

.framing_left_main_container h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 19px;
letter-spacing: 1px;
color: #b11116;
padding-bottom: 20px;
}


/*-------------------------end FRAMING pages stuff-------------------------*/


/*-------------------------start DETAIL PAGES stuff-------------------------*/


#details_container{
width: 740px;
height: 1480px;
background-color: #ffffff;
margin-left: 30px;
margin-right: 30px; 
}



#details_container h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 19px;
letter-spacing: 2px;
color: #b11116;
border-bottom: 1px solid #999999;
padding-bottom: 20px;
}


.close_up_box{
width: 426px;
height: 1400px;
float: left;
margin-top: 20px;
padding-right: 20px;
border-right: solid 1px #999999;
}


.close_up_box h2{
font-family: times arial verdana sans-serif;
font-size: 17px;
font-weight: lighter;
line-height: 25px;
color: #999999;
padding-top: 20px;
text-align: left;
padding-right: 20px;
}


.sizes_box{
width: 271px;
float: right;
margin-top: 15px

}


.sizes_box h2{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 14px;
line-height: 16px;
color: #b11116;
padding-top: 10px
padding-bottom: 3px;
}

.sizes_box h3{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 18px;
color: #012e6f;
padding-bottom: 10px;
}


.sizes_box h4{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 14px;
line-height: 18px;
color: #b11116;
padding-bottom: 10px;
padding-top: 3px;
}

.sizes_box p{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 12px;
line-height: 16px;
}


.box{
float: left;
padding-bottom: 20px;
}

.middle_box{
float: left;
padding-bottom: 15px;
padding-top: 20px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}



.middle_box h2{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 14px;
line-height: 16px;
color: #b11116;
padding-top: 10px
padding-bottom: 3px;
}



.bottom_box{
float: left;
padding-top: 20px;
}

.bottom_box p{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 12px;
line-height: 16px;

}

.bottom_box h2{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 14px;
line-height: 16px;
color: #b11116;
padding-bottom: 3px;
}


.bottom_box h4{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 14px;
line-height: 18px;
color: #b11116;
padding-bottom: 10px;
padding-top: 5px;
}

/*-------------------------end DETAIL PAGES stuff-------------------------*/


/*-------------------------footer stuff and universal class stuff-------------------------*/

#footer{
height: 30px;
width: 800px;
background-image: url("images/footer2.jpg");
background-repeat: no-repeat;
}

.white {
color: white;
text-decoration: none;
}


#footer h1{
font-family: "trebuchet ms" arial verdana sans-serif;
font-size: 12px;
color: white;
padding-top: 7px;
padding-left: 30px;
}

.text_wrap{
padding: 15px;
}

.padding_bottom10{
padding-bottom: 10px;
}

.padding_bottom5{
padding-bottom: 5px;
}

.padding_bottom40{
padding-bottom: 40px;
}


.padding_bottom30{
padding-bottom: 30px;
}

.icon_padding_right{
padding-right: 15px;
}

.padding_top30{
padding-top: 30px;
}

.float_right{
float: right;
}

.red{
color: #b11116;
}

.float_left{
float: left;
}

.clear{
clear: both;
}



/*-------------------------end footer stuff and universal class stuff-------------------------*/



/*-------------------------contact page stuff-------------------------*/

#contact_container{
width: 760px;
background-color: #ffffff;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}


#contact_container h1{
font-family: "Trebuchet MS" arial verdana sans-serif;
font-size: 19px;
letter-spacing: 1px;
color: #b11116;
padding-bottom: 20px;
}

.address_container{
width: 760px;
padding-bottom: 20px;
float: left;
}

.address_container h4{
font-family: "trebuchet ms" times;
font-size: 13px;
color: #b11116;
text-align: left;
line-height: 20px;
font-style: italic;
padding-bottom: 20px;
padding-top: 20px;

}

.address_container h3{
font-family: "trebuchet ms" times;
font-size: 13px;
text-align: left;
line-height: 20px;
font-weight: lighter;
}

.form_container{
float: right;
width: 760px;

}

.form_container p{
font-family: "trebuchet ms" times;
font-size: 11px;
font-weight: bold;
color: #666666;
text-align: left;
line-height: 30px;
}

.form_container h5{
font-family: "trebuchet ms" times;
font-size: 12px;
font-weight: bold;
color: #497cb6;
text-align: left;
line-height: 20px;
font-style: italic;
}

.form_width{
width: 600px;
}


.height{
height: 200px;
}

/*-------------------------end contact page stuff-------------------------*/

/*-------------------------slideshow stuff-------------------------*/

#slideshow {
    position:relative;
    height:600px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*-------------------------end slideshow stuff-------------------------*/

.white_border{
border: 1px solid white;
}