@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:url(../images/bg.gif) no-repeat left bottom #D3DDD2 ; }
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a:link{text-decoration:none;color:#0ab0aa;outline:0}
a:visited{text-decoration:none;color:#0ab0aa;outline:0}
a:hover{background-color:#0ab0aa;text-decoration:none;color:#FFFFFF;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:20px;left:100px;z-index:80;width:230px;line-height:12px}

 

#menu div {height:22px;background:#000000; padding:7px 0 0 7px}
#menu a:link {
background-color:#000000;
text-decoration:none;
color:#FFFFFF;
outline:0
}
#menu a:visited {
background-color:#000000;
text-decoration:none;
color:#FFFFFF;
outline:0
}
#menu a:hover {
background-color:#000000;
text-decoration:none;
color:#0ab0aa;
outline:0
}

 
h1{position:relative;left:-120px;margin-bottom:-29px;width:120px;}
h1 span {display: none;}
h1 a {padding:8px 10px 9px 0; color:#fff; background: url(../images/camellie.png) no-repeat left top;  font-size:11px; display:block; height: 12px; width: 120px;}
h1 a:hover {background: url(../images/camellie.png) no-repeat left -34px; 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:11px; color:#ffffff;}
li a:hover,li.cur a {color:#0ab0aa; }

.box{position:absolute;top:15%;right:6%;width:660px;padding-bottom:100px; z-index:80;}
.box div {line-height:1.5em;background:#fff;padding:20px 30px}
.box div.images {padding:0px}
.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: 100%; height: 32px;}


h2.title.work{background: url(../images/work.gif) no-repeat -4px top; }
h2.title.misc{background: url(../images/misc.gif) no-repeat -4px top;}
h2.title.vector{background: url(../images/vector.gif) no-repeat -2px top;}
h2.title.about{background: url(../images/about.gif) no-repeat -1px top;}
h2.title.contact{background: url(../images/contact.gif) no-repeat -3px top;}
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:170px; top: 4px;  padding: 3px 0 7px 10px; height:19px;}
div.categories {position:relative}

hr {background:transparent; color:#F2E7D1; height:10px; width:660px; margin:17px -30px 30px; float: left; clear: left;}