@charset "utf-8";
/* 
CSS Document for Al's Shoes & Boots Web Site
Authored by Phreesurf Web Design - http://phreesurf.com
*/

/* LAYOUT */
body {
background:url(/img/bg/main.gif);
margin:0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
}
#wrap {
width: 800px;
margin: 0 auto 20px auto;
padding: 0;
border-left: #111 1px solid;
border-right: #111 1px solid;
border-bottom: #111 1px solid;
}
#head {
width: 100%;
margin: 0;
padding: 0;
}
#navbar {
width: 100%;
height: 40px;
background: #362d23 url(img/tmpl/nav.jpg) no-repeat;
margin: 0;
padding: 0;
text-align: center;
}
#addrln {
background-color:#2B312B;
color: #AAA;
width: 785px;
margin: 0;
padding: 3px 0 3px 15px;
text-align: left;
font-size: 11px;
border-top: #242404 1px solid;
border-bottom: #263026 1px solid
}
#content {
background:#314A31;
text-align:left;
width: 776px;
padding: 12px;
}
#foot {
background:#630 url(img/bg/foot.png) repeat-x;
font-size:10px;
font-family: Verdana, Tahoma, sans-serif;
color: #FFF;
height: 50px;
margin: 0;
padding: 10px;
width: 780px;
border-top: #330 1px solid;
}
#homebrands {
float:left;
width:310px;
min-height: 200px;
vertical-align:middle;
margin: 5px 0 0 5px;

text-align:center
}
#brownlist, #greenlist {
min-height: 200px;
border: #666 1px solid
}
#brownlist ul, #greenlist ul {
margin: 8px 0 0 8px;
padding: 0 0 0 5px;
list-style: square
}
#brownlist { background:#2e1f0c url(img/bg/brown.png) repeat-y; }
#greenlist { background:#162e0c url(img/bg/grn.png) repeat-y; }
#brownlist ul li {
color:#FC0;
padding: 0 0 4px 0;
}
#greenlist ul li {
color:#9F3;
padding: 0 0 4px 0;
}
.horizit { float: left }
.centerit { text-align: center }
.clearit { clear: both }
/* END LAYOUT */

/* FORMATTING */
h1, h2, h3 {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #FD1;
margin: 0 0 10px 0;
}
h1 { font-size: 20px }
h2 { font-size: 18px }
h3 { font-size:16px }
/* Links */
a { text-decoration:none }
a:link, a:visited { color: #FC3; }
a:hover { color: #FFF; }
a:active { color: #070; }
#greenlist a:link, #greenlist a:visited { color: #9F3; }
#greenlist a:hover { color: #FFF; }
#greenlist a:active { color: #070; }
a.foot:link, a.foot:visited { color: #FC3; }
a.foot:hover { color: #FFF; }
a.foot:active { color: #0F0; }
a.brite:link, a.brite:visited { color: #FF0; }
a.brite:hover { color: #FFF; }
a.brite:active { color: #FC3; }
/* Text Sizes */
.txt14px { font-size: 14px; }
.txt13px { font-size: 13px; }
.txt11px { font-size: 11px; }
.txt10px { font-size: 10px; }
.txt9px { font-size: 9px; }
/* Text Styles / Colors */
.toptxt {
color:#650;
font-size: 11px;
}
.redtxt { color:#f99; }
.grntxt { color:#9F3; }
.whttxt { color:#fff; }
.grytxt { color:#aaa; }
.ylwtxt { color:#ff0; }
.orgtxt { color:#fc0; }
.darktxt { color: #333; }
p { margin: 0 0 10px 0 }
/* END FORMATTING */
/* FORMS */
input {
font-size: 10px;
color: #666;
}
textarea {
font-size: 10px;
color: #666;
}
/* END FORMS */

/* NAVIGATION */
/* Main Navigation */
#mainnav {
list-style: none;
margin: 0 auto;
width: 710px;
padding: 3px 0 0 0;
}
#mainnav li {
display: inline;
padding: 0;
}
#nav1 a, #nav2 a, #nav3 a, #nav4 a {
display:block;
margin: 0 13px;
height:34px;
float:left
}
#nav1 a {
width:100px;
background: url(img/tmpl/nav-home.png)
}
#nav2 a {
width:100px;
background: url(img/tmpl/nav-brands.png)
}
#nav3 a {
width:200px;
background: url(img/tmpl/nav-po.png)
}
#nav4 a {
width:200px;
background: url(img/tmpl/nav-contact.png)
}
#nav1 a:hover, #nav2 a:hover { background-position:-100px; }
#nav3 a:hover, #nav4 a:hover { background-position:-200px; }
/* Bottom Navigation */
#botnav, #bottxt {
list-style: none;
margin: 5px auto 10px auto;
padding: 0;
}
#botnav li {
display: inline;
padding: 2px 10px;
font-weight:bold
}
#bottxt li {
display: inline;
padding: 5px 10px;
}
#botnav a, #topnav a:visited {
color:#FC3;
text-decoration:none;
}
#botnav a:hover { color: #FFF }
/* END NAVIGATION */

/* SPECIAL */
.brandslist {
background: #342415 url(img/bg/brwn500.png) repeat-x;
margin:0;
padding: 0
}
#specialnews {
color:#fff;
background: #211;
border:#F60 solid 1px;
padding: 10px;
margin: 15px auto;
width: 600px;
text-align:center;
font-size:14px
}
#hiring {
color:#fff;
background: #121;
border:#F60 solid 1px;
padding: 10px;
margin: 15px auto;
width: 600px;
text-align:center;
font-size:14px
}


/* Let there be songs to fill the air.. */