body, html { padding: 0; margin: 0; font-size: 1.0em; font-family : verdana, arial, sans-serif; width: 100%;  height: auto !important; height: 100%; background: #000000; color: #ffffff;}
#container { width:100%; height:auto !important; height:100%; min-height: 800px !important; margin:0; padding:0; position:relative; }
#wrapper { width: 80%; min-width: 600px; float: left; padding: 0; height: 100%; position: relative; }
#sidebar { width: 20%; min-width: 250px; height: 100%; padding:0; }
.content {  position: relative; padding: 20px; margin: 85px auto auto 10%; width: 80%; max-width: 600px;}
.globey { background: transparent url(../images/helloworld.png) no-repeat;  width: 200px; height: 208px; position: fixed; top: 50px; right: 10px; z-index: 200;}

a {	text-decoration: none;  font-weight: bold; outline-style: none;		}
a img {border: 0; }
a:link, a:visited { color: #36a6d6; /*teal*/ background: inherit;  }
a:hover 	{	color: #8041A8; /*purple*/ background: inherit;		}
a:focus, a:active  { outline: none; border: 0; }

/* Design */
.design { margin: 0 20px 30px 20px;}
.design_subheader {  font-size: 1.20em; display: block; text-align: center; margin: 10px 40px;}
.design_contact {  font-size: 1.20em; display: block; text-align: center; margin: 10px;}
.designblocksubheading { color: #ffd12e; background: transparent; text-align: center; font-style: italic; display: block;}
.design_p {  font-size: .85em; }
.design_p_block { width: 80%; margin-right: auto; margin-left: auto; position: relative;}
.designblockheading { color: #ffffff; background: transparent; text-align: center; font-size: 1.20em; font-style: italic; display: block;}
.indent { text-indent: 30px; }
.design_header { font-family: Tork, "Kristen ITC", "Lucinda Calligraphy", sans-serif; color:#3E10E8;/*deep blue*/ font-weight: bold; font-size: 1.75em;}
.design_header_small { font-family: Tork, "Kristen ITC", "Lucinda Calligraphy", sans-serif; color:#ffd12e; /*bright yellow*/font-weight: bold; font-size: 1.30em; }
.design_header_green { font-family: Tork, "Kristen ITC", "Lucinda Calligraphy", sans-serif; color: #0f8e08; font-weight: bold; font-size: 1.85em; z-index: 120; }
.design ul { margin-right: 30px; }
.design li { list-style-type: none; padding: 10px; font-size: .80em; }
.design li ul { padding-top: 10px;}
.design li ul li { list-style-type: none; padding: 5px; font-size: 1.0em;}
.google ul, .google li {  padding: 0 !important ; }

.designblock { background: #ffd12e; width: 80%; margin: 50px auto;}
.curvetop div  { background: url(../images/topright.png) no-repeat top left; }
.curvetop      { background: url(../images/topleft.png) no-repeat top right; }
.curvebottom div  { background: url(../images/bottomleft.png) no-repeat bottom left; }
.curvebottom      { background: url(../images/bottomright.png) no-repeat bottom right; }
.curvetop div, .curvetop, .curvebottom div, .curvebottom {	width: 100%;	height: 43px;	font-size: 1px;}
.blockcontent  { margin: 0 43px; color: #000000; font-size: .80em;}
.designblockhead { color: #ffffff; font-weight: bold; background: transparent; text-align: center; font-size: 1.50em; font-style: italic; }

/* fonts and such */
@font-face {  font-family: Tork;  src: url(../fonts/tork.ttf) format("truetype");}
@font-face {  font-family: Tork;  src: url(../fonts/torkb.ttf) format("truetype"); font-weight: bold;}
.bizname { font-family: 'Permanent Marker'; font-weight: bold;  }
.bold	{	font-weight: bold;}
.sm { font-size: 80%; }
h5	{	font-size : 1.4em;	font-weight : bold;	 }
.redtext	{color: red;  background: transparent; font-style: italic; }
.red { color: #cc0000;}
.orange { color: #ff3300; }
.yellow { color: #ffd12e; }
.yellowbg { background: #ffd12e; }
.green  { color: #0f8e08;}
.seafoam { color: #B5D6AB; }
.blue  {color: #3e10e8;}
.deepblue { color: #004BCF; }
.teal { color: #418FAA; }
.purple  {color: #8041A8;}
.violet  { color: #cc00cc;}

.globey_blue { color: #467bdc; }
#small a:hover {color: #8041A8; text-decoration: none; }
.white { color: #ffffff; font-size: 1.50em;}
.textcenter {color: #999966; background: transparent; font-size: 80%; font-weight: bold; margin-left: 370px; text-align: center;   width: 50%;  }

/* Clearfix */
.clearfix:after {	content:" "; 	display:block; 	height:0;	font-size:0; 	clear:both; 	visibility:hidden;}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear { clear: both; }
/* End hide */

/* header */
#head {position: fixed; width: 100%; height: 50px; background: #000000;  z-index: 100; top: 0;}
.hww { /* color:#999967; */ background:transparent; font-size:.90em; font-weight:bold; padding:0; margin: 10px 20px; width: 300px; z-index: 105;}
.hww li {list-style-type: none; white-space: nowrap;}
.hww a, .hww a:visited { /* color: #36a6d6; */ background: transparent; }
.hww a:hover { /* color: #8041A8; */ }
.address { font-size: .60em; /* color: #cccc99; */ z-index: 105; clear:both; }
#right { font-weight: bold; font-size: .80em;  padding: 0 0 1em 0; margin: 10px; right: 20px; position: fixed; float: right; z-index: 105; clear: both;}
#right li { list-style-type: none;  display: inline; padding-left:25px; }
/*
#right a:link, #right a:visited { color: #999967; }
#right a:hover { color: #8041A8; }
*/
.opaque {height: 25px; width: 100%; top: 50px; background: #000000; opacity: 0.7; position: fixed;  }
.opaque2 {height: 15px; width: 100%; top: 75px; background: #000000; opacity: 0.5; position: fixed;  }

/* Navigation */
#navigation { position:fixed; top:250px; min-width: 200px; right: 30px; z-index:200; padding:0; margin-bottom: 200px !important; margin-left: 750px;}
#nav a:link, #nav a:visited	{ /* color: #36a6d6; */ background: inherit; }
#nav a:hover { /* color: #8041A8; */ background: inherit; }
#nav li { list-style-type: none; font-weight: bold; font-size: .90em; white-space: nowrap; padding: .25em 0; text-align: right;  }

.email { }
.img_left { left:0; top: 0; }

/* positioning */
.center { text-align: center; margin-left: auto; margin-right: auto;}
.pad5 {padding: 5px; }
.pad10 {padding: 10px 0px; }
.pad25 {padding: 25px 0px; }
.pad25top {padding: 25px 0 0 0; }
.pad50 {padding: 50px 0px; }
.pad100 {padding: 100px 0px; }
.pad150 {padding: 150px 0px; }


.cart { margin: 30px auto; display: block; width: 200px; height: 184px; background: url(../images/carthover.png) no-repeat 0 0;}
.cart:hover { background: url(../images/carthover.png) no-repeat 0 0; display: block; width: 200px; height: 184px;   }
.hide {display: none; }
.cartlink {display: block; }

/* Contact Us button */
.contact { margin-right: auto; margin-left: auto; display: block; width: 200px; height: 95px; background: url(../images/contact-sprite.png) no-repeat 0 0;  }
.contact span { display: none; }
.contact:hover { background-position: 0 -94px; }