/* DECST TAGS */


/*-------------------------------------------------
GENERAL
-------------------------------------------------*/

body {
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	background-image: url(/assets/bgswirl.jpg);
	background-repeat: no-repeat;
}

body.plain {
	background-image: none;
}

a {
	color: #ffa500;
	font-weight: bold;
}

a:hover {
	color: #008b8b;
	font-weight: bold;
}

a.rev {
	color: #008b8b;
	font-weight: bold;
}

a.rev:hover {
	color: #ffa500;
	font-weight: bold;
}


font, body, table, tr, td, input, option, select, textarea {
	font-size: 11px;
	line-height: 1.2;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}


p { margin: 0 0 1em 0; }

p.slim { margin: 0 0 0.5em 0; }

ul {
	margin: 0 0 18px 0;
	padding: 0 0 0 13px;
	list-style-type: square;
	list-style-position: outside;
}

li {
	margin-bottom: 5px;
}


/*-------------------------------------------------
HEADLINES
-------------------------------------------------*/

h1 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 12px 0;
}


h2 {
	color: #fff;
	font-size: 14px;
	margin: 22px 0 12px 0;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

#juice {
	width: 755px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 50px;
}

#juicewide {
	width: 855px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 50px;
}

#juicexwide {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 50px;
}

#topmenu {
	width: 480px;
	margin: 0 auto;
	text-align: right;
}

div.sidemenu {
	width: 120px;
	float: left;
}

div.main {
	width: 515px;
	float: left;
}

div.mainwide {
	width: 615px;
	float: left;
}

div.mainxwide {
	width: 760px;
	float: left;
}

div.mainhome {
	height: 466px;
	background-image: url(/home/homebg-515x466.jpg);
	background-repeat: no-repeat;
}

#about {
	width: 500px;
	margin: 0 auto;
	background-image: url(/about/bgabout.jpg);
	background-repeat: no-repeat;
}

#contact {
	width: 500px;
	height: 460px;
	margin: 0 auto;
	background-image: url(/contact/bgcontact.jpg);
	background-repeat: no-repeat;
}

#thanks {
	width: 500px;
	height: 460px;
	margin: 0 auto;
	background-image: url(/contact/bgthanks.jpg);
	background-repeat: no-repeat;
}


/*-------------------------------------------------
ROLLERS
-------------------------------------------------*/

a.roller {
	display: block;
	background-position: top;
}

a.roller:hover {
	background-position: bottom;
}

.btenter {
	width: 224px;
	height: 48px;
	background-image: url(/assets/home/enterduo.gif);
}

.btpencil {
	width: 46px;
	height: 19px;
	background-image: url(/assets/rightmenu/duopencil.jpg);
}

.btmixed {
	width: 98px;
	height: 19px;
	background-image: url(/assets/rightmenu/duomixed.jpg);
}

.btcommercial {
	width: 89px;
	height: 19px;
	background-image: url(/assets/rightmenu/duocommercial.jpg);
}

.btbook {
	width: 72px;
	height: 38px;
	background-image: url(/assets/rightmenu/duobook.jpg);
}

.btfavorites {
	width: 72px;
	height: 18px;
	background-image: url(/assets/rightmenu/duofavorites.jpg);
}

.btsketch {
	width: 81px;
	height: 20px;
	background-image: url(/assets/rightmenu/duosketch.jpg);
}

.btlot {
	width: 59px;
	height: 18px;
	background-image: url(/assets/rightmenu/duolot.jpg);
}


/*-------------------------------------------------
FRAMES
-------------------------------------------------*/

div.frame {
	margin: 0 auto;
	background-image: url(/assets/frame/paper-topleft.jpg);
	background-repeat: no-repeat;
}

div.frame div {
	background-image: url(/assets/frame/paper.right.gif);
	background-repeat: no-repeat;
	background-position: right 70%;
}

div.frame div div {
	background-image: url(/assets/frame/paper.bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 40px 40px 30px 40px;
	text-align: center;
	color: #a9a9a9;
}

div.frame div div img {
	display: block;
	margin-bottom: 10px;
}


/*-------------------------------------------------
CARDS
-------------------------------------------------*/

#cardindex {
	width: 800px;
	margin: 0 auto;
	background-image: url(/cards/graphics/bgcards.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 110px;
}

div.cardthumb {
	float: left;
	width: 85px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

div.cardthumb div {
	height: 80px;
}

div.cardthumb div img {
	margin: 0 auto;
}

#ecard {
	width: 500px;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
}

#ecard img.cardroll {
	border: 2px solid #a9a9a9;
	padding: 5px;
}


/*-------------------------------------------------
UTILITY BELT
-------------------------------------------------*/

/* spacing */
.plain { margin-bottom: 3px; }


/* font sizes */
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f18 { font-size: 18px; }
.f24 { font-size: 24px; }

/* preload */
#preload { display: none; }

/* colors */
.yellow { color: yellow; }
.beige { color: #f6e9b4; }

/* clears */
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

hr.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* alignment */
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }

img.floatright {
	float: right;
	margin: 3px 0 12px 12px;
}

img.floatmiddle {
	display: block;
	margin: 0 auto;
}

img.floatleft {
	float: left;
	margin: 3px 12px 12px 0;
}

img.block { display: block; }