@charset "UTF-8";
* {
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none
}
html, body, #bg, #bg table, #bg td, #cont {
	width:100%;
	height:100%;
	overflow:hidden
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor:default;
	color:#777;
	background-image:url(../images/back-01.jpg);
	background-color:#5E5E5E;
	background-position:left;
	background-repeat:no-repeat;
}
h1, h2, .large, .left {
	font-family:"Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-size:40px
}
h2, .box div img {
	padding-bottom:10px
}
a {
	text-decoration:none;
	color:#000;
	outline:0
}
img {
	display:block
}
#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-100%;
	left:0%
}
#bg td {
	vertical-align:bottom;
	text-align:left;
	dispplay:none
}
#bg img {
	min-height:50%;
	min-width:50%;
	margin:0;
}
#cont {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto
}
#menu {
	position:absolute;
	bottom:19px;
	left:0px;
	z-index:80;
	line-height:20px
}
#menu div {
	height:22px;
	background:#5E5E5E;
	padding:7px 0 0 7px
}
h1 {
	position:relative;
	left:-120px;
	margin-bottom:-29px;
	width:120px;
}
h1 span {
	display: none;
}
h1 a {
	padding:8px 10px 9px 0;
	color:#fff;
	font-size:11px;
	display:block;
	height: 12px;
	width: 120px;
}
h1 a:hover {
	display:block;
	z-index:90;
}
ul {
	float:left;
	display:inline
}
ul li {
	float: left;
	display: inline;
}
li a {
	height:16px;
	line-height: 16px;
	padding:0 6px 0 7px;
	font-weight:bold;
	font-size:18px;
	color:#5e5e5e;
}
li a:hover, li.cur a {
	color:#0ab0aa;
}
.box {
	position:absolute;
	top:5%;
	right:6%;
	width:660px;
	padding-bottom:100px;
	z-index:80;
}
.box div {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	line-height:1.5em;
	background:#fff;
	padding:20px 0px
}
.box div.images {
	padding:0px
}
.box div a {
	text-decoration:underline
}
.large {
	text-align:right;
	top:20%;
	right:120px;
	font-size:13px
}
.left {
	text-align:left;
	right:auto;
	left:180px;
	font-size:13px
}
.large h2 {
	font-size:60px;
	color:#fff
}
.white {
	color:#fff
}
h2.title span {
	display:none
}
h2.title {
	width:200px;
	height:50px;
}
h2.title.drawing {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	position:absolute;
	padding:10px;
	height:30px;
	background: #FFF url(../images/wb_draw.jpg) no-repeat -4px top;
}
h2.title.web {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	position:absolute;
	padding:10px;
	height:30px;
	background: #FFF url(../images/wb_head.jpg) no-repeat -4px top;
}
h2.title.about {
	width:131px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	position:absolute;
	padding:10px;
	height:30px;
	background: #FFF url(../images/wb_about.jpg) no-repeat -1px top;
}
h2.title.blog {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	position:absolute;
	padding:10px;
	height:30px;
	background: #FFF url(../images/wb_blog.jpg) no-repeat -1px top;
}
h2.title.contact {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	position:absolute;
	padding:10px;
	background: #FFF url(../images/wb_contact.jpg) no-repeat -1px top;
	height:30px;
}
h2.title.shop {
	background: url(../images/shop.gif) no-repeat -3px top;
}
h2.title.other {
	background: url(../images/other.gif) no-repeat -1px top;
}
h2.title.links {
	background: url(../images/links.gif) no-repeat -3px top;
}
.homepage {
	position:absolute;
	top:45%;
	right:60px;
	width:660px;
	padding-bottom:100px;
	color: #ffffff;
}
.homepage p {
	font-size: 17px;
	margin: 10px 0
}
.homepage p strong {
	font-size: 26px;
	margin: 10px 0
}
.homepage h2 {
	background: url(../images/homepage.png) no-repeat -22px top;
	width: 100%;
	height: 32px;
}
.homepage h2 span {
	display: none
}
div.images {
	text-align:center!important;
}
div.images h3 {
	text-align: left;
}
div.images img {
	display:inline!important
}
div.images p {
	text-align: left;
	font-size: 12px;
	padding: 5px 0px 10px 0;
	border-top:1px solid #dcdcdc;
	margin-top:5px;
	width:580px;
}
div.images div.img {
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	padding:20px 30px
}
h3 {
	position:relative;
	padding:40px 30px 10px 30px;
	margin:0 -30px 10px -30px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:bold
}
h3 span {
	position:absolute;
	right:510px;
	top:29px;
	background:#000;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	display:block;
	color:#fff;
	font-weight:normal
}
p {
	margin: 0px;
}
h3.about {
	border-top:1px solid #efefef;
	padding:15px 30px 5px 30px;
	margin:10px -30px 5px -30px;
}
div.contact {
	line-height:1.5em;
	background:#fff;
}
div.contact .forms {
	width: 420px;
	padding: 0px;
}
div.contact label {
	float: left;
	clear: left;
	font-size: 10px;
	margin:3px;
}
input {
	float: left;
	clear: left;
	border: 1px solid #e2e2e2!important;
	margin:3px;
}
textarea {
	float: left;
	clear: left;
	border: 1px solid #e2e2e2!important;
	margin:3px
}
.submitForm {
	width: 320px!important;
	font-weight: bold;
}
.submitForm input.on {
	background: #cdcdcd;
	color: #c8143a;
	width: 80px!important;
	float: left;
	clear: none!important;
	cursor: pointer;
	margin-left:0px!important
}
.submitForm input.off {
	background: #e2e2e2;
	color: #666;
	width: 80px!important;
	float: left;
	clear: none;
	margin-left:0px!important
}
div.contact textarea, div.contact input {
	font-size: 10px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	width: 296px;
	padding: 2px;
}
div.contact textarea {
	height: 90px;
	overflow:auto
}
div.capcea {
	clear:both;
	width: 240px;
	margin-left: -6px;
	padding: 0px;
}
div.capcea * {
	padding: 0px!important;
}
div.capcea table, div.capcea td, div.capcea tr, div.capcea tbody {
	background-image:none !important;
	display: inline!important;
}
#recaptcha_image img {
	border: 1px solid #e2e2e2!important;
}
div.capcea a {
	display: none!important;
}
.recaptcha_input_area * {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif!important;
	color:#666666!important
}
/*updates*/

 div.cart {
	float:left;
	clear:left;
	margin-bottom:0px;
	width:560px;
	margin-left:-30px;
}
div.cart input.submit {
	border:none!important;
	float: left;
	margin-top:-15px!important;
	clear:none!important;
	height: 80px;
	height:20px;
	cursor:pointer
}
div.cart label {
	float: left;
	margin-right:10px;
	text-align:left;
	padding:3px;
	font-size:11px;
	font-weight: bold;
}
div.cart select {
	float: left;
	padding:3px;
	border:1px solid #efefef;
	margin-right: 10px;
}
li.shop {
	position:absolute;
	left:243px;
	top: 0px;
	padding: 3px 0 7px 10px;
	border-left:1px solid #0ab0aa;
	height:19px;
}
li.shop a {
	text-indent:-2000px;
	display:block;
	width: 30px;
	height:24px;
	overflow:hidden;
	background:url(../images/shop-btn.png) no-repeat left 0px;
}
li.shop a:hover {
	text-indent:-2000px;
	display:block;
	width: 30px;
	height:24px;
	overflow:hidden;
	background:url(../images/shop-btn.png) no-repeat left -23px;
}
div.categories {
	position:relative
}
hr {
	background:transparent;
	color:#F2E7D1;
	height:10px;
	width:660px;
	margin:17px -30px 30px;
	float: left;
	clear: left;
}
fieldset legend {
	display: none;
}
ol ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol li {
	float: left;
	margin-right: 15px;
}
ul {
	float: left;
	margin-right: 15px;
}
label {
	display: block;
}
label.field-title {
	width:75px;
	font-weight: bold;
	float: left;
	padding-top: 3px;
}
label.txt-field {
	width: 186px;
	height: 21px;
	background: url(images/bg-loginboxes.png) no-repeat;
	float: left;
	margin-right: 10px
}
label.txt-field input {
	border: none;
	outline: none;
	background: none;
	padding: 2px 0 0 8px;
}