/* SITE COLORS */
.a, body {background-color:#e1dcd6;} /*beige2*/
.b {background-color:#e0eaf6;} /*blue3 (lt blue)*/
.c {background-color:#f2edd9;} /*yellow2 (lt yellow)*/
.d {background-color:#dfd1b4;} /*beige1 (darker beige)*/
.e {background-color:#9fba72;} /*green*/
.f {background-color:#a6c8c7;} /*blue2*/
.g {background-color:#a3418a;} /*purple*/
.h {background-color:#f3dee5;} /*pink*/
.m {background-color:#ffe793;} /*yellow*/

html {scrollbar-base-color:#dfd0c6;scrollbar-arrow-color: white;scrollbar-track-color:#dbd9cc;scrollbar-shadow-color:black;scrollbar-lightshadow-color:black;scrollbar-darkshadow-color:gray;scrollbar-highlight-color:white;scrollbar-3dlight-color:black;}
body {padding:0;margin:0;background:url('images/body_bg.gif') repeat-y right top;font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; font-size:13px; font-family:Verdana, Sans-Serif}
h1, h2, h3, h4 {font-family:Georgia,Serif;clear:both;font-style:italic;}
.smalltext {font-size:.75em;}
a:link, a:visited {color:black;}
a:hover, a:active {color:#444;text-decoration:underline;}
a img {border:0px none;}

/*WRAPPER*/
#content {width:100%;margin:1em auto;border:0px none;text-align:left;max-width:1024px}

/*LEFT (MAIN) COLUMN*/
#header {border:0px none;height:220px;background:url('images/bar_h.gif') repeat-x right bottom;}
#header a {display:block;width:420px;height:186px;background:url('images/logo_main.gif') no-repeat 10px 10px;}
#main {margin:0 160px 50px 0;padding:0;}
#main-content {padding:25px;background:#e0eaf6 url('images/bar_h.gif') repeat-x left bottom;}
#mainspacergirl {clear:both;height:80px;margin-top:20px;background-image:url('images/girl_content.gif');background-position: 10px 0;background-repeat:no-repeat}
.welcomegirl {height:73px;background-image:url('images/home_mini_welcome.gif');background-position: 15px 5px;background-repeat:no-repeat}

/*RIGHT SIDEBAR COLUMN (MENU LINKS)*/
#sidebar {display:block;width:150px;float:right;position:absolute;top:0;right:10px;margin:0;padding:0;}
#sidebar a.btn {display:block;width:150px;height:60px;}
#sidebar #home a {background-image:url('images/btn_home.gif');}
#sidebar a:hover {background-position:50% 0;}
#sidebar #products a {background-image:url('images/btn_products.gif');}
#sidebar #shop a {background-image:url('images/btn_shop.gif');}
#sidebar #pricelist a {background-image:url('images/btn_pricelist.gif');}
#sidebar #fonts a {background-image:url('images/btn_fonts.gif');}
#sidebar #phrases a {background-image:url('images/btn_phrases.gif');}
#sidebar #shipping a {background-image:url('images/btn_shipping.gif');}
#sidebar #aboutus a {background-image:url('images/btn_aboutus.gif');}
#sidebar #host a {background-image:url('images/btn_host.gif');}
#sidebar #design a {background-image:url('images/btn_design.gif');}
#sidebar #contactus a {background-image:url('images/btn_contactus.gif');}
#sidebar #spacergirl a {display:block;height:150px;width:150px;background-image:url('images/girl_menu.gif');}
#sidebar #spacergirl a:hover {cursor:default;background-position:top right;}

/*STYLES FOR SPECIFIC PAGES*/
#home_products a {display:block;clear:both;height:206px;width:348px;background:url('images/home_products.gif') no-repeat 0 0;}
#homepage {width:100%;}
#fonts img {margin:10px;border:2px solid #b2c6c5;}
#jumplinks {font-size:0.8em;line-spacing:0.8em;}
#quotes span.quotelist {font-family:"Courier New",Courier,Monospace,Serif;font-size:0.9em;}
#products {width:100%;}
#products h2 {display:block;clear:both;}
#products .item {float:left;margin:2px 5px;border-width:1px;border-style:solid;padding:5px;width:90%;font-size:.9em;}
#products .item img {display:block;float:left;margin-right:10px;}
#products a:link img {border:0px none;}
#products .description {position:absolute;left:280px;}
#products .p1 {border-color:#6b451a;background-color:white;}
#products .p1 img {border:0px none;}
#products .p2 {border-color:#a3418a;background-color:white;}
#products .p2 img {border:0px none;}
#products .p3 {border-color:#ca6132;background-color:white;}
#products .p3 img {border:0px none;}
#products .p4 {border-color:#757b5f;background-color:white;}
#products .p4 img {border:0px none;}
img.sample {border:0px none;}
#popup {padding:20px;}
table#pricing {border:1px solid #aaa;border-collapse:collapse;}
table#pricing th {text-align:center;border:1px solid #aaa;padding:0 8px;background-color:#e1dcd6;}
table#pricing td {text-align:center;border:1px solid #aaa;width:6em;background-color:#f2edd9;}

/*CURVY CORNERS*/
.curvy {float:left;position:relative;width:240px;height:220px;color:#000;margin:1em;}
.ctl, .cbl, .ctr, .cbr {position:absolute;width:20px;height:20px;overflow:hidden;}
.ctl {top:0px;left:0px;}
.cbl {top:200px;left:0px;}
.ctr {top:0px;left:220px;}
.cbr {top:200px;left:220px;}
.quadtl, .quadtr, .quadbl, .quadbr {position:absolute;font-size:150px;font-family:arial;line-height:40px;background-color:#e0eaf6;}
.quadtl {left:-8px;}
.quadtr {left:-25px;}
.quadbl {left:-8px; top:-17px;}
.quadbr {left:-25px; top:-17px;}
.quadtl.qd, .quadbl.qd, .quadtr.qd, .quadbr.qd {color:#dfd1b4;} /*beige1*/
.quadtl.qe, .quadbl.qe, .quadtr.qe, .quadbr.qe {color:#9fba72;} /*green*/
.quadtl.qf, .quadbl.qf, .quadtr.qf, .quadbr.qf {color:#a6c8c7;} /*blue2*/
.quadtl.qg, .quadbl.qg, .quadtr.qg, .quadbr.qg {color:#a3418a;} /*purple*/
.quadtl.qh, .quadbl.qh, .quadtr.qh, .quadbr.qh {color:#f3dee5;} /*pink*/
.quadtl.qm, .quadbl.qm, .quadtr.qm, .quadbr.qm {color:#ffe793;} /*yellow*/
.txt {position:absolute; top:10px; left:10px; width:220px; height:200px;background-color:transparent;}
.txt.i {color:#6b451a;} /*brown*/
.txt.j {color:#a3418a;} /*purple*/
.txt.k {color:#ca6132;} /*orange*/
.txt.l {color:#362c2d;} /*black2*/
.txt h1, .txt h2, .txt h3, .txt h4 {text-align:center;margin-top:0;line-height:1em;}
.txt p {text-align:left;font-size:11px;line-height:1.75em;font-family:Verdana,Arial,Sans-Serif;}
.txt p em {font-size:12px;font-weight:bold;color:#ca6132;font-family:Georgia,Serif;}
.header2 {text-align:center;margin-top:0;line-height:1em;}

/* DESIGN.PHP PAGES */
div.designboard {float:left;display:block;background:#e1dcd6;border:1px solid #6b451a;padding:15px;width:95%;margin:10px 0 0 0;}
div.design_example {float:left;border:1px solid #6b451a;margin:5px;background:white;font-size:0.8em;height:100px;width:210px;text-align:center;padding-top:10px;}
div.designboard div.image {width:500px;height:120px;overflow:auto;vertical-align:middle;background:white;border:1px solid #6b451a;padding:3px;}
div.designboard img, div.designboard a img {border:0px none;}
div.designboard input {clear:both;}
form.design_board {display:block;background:white;border:1px solid #6b451a;padding:5px 10px 30px;}
form.design_board div.row {clear:both;padding-top:10px;}
form.design_board div.row2 {clear:both;padding-top:1px;}
form.design_board div.row span.label, form.design_board div.row2 span.label {float:left;width:100px;text-align:right;margin-right:10px;font-size:0.8em;}
form.design_board div.row span.input, form.design_board div.row2 span.input {float:left;width:290px;text-align:left;font-size:1em;}
form.design_board .button {display:block;margin:10px 0 0 105px;}
form.design_board .primary {font-size:1em;font-weight:bold;}
form.design_board .secondary {font-size:.75em;font-weight:normal;}
div.dimensions {clear:both;border:1px solid black;margin:20px;padding:5px;}