body {
	background-color	: #EEEEEE;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	font-family			: Arial, Verdana, Helvetica, sans-serif;
	color				: #666666;
	background-image	: url(../images/bg.jpg);
	background-repeat	: repeat-x;
}


/**********************
HIDDEN PAGE ELEMENTS
***********************/

.hide {
	display: none;
}
#skip {
	display: none;
}
#printableLogo{
	display: none;
}

/**********************
CENTRE PAGE IN WINDOW
***********************/

#centre {
	width: 100%;
	text-align: center;
}

#container {
	width:800px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	background-image:url(../images/mainbg2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	border-top:2px solid #78834A;
}

/**********************
LOGO
***********************/
#logo {
	width: 170px;
	margin: 10px 0px 5px 10px;
	padding: 0px;	
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
	float: left;		
}


/**********************
TOP NAV
***********************/
#topnav {
	width: 600px;
	margin: 55px 10px 15px 0px;
	padding: 0px;
	background-image:url(../images/maincontainerbg.jpg);
	background-repeat:repeat-y;
	text-align:right;
	float:right;
	
	font-size: 11px;
	line-height: 15px;
	color: #78834A;
}

#topnav ul{

	padding:0px;
	margin:0px;
}
#topnav li{	
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
}

#topnav a:link 		{color: #78834A; text-decoration: none;}
#topnav a:visited 	{color: #78834A; text-decoration: none;}
#topnav a:hover 	{color: #BBC3A8; text-decoration: none;}

/**********************
NAVIGATION
***********************/
#navigation {
	width: 170px;
	margin: 0px;
	padding: 0px;	
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
	float: left;		
}

#navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#navigation li {
	float: left;
	margin: 0px 0px 5px 10px;
	list-style: none;
}

#navigation li.dotted {
width:170px;
	height:1px;
	display:block;
	float: left;
	margin: 0px 0px 5px 10px;
	list-style: none;
	background-image:url(../images/nav_dots.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#navigation a {
	text-decoration: none;
	display: block;
	width:170px;
	height: 22px;
	text-indent: -5000px;
}
#navigation a:visited {}
#navigation a:hover {}

#navigation #greetings 		  	   {background-image: url(../images/greetings.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #greetings:visited 	   {background-position: 0px 0px}
#navigation #greetings:hover       {background-position: 0px -22px;}
#navigation #greetings:active  	   {background-position: 0px -44px;}
#navigation #greetings strong  	   {background-position: 0px -44px;}
#navigation #greetingsSelected     {background-image: url(../images/greetings.jpg); background-repeat: no-repeat; background-position: 0px -45px;	display: block; width:170px; height: 22px; text-indent: -5000px;}

#navigation #stationary 		   {background-image: url(../images/stationary.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #stationary:visited	   {background-position: 0px 0px}
#navigation #stationary:hover      {background-position: 0px -22px;}
#navigation #stationary:active   	{background-position: 0px -44px;}
#navigation #stationary strong  	{background-position: 0px -44px;}
#navigation #stationarySelected     {background-image: url(../images/stationary.jpg); background-repeat: no-repeat; background-position: 0px -45px;	display: block; width:170px; height: 22px; text-indent: -5000px;}

#navigation #surface 	      		{background-image: url(../images/surface.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #surface:visited		{background-position: 0px 0px}
#navigation #surface:hover     		{background-position: 0px -22px;}
#navigation #surface:active  	   {background-position: 0px -44px;}
#navigation #surface strong  	   {background-position: 0px -44px;}
#navigation #surfaceSelected     	{background-image: url(../images/surface.jpg); background-repeat: no-repeat; background-position: 0px -45px;	display: block; width:170px; height: 22px; text-indent: -5000px;}

#navigation #illustration 		  	{background-image: url(../images/illustration.jpg); background-repeat: no-repeat;background-position: 0px 0px;}
#navigation #illustration:visited 	{background-position: 0px 0px}
#navigation #illustration:hover       {background-position: 0px -22px;}
#navigation #illustration:active  	   {background-position: 0px -44px;}
#navigation #illustration strong  	   {background-position: 0px -44px;}
#navigation #illustrationSelected     {background-image: url(../images/illustration.jpg); background-repeat: no-repeat; background-position: 0px -45px;	display: block; width:170px; height: 22px; text-indent: -5000px;}


/**********************
MAIN CONTENT AREA
***********************/

#mainContainer {
	width: 600px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float:right;
}

#mainImg
{
    width: 600px;
    height: 448px;
    border: 0px;
}

#content {
	width: 600px;
	margin:0px;	
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

#content p{
	width:500px;
	font-size: 12px;
	line-height: 17px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 10px 0px;
	color: #666666;
}
#content h1{
	font-size: 14px;
	font-weight:bold;
	color: #9D962E;
	padding:10px 0px 0px 0px;
	margin:0px;
}
#content h2{
	font-size: 12px;
	font-weight:normal;
	color: #9D962E;
	padding:5px 0px 5px 0px;
	margin:0px;
}
#content h3{
	font-size: 11px;
	font-weight:bold;
	color: #9D962E;
	padding:10px 0px 0px 0px;
	margin:0px;
}
#content h4{
	font-size: 11px;
	font-weight:normal;
	color: #9D962E;
	padding:10px 0px 0px 0px;
	margin:0px;
}

#content td{
	font-size: 12px;
	line-height: 17px;
	color: #666666;
}

#content .textbox{
	width:150px;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
}

#content .enqbox{
	width:320px;
	height:50px;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
}

#content ul{
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	padding:5px 0px 5px 28px;
	margin:0px;
}
#content li{
	color: #898952;
	list-style:disc;
	padding:5px 0px 5px 0px;
	margin:0px;
}

#content li li{
	color: #666666;
	list-style:disc;
	padding:5px 0px 0px 0px;
	margin:0px;
}

#content ul ul{
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	padding:0px 0px 10px 15px;
	margin:0px;
}

#content span{
	color: #666666;
	font-weight:normal;
}

#content small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#content a:link 	{color: #78834A; text-decoration: none;}
#content a:visited 	{color: #78834A; text-decoration: none;}
#content a:hover 	{color: #BBC3A8; text-decoration: none;}

/**********************
IMAGE SELECTOR
***********************/
#imgSelectBar
{
    padding-top: 20px;
    padding-bottom: 10px;
}

#imgSelectBar table td
{
    padding-right: 8px;
}

#imgSelectBar table td img
{
    width: 71px;
    height: 71px;
    border: 0px;
}

#imgSelectBar table td #imgSelectRArrow
{
    width: 39px;
    height:30px;
    border: 0px;
    padding-bottom: 10px;
}

#imgSelectBar table td #imgSelectLArrow
{
    width: 39px;
    height:30px;
    border: 0px;
}

/**********************
FOOTER
***********************/

#footer {
	width:800px;
	height:40px;	
	margin:0px;
	padding:3px 0px 0px 0px;	
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color: #ffffff;
}

#footer1 {
	width:175px;
	margin: 10px;
	float: left;
}

#footer2 {
	width:360px;	
	margin: 10px;
	float: left;
}
#footer2 ul {
}
#footer2 li {
}
#footer2 a:link {
	color: #ffffff;
	text-decoration: none;
}
#footer2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer3 {
	width:190px;
	margin: 10px;
	text-align:right;
	float: right;
}

#footer3 a:link {
	color: #ffffff;
	text-decoration: none;
}
#footer3 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer3 a:hover {
	color: #ffffff;
	text-decoration: underline;
}