@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

/* GLOBALS */
body { background:#E1E1E1 url("/images/bodyF.png") repeat-x; color:#333 }

/* HEADER */
#header { background:#333 url("/images/headerF.png") no-repeat; height:190px }
#header .logo { background:url("/images/logo.png") no-repeat; cursor:pointer; height:130px; left:32px; position:absolute; text-indent:-9000px; top:0; width:141px }
/* COLUMNS */
.deco.home { background:url("/images/deco-default.jpg") no-repeat; height:240px }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y }
#content { background:url("/images/contentF.png") no-repeat; padding:22px 30px 50px 30px; width:600px }
#rail { background:url("/images/railF.png") no-repeat; padding:22px 30px; width:270px }
/* FOOTER */
#propaganda-menu { left:30px }
/* MENUS */
/* main-menu */
.main-menu { color:#FFF; font-weight:700; letter-spacing:0.1em; position:absolute; left:10px; text-transform:uppercase; top:162px }
.main-menu li { border-right:1px solid #666; float:left; padding:0 10px }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#FFF; text-decoration:none }
.main-menu a:hover, .main-menu a.active { color:#FFCC00; text-decoration:none }
.main-menu a:hover, .main-menu a:hover.active { color:#EF2A30 }
/* secondary-menu */
.secondary-menu { color:#FFF; font-size:1.1em; position:absolute; right:40px; top:90px }
.secondary-menu li { border-right:1px solid #900; float:left; padding:0 6px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#FFF; text-decoration:none }
.secondary-menu a:hover, .secondary-menu a.active { color:#F7C500; text-decoration:underline }
.secondary-menu a.active { font-weight:700; text-decoration:none  }
/* rail-menu */
.rail-menu { font-size:1.1em; margin:0 0 30px 0 }
.rail-menu li { border-bottom:1px solid #D3D3D3; width:285px }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { color:#006; width:100% }
.rail-menu a span { height:30px; line-height:2em; padding:1px 0 0 1px }
.rail-menu a:hover { background-color:#E6E6E6; color:#006; font-weight:700   }
.rail-menu a:hover span { background-position:0 -31px }
.rail-menu li.active a span { background-position:0 -31px }
/* Styles */
h2, h3 { color:#900; font:400 2em/1.2em Helvetica, Arial, sans-serif }
h3 { color:#333; font-size:1.4em }
a.textlink { color:#900; padding:1px; text-decoration:underline }
a.textlink:hover { background-color:#900; color:#FFF; text-decoration:none }
.plainlist { }
.plainlist li { line-height:1.5em; padding:0 0 0 12px; background:url("/images/libullet.png") no-repeat 0 0.5em }
.button-submit { background:url("/images/button-submit.png") no-repeat; border:none; cursor:pointer; height:30px; padding:0; text-indent:-9000px; width:80px }
span.rail-divider { display:block; height:10px }
.rail-divider { background:url("/images/divider-rail.png") no-repeat left top; margin:0 -30px  }
#content dl { line-height:1.5em }
#content dt { color:#006; font-weight:700; font-size:1.2em; padding:0 0 10px 0 }
div.column { border-right:1px dotted #CCC; float:left; width:110px; padding:15px }
div.logos { border-right:1px dotted #CCC; float:left; margin-right:30px; height:90px }
div.logos.first-child { padding-left:0 }
div.logo-fill a { background:url("/images/logo-about.png") no-repeat; display:block; width:160px; height:100px; float:right; text-indent:-9999em; margin-top:5px }
div.logo-fill a:hover { background-color:#EAEAEA }
div.text-right { width:400px; float:left }
div.panel { border-bottom:1px solid #DDD; margin-bottom:20px; padding-bottom:10px }
div.image { float:left; padding:0 20px 20px 0 }
span.quote { background:url("/images/deco-quote.png") no-repeat; display:block; width:40px; height:35px; float:left; text-indent:-9999em; margin-top:-5px }
/* Graphics */
.deco { display:block; height:278px; width:600px }
.deco.default { background:url("/images/deco-default.jpg") no-repeat left top }
.deco.about { background:url("/images/deco-about.jpg") no-repeat left top }
.deco.copy-print { background:url("/images/deco-copy-print-alt.jpg") no-repeat left top }
.deco.faxing { background:url("/images/deco-fax-alt.jpg") no-repeat left top }
.deco.courier { background:url("/images/deco-courier-alt.jpg") no-repeat left top }
.deco.internet-cafe { background:url("/images/deco-internet-cafe-alt.jpg") no-repeat left top }
.deco.post-boxes { background:url("/images/deco-post-boxes.jpg") no-repeat left top }
.deco.stationery { background:url("/images/deco-stationery.jpg") no-repeat left top }
.deco.secretarial-services { background:url("/images/deco-secretarial-services.jpg") no-repeat left top }
.deco.testimonials { background:url("/images/deco-testimonials.jpg") no-repeat left top }
.deco-area { background:url("/images/deco-area.png") no-repeat left top; display:block; float:left; height:100px; text-indent:-9999em; width:100px }
/* Banners */
.visit-our-store a { background:url("/images/visit-our-store.jpg") no-repeat; display:block; height:131px; margin:0 -30px; text-indent:-9999em; width:330px }
.franchise a { background:url("/images/banner-franchise.png") no-repeat; display:block; height:131px; margin:10px -30px -20px; text-indent:-9999em; width:330px }
.map a { background:url("/images/map.png") no-repeat; display:block; height:131px; margin:0 -30px; text-indent:-9999em; width:330px }
.map-t a { background:url("/images/map-t.png") no-repeat; display:block; height:271px; margin:0 -30px; text-indent:-9999em; width:330px }
/* Vcard */
.vcard dt { margin-top:10px }
.vcard h3 a { color:#006 }
.vcard .type { text-indent:-9999em }
.vcard ul li { line-height:1.5em }
.vcard ul li a { color:#006; text-decoration:underline }
.vcard ul li a:hover { background-color:#006; color:#FFF; padding:2px; text-decoration:none }
/* Spacing */
#content h2, #rail h2 { padding:20px 0 10px; border-bottom:1px dotted #CCC }
#rail h2 { border-bottom:none }
#content h3 { color:#006; font-weight:700; padding-top:10px }
.rail-ad { padding:20px 0 0 0 }
.imgpad { padding-right:20px }
/* forms */
fieldset { margin-top:20px }
fieldset .actions { clear:both; padding:1px 0 2px 130px }
fieldset .actions button { background:#000; border:none; cursor:pointer; padding:0; text-indent:-9999em }
fieldset .actions button.submit { background:url("/images/button-submit.png") no-repeat; height:30px; width:90px; margin-left:-130px }