/* denisestiller.com css v1, http://www.denisestiller.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2005,  Nontajit "Go" Lertworachon */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */

/* Design and CSS created by Nontajit "Go" Lertworachon */
/* www.gografica.com */




body {
margin: 0px 0px 0px 0px;
background: #ffffff;
font-family: georgia, times, serif; 
color: #990033;
font-size: 11px;
font-weight: normal;
line-height: 15px;
}
	
a 			{ color: #cc0033; font-weight: bold; text-decoration: none; }
a:link		{ color: #cc0033; font-weight: bold; text-decoration: none; }
a:visited	{ color: #cc0033; font-weight: bold; text-decoration: none; }
a:active	{ color: #ff9900; font-weight: bold; text-decoration: none; }
a:hover		{ color: #ff9900; font-weight: bold; text-decoration: none; }
	
p {
margin: 0px 0px 10px 0px;
}

h1 {
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

h2 {
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
	
h3 {
font-size: 11px;
font-weight: bold;
line-height: 15px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

small {
font-size: 10px;
display: none;
}
	
/* begin masthead styles */

#masthead {
background: url("images/header.gif") 0px 0px no-repeat;
position: absolute;
left: 50%;
width: 720px;
height: 75px;
margin: 0px 0px 0px -360px;
}

#navigation {
color: #ffffff;
font-size: 10px;
vertical-align: bottom;
margin: 52px 20px 0px 0px;
float: right;
}

#navigation a { color: #ffffff; font-weight: bold; text-decoration: none; }
#navigation a:link		{ color: #ffffff; font-weight: bold; text-decoration: none; }
#navigation a:visited	{ color: #ffffff; font-weight: bold; text-decoration: none; }
#navigation a:active	{ color: #ffcc00; font-weight: bold; text-decoration: none; }
#navigation a:hover		{ color: #ffcc00; font-weight: bold; text-decoration: none; }

.active {
color: #ffcc00;
font-weight: bold;
}

/* end masthead styles */


/* begin content styles */

#content {
position: absolute;
left: 50%;
width: 720px;
height: 310px;
margin: 75px 0px 0px -360px;
text-align: center;
vertical-align: middle;
}

#wearable {
width: 350px;
height: 280px;
margin: 15px 0px 0px 0px;
float: left;
}

#table_accessories {
width: 350px;
height: 280px;
margin: 15px 0px 0px 0px;
float: right;
}

#copy {
width: 285px;
height: 245px;
text-align: justify;
padding: 35px 10px 35px 0px;
float: left;
}

#grid {
width: 425px;
height: 245px;
float: right;
}

.thumbnail {
width: 75px;
height: 75px;
margin: 0px 0px  10px 10px;
}

.table_thumbnail {
width: 132px;
height: 75px;
margin: 0px 0px  10px 9px;
}

#instruction {
width: 425px;
height: 35px;
font-family: georgia, times, serif; 
color: #990033;
font-size: 11px;
font-weight: bold;
line-height: 35px;
text-align: center;
float: right;
}

#how {
position: absolute;
left: 50%;
width: 720px;
height: 310px;
margin: 75px 0px 0px -360px;
text-align: center;
vertical-align: middle;
}

#about_copy {

width: 285px;
text-align: justify;
padding: 35px 0px  0px 75px;
float: left;
}

#about_image {
width: 275px;
text-align: right;
padding: 35px 75px  0px 0px;
float: right;
}


#contact_form {
margin: 20px 0px 0px 0px;
}

#store {
margin: 20px 0px 0px 0px;
}

/* end content styles */


/* begin footer styles */

#footer {
background: url("images/footer.gif") 0px 0px no-repeat;
position: absolute;
left: 50%;
width: 720px;
height: 25px;
font-family: georgia, times, serif; 
color: #ffffff;
font-size: 10px;
font-weight: bold;
line-height: 25px;
text-align: center;
margin: 385px 0px 0px -360px;
}

/* end footer styles */


/* begin popup styles */

#popup_content {
background: url("images/popup_top.gif") 0px 0px no-repeat;
width: 400px;
height: 400px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
float: left;
}

#popup_footer {
background: url("images/popup_footer.gif") 0px 0px no-repeat;
width: 480px;
height: 50px;
color: #ffffff;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 12px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
clear: left;
}

#popup_nav {
background: url("images/popup_logo.gif") 0px 0px no-repeat;
width: 80px;
height: 420px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#popup_nav ul {
margin: 200px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#popup_nav li {
background: #990033;
width: 75px;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
color: #ffffff;
font-weight: bold;
text-align: center;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #990033;
}

#popup_nav a, #popup_nav a:link, #popup_nav a:visited {
background: #ffffff;
width: 75px;
color: #990033;
text-decoration: none;
display: block;
}

#popup_nav a:hover {
background: #ff9900;
color: #ffffff;
}



/* end popup styles */