/* CSS Document */

/*-------GENERAL STYLES--------*/
body{
background-image:url(images_interface/background_mini_metal_dark.gif);
background-position:center;
background-repeat:repeat;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

p, ul{
font-size:13px;
line-height:18px;
margin:0px 0px 8px 0px;
padding:0px;
}

ul{
padding:0px 0px 15px 0px;
position:relative;
list-style:none;
left:25px;
}

ul li{
margin:0px 0 7px 0;
}

h2, h3, h4{
padding:0px;
margin:8px 0 3px 0;
}

h3{
color:#760B01;
}

a, a:link{
color:#760B01;
}

label{
font-size:14px;
}

img{
border:none;
}

/*-------END GENERAL STYLES--------*/


/*-----HEADER STYLES-----------*/
#header-container{
background-image:url(images_interface/header_back_red.jpg);
background-position:top;
background-repeat:repeat-x;
width:100%;
border-bottom:solid 1px #ffffff;
}

#header-middle{
width:1000px;
height:123px;
background-image:url(images_interface/header.jpg);
}

#intro{
position:absolute;
left:270px;
top:55px;
width:700px;
}

#intro h1{
font-size:15px;
color:#FFFFFF;
margin:0px 0 10px 0;
padding:0px;
float:left;
}

#social_media_icons{
float:left;
position:relative;
left:220px;
}

#social_media_icons img{
margin-left:5px;
}

#intro p{
font-size:11px;
color:#FFFFFF;
margin:0px;
padding:0px;
line-height:normal;
}

#menu-header{
width:650px;
}

#menu-header a,
#menu-header a:link{
color:#FFFFFF;
text-decoration:none;
}

#menu-header a:hover{
color:#FF6600;
}

#menu-header ul{
width:700px;
position:absolute;
left:256px;
top:100px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
font-weight:normal;
list-style:none;
margin:0px;
padding:0px;

}

#menu-header ul li{
display:inline;
float:left;
padding-right:14px;
margin:0px;
}
/*------END HEADER STYLES----------*/



/*----GENERIC CONTENT STYLES--------*/
#content{
background-image:url(images_interface/background_content.gif);
background-position:left;
background-repeat:repeat-y;
width:860px;
margin-left:auto;
margin-right:auto;
}

#content-bottom{
width:860px;
height:11px;
background-image:url(images_interface/background_content_btm.gif);
background-position:left top;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

#content-top{
width:860px;
height:12px;
/*background-image:url(images_interface/background_content_top.gif);
background-position:left top;
background-repeat:no-repeat;
*/
background-color:#000000;
margin-left:auto;
margin-right:auto;
}








/*-----FOOTER AND PAGE BOTTOM STYLES-----------*/
#footer{
width:820px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#footer_panel_1,
#footer_panel_2{
float:left;
width:50%;
font-size:12px;
color:#FFFFFF;
}

#footer_panel_1{
text-align:left;
}

#footer_panel_2{
text-align:right;
}
/*-----FOOTER AND PAGE BOTTOM STYLES-----------*/



/*----INDEX PAGE SPECIFIC STYLES------*/
#index-metalsmith-panel,
#index-waterjet-panel{
width:50%;
float:left;
}

#index-metalsmith-panel{

}

#index-metalsmith-panel p,
#index-waterjet-panel p{
margin:0;
padding:15px;
}

#index-metalsmith-panel h2,
#index-waterjet-panel h2{
padding:5px 15px 10px 15px;
background-color:#003333;
margin:0px;
color:#FFFFFF;
font-size:18px;
}

#index-metalsmith-panel h2{
background-image:url(images_interface/background_metalsmith.jpg);
background-position:top;
background-repeat:repeat-x;
}

#index-waterjet-panel h2{
background-image:url(images_interface/background_waterjet.jpg);
background-position:top;
background-repeat:repeat-x;
}

#index-metalsmith-panel h2 a,
#index-waterjet-panel h2 a{
text-decoration:none;
color:#FFFFFF;
}

#index-metalsmith-panel img,
#index-waterjet-panel img{
border:none;
}

#index-metalsmith-panel ul,
#index-waterjet-panel ul{
margin:0px 0px 0px 20px;
padding:0px;
list-style:square;
}

#learn-more-metalsmithing{
font-weight:bold;
color:#632913;
}

#learn-more-waterjet{
font-weight:bold;
color:#456067;
}
/*----END INDEX PAGE SPECIFIC STYLES------*/



/*----GENERAL Page Styles-------*/
#content-column-1{
width:520px;
padding:15px;
float:left;
}

#image-column{
width:220px;
padding:15px;
float:left;
}
/*-----END GENERAL Page Styles-----*/

/*-----FORM Styles-------*/

#form-contact{
width:275px;
border-right:solid 1px #666666;
}

#catch{
margin:10px;
}


label{
display:block;
margin-top:10px;
}

fieldset{
border:none;
}

.alert{
font-size:12px;
color:#E45B0B;
padding:5px;
width:225px;
}

.alert_large{
font-size:15px;
color:#E45B0B;
width:225px;
}



/*-----END Form Styles-------*/


/*----Page Specific Styles------*/
#exhibits_list li{
margin:5px 0 10px 0;
}

#form-contact{
float:left;
margin:0 10px 0 0;
}


#contact-info-area p{
float:left;
position:relative;
top:15px;
font-size:14px;
}


#gallery_container{
}

#gallery_container h3{
width:90px;
height:65px;
background-color:#000000;
color:#FFFFFF;
float:left;
margin:0px;
display:inline;
position:relative;
font-size:.9em;
padding:30px 5px 5px 5px;
text-align:right;
}

#gallery_container img{
float:left;
}

#gallery_container h3,
#gallery_container img{
margin:2px;
}