/* Contents 
   1 - Main body formatting
   2 - Section ID formatting (single use per page)
   3 - Class formatting (multiple use)
   4 - Heading formatting
   5 - Link formatting
   
*/

/* Section 1 - Main body formatting */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009999;
}
body {
	background-color: #C6E8FE;
	background-image: url(images/bckgrnd.jpg);
	background-repeat:repeat-x;
}

/* Section 2 - Section ID formatting (single use per page) */
#wrapper {
	width: 900px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-image:url(images/background.jpg);
	background-repeat:repeat-y;
}
#header {
	background-color: #110000;
	background-image:url(images/title.png);
	background-repeat:no-repeat;
	height:130px;
}
#headline {
	background-color: #110000;
	background-image:url(images/images/Neew-Home_05.jpg);
	background-repeat:no-repeat;
	height:184px;
}
#intro{
	background-color: #110000;
	background-image:url(images/images/Neew-Home_06.jpg);
	background-repeat:no-repeat;
	height:210px;
}
#nav {
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 0px;
	margin-left:16px;
	background-color:#000000;
	height: 35px;
}
#Navbar_Text {
	text-align: left;
	color:#000001;
	background-image:url(images/images/Neew-Home_04.jpg);
}
#mainbody{
	background-color: #ffffff;
}
#footer {
	clear:both;
}

/* Section 3 - Class formatting (multiple use) */
.footer {	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #404040;
}
.main {
	text-align: left;
	padding:10px;
	position:relative;
	z-index:1;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.heart {
	float: right;
	z-index:100;
}
.quotes {
	font-family:"Comic Sans MS";
	background-position: center;
}
.quoteform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}
.image {
	text-align: center;
	float: left;
	height: auto;
	width: auto;
	border: 1px solid #E1BAA9;
	margin: 10px;
}
.desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: center;
	width: 200px;
}
.highlight {
	color: #C83873;
}
.newsbox {
	border: thin double #009999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #009999;
	FONT-WEIGHT: normal;
	padding: 8px;
}
.right {
	float: right;
	margin:10px;
}
.left {
	float: left;
	margin:10px;
}
.desc {
	color: #333333;
	background-color: #B8E1FE;
	margin: 10px;
	padding: 10px;
	float: right;
	width: 350px;
	font-size:12px;
	border: 1px solid #0099FF;
	font-family: Verdana, Helvetica, sans-serif;
}
.shop-pic {
	margin: 7px;
	float: left;
}
.outofstock {
	font-size: 11px;
	font-weight: normal;
	margin: 10px;
	float: left;
	width: 200px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #CD6F6F;
	padding: 3px;
	border: thin double #CD6F6F;
}


/* Section 4 - Heading formatting */
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14pt;
	color: #009999;
	FONT-WEIGHT: 700;
} 
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12pt;
	color: #E37EAD;
	FONT-WEIGHT: 700;
}
h3 {
	font-size: 16px;
	margin-top: 0px;
	color: #009999;
}
h4 {
	font-size: 14px;
	margin-top: 0px;
	color: #009999;
}

/* Section 5 - Link formatting */
a.men:link, a.men:visited, a.men:active{
	color: #009999;
	font-size: 18px;
	text-decoration: none;
}
a.men:hover {
	text-decoration: underline;
	font-size: 18px;
	color: #E37EAD;
}
a.gal:hover a.gal:link a.gal:visited a.gal:active {
	font-size:10px;
}
a.norm:link, a.norm:visited, a.norm:active {
	color: #009999;
	font-size: 14px;
	font-weight: bold;
}
a.norm:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #E37EAD;
	font-weight:bold;
}
a.shop:link, a.shop:visited, a.shop:active {
	color: #009999;
	font-size: 14px;
}
a.shop:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #E37EAD;
}
a.foot:link, a.foot:visited, a.foot:active {
	color: #333333;
	font-size: 10px;
	text-decoration: none;
	padding-top:0px;
}
a.foot:hover {
	text-decoration: underline;
	font-size: 10px;
	color: #E37EAD;
	padding-top:0px;
}
a.title:link, a.title:visited, a.title:active{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #009999;
	padding-top:0px;
}
a.title:hover {

	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
	padding-top:0px;
}

/*Hovering images*/
a.screen, a.screen:visited {
color:#E37EAD; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:408px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #E37EAD; /* add a border */
left:-80px; /* position:the image */
top:-100px;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:408px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #E37EAD; /* add a border */
left:-80px; /* position:the image */
top:-100px;
}

a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:313px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}