@charset "utf-8";
/*CLEAR ALL STYLES*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/*BASIC TAGS*/
html{height:100%;}

body{background-color:#3d3d3d;color: #424242;font-family: "Lucida Grande", Tahoma;height: 100%;}
h1{ width:140px; height:200px; background-image:url(images/logo.png); background-repeat:no-repeat; text-indent:-9999px; }
h2 {font-size:16px; font-weight: normal;letter-spacing:2px;text-transform: uppercase;padding:20px 0 0 20px;}
p {font-size: 12px; margin:20px; color: #424242;line-height: 145%;}
p:first-letter{text-transform: uppercase;}
a:link, a:visited {color:#8f8f8f;text-decoration:none;}
a:hover {text-decoration:underline; }


/*BLOCK LAYOUT*/

#container{background-image:url(images/headerbg.jpg);background-repeat:repeat-x; margin:}
#contenttop {width:860px;height:100px;margin:0 auto;background-image:url(images/logo3.png);background-repeat:no-repeat;}

#contentholding {
background-color:#FFFFFF;
height:297px;
background-image:url(img_homepage.jpg);
background-repeat:no-repeat;
padding-left:459px;
padding-top:100px;
clear:both;
} 

#contentbg {background-image:url(images/bodybg.jpg);}
#content {width:860px;margin:0 auto;background-color:#FFFFFF;text-align:left; position:relative; }

.col01 {float:left; width:400px;}
#footer {width:840px;margin:0 auto;height:35px;padding-left:20px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;padding-top:15px;clear:both;color:#ddddd6;

}

/*PRIMARY NAV*/
#mainnav {text-transform: uppercase;font-size:11px;letter-spacing:0.1em;width:860px;list-style: none;margin:0 auto;padding:7px 0 7px 0;}
#mainnav li {display:inline; padding:6px 5px 7px 5px;letter-spacing:1px;}
#mainnav li a {color:#3d3d3d; text-decoration:none;}
#mainnav li a:hover {text-decoration:underline;}
#mainnav .active {background-color:#3d3d3d; color:#FFF;}

#bags #mainnav .bags a{
background:url(images/hoverbg.jpg); color:#FFF; height:100px;}
/*FOOTER*/
#footer { margin-top:0px; clear:both; height:35px;	 color:#595042; font-size:9px; margin:0 auto;padding-left:0px;text-transform:uppercase;letter-spacing:0.1em;clear:both;color:#ddddd6;}
/*SUBNAV*/
#subnav{width:100px; padding:20px; float:left; font-size:11px;letter-spacing:0.1em;list-style:none; margin:0;}
#subnav li{border-bottom:1px dotted #CCC;}
#subnav li a {padding:5px 0 5px 5px; display:block; color:#ababa3;}
#subnav li a:hover{text-decoration:none; background-color:#ddddd6; color:#FFF;}
#subnav .onstate {background-color:#c4c4bc; color:#FFF;}
#subnav .highlight {background-color:#3d3d3d; color:#FFF;padding:5px 0 5px 5px; display:block;}
#subnav .other { color:#3d3d3d;padding:5px 0 5px 5px; display:block;}



/*SPECIFIC PAGE STYLES*/
#bags #content {min-height:400px;}
#bags .main {float:right;padding:0;margin-right:10px;}
#bags .largebags {float:left;padding:0;margin:20px 20px 20px 0;}
#bags .smlbags{float:left;padding:0;margin:20px 20px 20px 0; border:1px solid #CCCCCC;}
#bags .texty  {width:360px;float:left; margin:20px 0 20px 0; padding:0}
#bags .description {width:230px;float:left; background:url(images/squiffy.jpg) left top no-repeat; padding:30px 20px 20px 20px;margin:20px 20px 20px 0;}

#contact #content {min-height:400px;}
#contact #content img {position:absolute; top:0; right:0;}

#bagspage {margin-left:20px; font-size:12px; width:300px; border-bottom:#6F6F6F;}
#bagspage ul { list-style:none;}
#bagspage li { color:#3d3d3d;;padding:5px 0 5px 0;letter-spacing:1px;}
#bagspage li a {text-decoration:none; background-color:#3d3d3d; color:#FFF;padding:5px; width:230px; display:block;}
#bagspage li a:hover {text-decoration:none; background-color:#c4c4bc; color:#FFF;}

#bagsnav {width:100px; padding:20px; float:left; font-size:11px;letter-spacing:0.1em;list-style:none; margin:0; }
#bagsnav li{border-bottom:1px dotted #FFF;}
#bagsnav li a {padding:5px 0 5px 5px; display:block; background-color: #424242; color:FFF;}
#bagsnav li a:hover{text-decoration:none; background-color:#666; color:#FFF;}

#about .col01 {width:330px;}
#about .col01 img {margin:20px 0 0 20px}
#about .col02 {float:left; width:500px;}



#abouttxt {
padding-left:342px;
}

.clear {
clear:both;
}

.rightline {
border-right:1px dotted #ddddd6;
}

.aboutimg {
background-image:url(images/aboutbg.png);
background-repeat:no-repeat;
}