html {text-align: center;}

body
{
position:relative;
width: 770px;
margin: 0 auto;
padding: 0; 
border: none;
background: #000 url(../images/body_bg.jpg) repeat-x; 
text-align: left;
}

/*----------------CONTENT----------------------*/
#content
{
background-image: url(../images/content_bg.png);
background-color: #FFF;
width: 770px;
position: relative;
float: left;
height: auto;
padding: 0 0 55px 0;
}

#content p
{
margin: 15px;
padding: 10px 15px;
font: normal normal 0.9em Verdana,Geneva,Arial,Helvetica,sans-serif;
line-height: 1.5em;
letter-spacing: 0.03em;
}

#content h1, #content h2
{
margin: 20px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #039;
}

#content h1 { font-size: 2.3em; }
#content h2 { font-size: 1.4em; }

/*---------MIN-HEIGHT HACK------------*/
#prop { float: right; height: 650px; width: 1px;}

/*-----HOME PAGE SPECIFIC---------*/
#pic1
{
margin: 15px;
float: left;
}

#pic2 
{
margin: 15px;
float: right;
}

/*----------------BANNER-------------------*/
#branding
{
float:left;
width: 100%;
height: 157px;
position: relative;
list-style: none;
margin:0;
padding:0;
}

#branding li
{
display:inline;
float:left;
position:relative;
}

#lcorner, 
#rcorner, 
#hlink
{
height: 157px;
float: left;
position: relative;
display:block;
}

#lcorner, #rcorner {width: 25px;}
#lcorner {background: url(../images/top_left.jpg) no-repeat;}
#rcorner {background: url(../images/top_right.jpg) no-repeat;}

/*--- LOGO ---*/
#hlink 
{ 
background: url(../images/top_middle.jpg) repeat-x; 
width:720px; 
}

#hlink img
{
position: relative;
margin: 10px 0 0;
border: 0;
float: left;
}

#pda_logo {display:none;}

/*----------------NAVIGATION BAR------------------*/
#navbar 
{
width: 100%;
position: relative;  /*display:block;*/
display: inline;
float: left;
padding: 0;
margin: 0;
bottom: 0;
left: 0;
z-index:100;
}

.navcorner 
{
width:10px; 
height:33px; 
background: url(../images/navcorner.jpg) no-repeat;
}

#navbar li
{
float: left;
list-style: none; 
}

#navbar a 
{
display: block;
width: 150px;
height: 33px;
}

#navbar li ul /*nested*/ 
{   
position: absolute;   
left: -9999px;
width: 200px; 
padding: 0;
margin: 0;
border: 2px solid #18498C;
border-top: none;
z-index: 1000;
opacity: .95; 
-moz-opacity: .95; 
/*filter: alpha(opacity=95);*/
} 

#navbar li.sfhover ul { left:auto; }

#navbar li:hover ul, 
#catalogue ul:focus { left:auto; } 


#navbar li li
{
width: 200px;
height: auto;
background-color: #000;
padding: 0;
margin: 0;
border-top: 1px solid #000874;
text-align: left;
color: #fff;
}

#navbar li li:first-child{border:none;}

#navbar li li a
{
width: 98%;
height: auto;
padding: 1px 0 1px 5px;
font: normal 0.8em Veranda, sans-serif;
text-decoration: none;
color: #a2a2a2;
}
#navbar li li a:visited {}
#navbar li li a:hover
{
color: #fff;
background-color: #003070;
}


#catalogue {background: url(../images/catalogue.jpg) 0 0 no-repeat;}
#location {background: url(../images/location.jpg) 0 0 no-repeat;} 
#about {background: url(../images/about.jpg) 0 0 no-repeat;} 
#custom {background: url(../images/custom.jpg) 0 0 no-repeat;} 
#contact {background: url(../images/contact.jpg) 0 0 no-repeat;} 


#catalogue:hover, 
#location:hover, 
#about:hover, 
#custom:hover, 
#contact:hover 
{background-position: 0 -33px;}

/*---------SEARCH----------*/
div#searchdiv
{
width:750px;
clear:left;
position:relative;
display:block;
padding:2px 0;
margin:0;
margin-left:10px;
border-bottom:1px solid #c0c0c0;
background-color:#dddde3; 
}

div#searchdiv form
{
display: inline; 
position: relative;
padding: 0 0 0 8px;
}

div#searchdiv label
{
padding: 0 2px;
font: normal 0.8em Veranda, sans-serif; 
}

/*div#searchdiv label[for="searchtext"] {padding: 0 0 0 2px;}*/

div#searchdiv #by, 
#searchtext
{
padding: 0 0 0 2px;
font: normal 0.7em Veranda, sans-serif; 
margin: 0;
}

#searchbutton {padding: 0 2px;}


p#bhours
{
position:absolute;
display:inline;
font: normal 0.7em "Trebuchet MS",Veranda, sans-serif; 
text-align:right;
color:#000b75;
/*margin:0 0 0 80px;*/
padding:0;
margin:0 5px 0 0;
float:right;
top:5px;
right:0px;
}

p#bhours strong
{
font-weight:bold;
font-style:normal;
}

/*---------------FOOTER GRAPHICS------------*/
#footgrafix { width: 770px; clear: both; }

#footgrafix, 
#botleft, 
#botright,
#botmid
{
height: 25px;
position: relative;
float: left;
}

#botleft{ background-image: url(../images/foot_left.png); }
#botright{ background-image: url(../images/foot_right.png); }

#botleft, #botright
{
background-repeat: no-repeat;
width: 25px;
}

#botmid
{
background-image: url(../images/foot_middle.png);
background-repeat: repeat-x;
width: 720px;
}

/*-----------------FOOTER-------------------*/
#footer
{
width: 770px;
position: relative;
clear: both;
background-color: #393f4f;
text-align: right;
font: 0.6em Verdana, sans-serif;
}

#footer  p
{ 
padding: 10px; 
margin: 0; 
color: #A2A2A2;
}

/*---------- Footer Links ----------*/
ul#links
{
width: 95%;
position: relative;
padding-bottom: 20px;
text-align: center;
}

ul#links li { display: inline; width: auto; }

ul#links a
{
font: normal bold 1.3em Verdana, sans-serif;
color: #a2a2a2;
text-decoration: none;
}

ul#links a:hover { color: #FFF; text-decoration: underline; }

/*-------- current page bar-------*/
.pagebar
{
background-color: #F8F8F8;
position: relative;
display: block;
height: auto;
width: 750px; 
margin: 8px 2px 15px 10px;
padding: 2px 0;
border-top: thin solid #c0c0c0;
border-bottom: thin solid #c0c0c0;
font: 0.9em "Trebuchet MS", Helvetica, sans-serif;
color: #000;
}

.pagebar #you
{ 
display: inline; 
padding: 0 0 0 10px; 
font-size: 0.9em;
}

.pagebar a { color: #039; font-weight: bold; text-decoration: underline; }
.pagebar a:visited {}
.pagebar a:hover {  color: #03F; text-decoration: none; background-color: #DAE4FC; }
.pagebar a:active {}

.pagebar p#pd
{ 
display: inline; 
color: #039; 
margin: 0; 
padding: 0;
font: normal 0.9em Verdana,"Trebuchet MS", sans-serif;  
}
