@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

/* RESET CSS by http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */

/* Begin main css */

body{
	
/*font-family: Verdana, Arial, sans-serif;*/
font-family:Arial, Helvetica, sans-serif;
background-color: #292929;

color:#1c1a1a;
/*background-image:url(../imgs/greenback.gif);*/
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 

	
	
                
	font-size: .8em;
	line-height:1.5em;
}
#wrap { 
  width: 1000px; 
  margin: 0 auto;
  height: auto;
  background-color: #FFF;
  height: 100%;
  -moz-box-shadow:    0px 0px 15px 5px #343434;
  -webkit-box-shadow:  0px 0px 15px 5px #343434;
  box-shadow:   	0px 0px 15px 5px #343434;  

}


h1 { font-size:1.8em; line-height: 2em; text-align: center; padding: .5em 0 .5em 0; font-weight: normal}
h2 {  font-size: 2.4em; line-height: 120%; font-weight:normal; font-family: "Adobe Garamond Pro", "Adobe Garamond", Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; }
h3 {  font-size: 1.2em; line-height: 120%; font-weight:normal; font-family: "Adobe Garamond Pro", "Adobe Garamond", Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; }
.title {  font-size: 1.6em; line-height: 120%; font-weight:normal; font-family: "Adobe Garamond Pro", "Adobe Garamond", Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; }

#header{
	
	color:#000;
	background-color: #949494;
	padding: 5px 5px 5px 10px;
	height: 100px;
	
}
#header img{ padding: 0 0 0 0; float: left}
#header img.catalogue  { padding: 0 0 0 0; float: right; }
/* DROPDOWN MENUS */
	
	
	/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navigation { clear:both;width:1000px; position:relative; z-index:100; background-color: #000; font-size:.8em; line-height: 120%; text-align: center;}
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:1001px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
#navigation ul {padding:0;margin:0;list-style-type:none;}
#navigation ul ul {width:125px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {float:left; width:125px;position:relative;}
#navigation li a.current{ background-color: #000; color:#00ff00 }
/* style the links for the top level */
#navigation a, #navigation a:visited { display:block;text-decoration:none; color:#000; /*width:150px;*/ background:#00ff00; padding: 8px 4px; border-right:1px solid #FFF;}
#navigation li:last-child a { border-right: none; } /* Doesn't work in IE */
/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:125px; w\idth:125px;}
/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#FFF}
/* style the second level hover */
#navigation ul ul a.drop:hover{ background-color:#00ff00}
#navigation ul ul :hover > a.drop {background-color:#00ff00}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden; position:absolute;height:0; left:0; width:150px;}
/* another hack for IE5.5 */
*html #navigation ul ul {top:20px;t\op:21px;}
/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#00ff00; color:#000; height:auto;  padding: 8px 4px; border-top:1px solid #FFF; border-right:none}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:125px;w\idth:125px;}
/* style the top level hover */
#navigation a:hover, #navigation ul ul a:hover{color:#00ff00; background:#000;}
#navigation :hover > a, #navigation ul ul :hover > a {color:#00ff00; background:#000;}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul, #navigation ul a:hover ul{visibility:visible;}

#content{
	
}

#content p{
	margin: 0;
	padding: 0 0 1em 0;
	
}
#content #c0{
	text-shadow: 0px 1px 0px #d6d6d6;
	width: 97%;
	padding: 0;	
}


#content #c1{
	text-shadow: 0px 1px 0px #d6d6d6;
width: 65%;
float: left;	
padding: 1em;

}
 #content #c2{
	 text-shadow: 0px 1px 0px #d6d6d6;
	width: 29%;
	float:right;
	padding: 1em;	
	
}

#footer{
	clear: both;
	
	color:#000;
	background-color: #949494;
	padding: 1em;
	font-size: .8em;
	
}

#footer a{

	color:#00ff00;
	text-decoration: underline;
	
}
/* LINKS */
a {
	text-decoration:underline;
	color: #000;
}
a:visited{
	text-decoration:underline;
	color: #000;
}
a:hover {
	text-decoration:none;
	
	color: #00ff00;
	background-color:#000;
}

a:active {
	text-decoration:none;
	
	color: #00ff00;
	background-color:#000;
}

hr {
display: block;
position: relative;
padding: 0;
margin: 8px auto;
width: 960px;
clear: both;
border: none;
border-bottom: 1px dashed #00ff00;
font-size: 1px;
line-height: 0;
overflow: visible;
}