/*
--------------------------------
Author: Zecki.com
Date:   June 2007
-------------------------------- 
*/

/*	-----------------------------------------
  	Set Cross Browser Relative Font Sizes
	-----------------------------------------	*/

body, body div, body p, body table, body th,
body td, body li, body dd, textarea    {
    font-size: small;
     }


Body {
	margin:0;
	padding:0;
	margin:0;
	border:0;
	height:100%;
	text-align:center;
	background:#352A20 url(images/bg-page.jpg) repeat-x top left;
	}

/*	-----------------------------------------
  	Font Colour and Family
	-----------------------------------------	*/
HTML, Body, Table, TH, TD, DIV, P 	{
	color:#CCC4B9;
	font-family: Arial, Helvetica, sans-serif;
	}

p {
	line-height:1.1em;
	margin:0;
	margin-bottom:10px;
	}
	
UL, OL {
	margin-top:0;
	margin-bottom:5x;
	}	

/*	-----------------------------------------
  	Default Link Colurs
	-----------------------------------------	*/
a:link, a:active, a:visited,
a:link p, a:active p, a:visited p {
  color:#CC6666;
  text-decoration:none;
  }
  
a:hover,
a:hover p {
	color:#FF0033;
	}
 
img {
	border:none;
	}

/* 	-----------------------------
	Core Page Structure 	
	----------------------------- */
.shell {
	position:relative;
	width:729px;
	margin:0 auto;
	padding:10px 20px;
	text-align:left;
	background:url(images/bg-feature-main.jpg) no-repeat top center;
	} 
	
.page-home .shell {
	width:769px;
	padding:0 0 20px 0;
	background:url(images/bg-feature-nosink.jpg) no-repeat top center;
	} 		

/* 	-----------------------------
	Header and Navigation 	
	----------------------------- */

.header {}
	
/* 	-----------------------------------------
	Navigation - Site Tools 	
	----------------------------------------- */

div.sitetools { 
	position:absolute;
	top:10px;
	right:10px;
	}

.sitetools ul { 
	list-style: none;
	margin:0;
	}
	
.sitetools li {
	display:inline;
	padding:0 5px;
	text-indent:0;
	font-size:0.85em;
	}

/* 	-----------------------------------------
	Navigation - Main 	
	----------------------------------------- */

.nav { 
	position:relative;
	overflow: visible;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	margin:0;
	padding-bottom:2px;
	vertical-align:middle;
	border-bottom:1px solid #41392C;
	}

 ul { 
	list-style: none;
	margin:0;
	margin-top:7px;
	padding:0;
	}
	
.nav ul li {
	display:inline;
	padding:0 10px 0 12px;
	font-size:0.85em;
	font-weight:bold;
	color:#fff;
	}

.nav ul li.first {
	padding-left:0;
	}
.nav ul li.logo {
	padding-left:0;
	}
	
.nav ul li.logo img {
	position:relative;
	top:2px;
	}	

.nav div.separate {
	position:absolute;
	text-align:right;
	padding-bottom:2px;
	line-height:1em;
	right:0;
	top:5px; /* might do separate styles for IE */
	font-size:0.85em;
	font-weight:normal;
	}


.nav a:link,
.nav a:active,
.nav a:visited {
 	color:#B6A081;
	}	

.nav a:hover {
 	color:#fff;
	}	

 	
	
	
/* 	-----------------------------------------
	Content Container 	
	-----------------------------------------	*/	
	
.page-body {
	position:relative;
	/* top:245px; */
	width:729px; /* IE Hacks file for 5.x needs box model hack */
	padding:10px 0;
	padding-top:250px;
	overflow:auto;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	}

.page-home .page-body {
	width:769px;
	}

.page-splash .page-body {
	padding-top:350px;
	padding-bottom:30px;
	text-align:center;
	}


/* 	-----------------------------------------
	Home Flash 	
	-----------------------------------------	*/
.flash {
	margin:0;
	padding:0;
	}



/* 	-----------------------------------------
	Single column layout - full width 	
	-----------------------------------------	*/	
	
.content-main-full {}
	
/* 	-----------------------------------------
	Two column layout - main column 	
	-----------------------------------------	*/	
	
.content-main {
	float:left;
	width:519px;
	}

.page-home .content-main {
	width:354px;
	}

/* 	-----------------------------------------
	Two column layout - extra column 	
	-----------------------------------------	*/	
.content-extra {
	float:right;
	width:190px;
	}

.page-home .content-extra {
	width:354px;
	}	

/*	-----------------------------------------
  	Headings
	-----------------------------------------	*/

h1 {
  	font:145%/1.1em  Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#B6A081;	
	margin:0 0 10px 0;
	/* padding-bottom:6px;
	 background:transparent url(images/bg-dots-brown.gif) repeat-x bottom left; */
	}

h2 {
  	font:130%/1.2em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#B6A081;
	padding-top:5px;
	margin:0 0 7px 0;
	}
	
h3 {
  	font:110%/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B6A081;
	padding-top:5px;
	margin:0 0 5px 0;
	}

h4 {
  	font:100%/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B6A081;
	padding-top:5px;
	margin:0 0 2px 0;
	}

/*	-----------------------------------------
  	Abstract - short description of page
	-----------------------------------------	*/

.abstract h1, 
.abstract h2,
.abstract h3,
.abstract h4 {}
	
.abstract {
	font:110%/1.2em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#666666;
	font-size:1.1em;
	margin-bottom:10px;
	}

.abstract p {}

/*	-----------------------------------------
  	Error Message Box
	-----------------------------------------	*/

.error {
	padding:10px 10px 5px 40px;
	background:#FCC url(images/ico-error.gif) no-repeat 10px 12px;
	border:1px solid #C99;
	margin-bottom:10px;
	}
	
.error p {}		

/*	-----------------------------------------
  	Content Pics
	-----------------------------------------	*/

img.pic-content {
	border:1px solid #887C5B;
	margin:0 0 2px 5px;
	float:right;	
	}

img.pic-content-alt {
	border:1px solid #887C5B;
	margin:0 5px 2px 0;
	float:left;	
	}


img.pic {
	border:1px solid #887C5B;
	}


/*	-----------------------------------------
  	Page Footer
	-----------------------------------------	*/

.footer {
	position:relative;
	width:729px;
	margin:15px auto;
	color:#352A20;
	overflow:auto;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	padding-top:5px;
	text-align:left;
	border-top:1px solid #40352A;
	}

.footer ul { 
	list-style: none;
	margin:0;
	padding:0;
	}
	
.footer ul li {
	display:inline;
	padding:0 10px;
	font-size:0.85em;
	}

.footer ul li.first {
	border:none;
	padding-left:0;
	}	

.footer p {	
	font-size:0.85em;
	color:#675646;
	}
	
.footer a:link,
.footer a:visited,
.footer a:active {
	color:#B6A081;
	}
	
.footer a:hover {
	color:#fff;
	}

.web-design a:link,
.web-design a:visited,
.web-design a:active {
	color:#675646;
	}

.web-design a:hover {
	color:#fff;
	}
	
/* 	-----------------------------------------
	Main Promo 	
	-----------------------------------------	*/
.home-page-banner {}

/* 	-----------------------------------------
	Small Side Promo Boxes
	-----------------------------------------	*/
.promo-side { 
	margin-bottom:10px;
	}
	
/* 	-----------------------------------------
	More Links 	
	-----------------------------------------	*/

.more A,
.more A:visited,
.more A:active	{
	vertical-align:middle;
	padding-left: 10px;
	BACKGROUND: transparent url(images/ico-more.gif) no-repeat left center;
	}

.more A:hover	{
	BACKGROUND:transparent url(images/ico-more_dn.gif) no-repeat left center;
	}
	
/*	-----------------------------------------
  	Forms Fields
	-----------------------------------------	*/

/* Remove extra spacing created by form tag */
FORM {
	margin: 0px;
	padding: 0px
	}

/* Set Standard Form Fiel styles */
.fields-xxl,
.fields-xl,
.fields-l,
.fields-m,
.fields,
.fields-s,
.fields-xs,
.fields-xxs,
.fieldstext {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	}

SELECT {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	height:20px;
	} 
	
.fields-xxl	{width:400px;}
.fields-xl	{width:250px;}
.fields-l 	{width:200px;}
.fields-m 	{width:150px;}
.fields 	{}
.fields-s 	{width:100px;}
.fields-xs 	{width:65px;}
.fields-xxs	{width:22px;}

TEXTAREA  {
	font-size:1em;
	padding: 2px;
	width:400px;
	font-family: Arial, Helvetica, sans-serif;
	}  

/*	-----------------------------------------
  	Forms Tables
	-----------------------------------------	*/

.forms-tb {
	border-collapse:collapse;
	}

.forms-tb th {
	font-size:1.2em;
	}

.forms-tb th, 
.forms-tb td {
	padding:4px 2px;
	text-align:left;
	}

.forms-tb tbody td {}
.forms-tb label {
	font-weight:bold;
	font-size:0.9em;
	color:;
	padding-right:10px;
	}
	
.term-butts {
	text-align:left;
	}	
	
.hint {
	font-size:0.75em;
	color:#FF66FF;
	}	

fieldset {
	border:none;
	padding:0;
	margin:0 0 10px 0;
	}

/*	-----------------------------------------
  	Forms Buttons
	-----------------------------------------	*/
.but-pg-primary {
	font-weight:bold;
	}
.but-pg-secondry {}
.but-pg-cancel {}		

/*	-----------------------------------------
  	In Content Columns
	-----------------------------------------	*/
.columns-group {
	position:relative;
	margin-bottom:10px;
	overflow: visible;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	}
	
.columns-group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}		
	
	/* 
	Containing floats inside container (columns-group) for Standard Compliant Browsers
	clear:after CSS 2 property allows extra content to be added at the end of an element via the CSS.
	Not Supported by ie/Win
	*/
	

.columns-a {
	text-align:left;
	width:49%;
	float:left;
	}	

.columns-b {
	text-align:left;
	width:49%;
	float:left;
	}	
	
/* Individual Columns */
#home-album .columns-a  {
	width:110px;
	float:right;
	}

#home-album .columns-b {
	width:439px;
	float:right;
	}

	

/*	-----------------------------------------
  	Simple output table
	-----------------------------------------	*/
.simple-tb {
	margin-bottom:10px;
	}

.simple-tb td {
	padding:0 10px 4px 0;
	vertical-align:top;
	}
	
.simple-tb th {
	text-align:left;
	vertical-align:top;
	padding:0 10px 4px 0;
	}	


/*	-----------------------------------------
  	In Content Table
	-----------------------------------------	*/

.content-tb {
	border-collapse:collapse;
	margin-bottom:10px;
	}
	
.content-tb td,
.content-tb th	{	
	padding:5px;
	text-align:left;
	vertical-align:top;
	border:1px solid #000;
	font-size:0.9em;
	}
	
.content-tb td {
	background:transparent url(images/bg-dots-h.gif) repeat-x bottom left;
	border-bottom:none;
	border-top:none;
	}

.content-tb th {
	background:transparent url(images/bg-side-nav-header.jpg) repeat-x top left;
	}

.content-tb tbody td {}

/*	-----------------------------------------
  	Output Repeater Tables
	-----------------------------------------	*/

.output-tb {
	border-collapse:collapse;
	background:transparent url(images/bg-dots-h.gif) repeat-x top left;
	margin-bottom:10px;
	}

.output-tb td {
	padding:2px 3px;
	text-align:left;
	vertical-align:top;
	}

.output-tb th {
	padding-top:5px;
	text-align:left;
	vertical-align:top;
	}

.output-tb tbody td {
	background:transparent url(images/bg-dots-h.gif) repeat-x bottom left;
	}

tbody.alt-tb td	{ /* takes away the bottom border from this td */
	background:none;
	}

.output-tb tfoot td {}

/*	-----------------------------------------
  	Gallery Repeater Tables
	-----------------------------------------	*/
.gallery-tb {
	border-collapse:collapse;
/*	background:transparent url(images/bg-dots-h.gif) repeat-x top left;*/
	margin-bottom:10px;
	}

.gallery-tb td {
	padding:0;
	text-align:left;
	vertical-align:top;
	}

.gallery-tb th {
	padding-top:5px;
	text-align:left;
	vertical-align:top;
	}

.gallery-tb tbody a img {
	border:1px solid #40352A;
	margin:1px;
	}
	
.gallery-tb tbody a img:hover {
	border:2px solid #fff;
	margin:0px;
	}	

.gallery-tb tbody td {
	/*background:transparent url(images/bg-dots-h.gif) repeat-x bottom left;*/
	}

/*	-----------------------------------------
  	Tabular Display Table
	-----------------------------------------	*/

.tabular-tb {
	border-collapse:collapse;
	margin-bottom:10px;
	}
	
.tabular-tb td,
.tabular-tb th	{	
	padding:5px;
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
	font-size:0.9em;
	}
	
.tabular-tb td {
	background:#eee url(images/bg-dots-h.gif) repeat-x bottom left;
	border-bottom:none;
	border-top:none;
	}

.tabular-tb th {
	background:#ddd;
	}

.tabular-tb tbody td {}


.recommended {
	color:#000;
	}
	
/*	-----------------------------------------
  	Spacers and Clearing Divs
	-----------------------------------------	*/

.divider {
	display:block;
	height:1px;
	line-height:0;
	margin:0.5em 0;
	border:0;
	border-top:1px dashed #ccc;		
	}
	
/* Clearer div */
.clearer {
	float:left;
	clear:left;
	height:1%;
	line-height: 0; 
	height: 0;
	}	
	
.spacer {
	display:block;
	padding:0;
	height:10px;
	line-height:0;
	}

.links-list {
	margin-top:45px;
	margin-bottom:240px;
	}

/*	-----------------------------------------
  	Text that replaces images for printing
	-----------------------------------------	*/
	
div.print-header {
	display:none;
	}
	
/*	-----------------------------------------
  	Home Graphics
	-----------------------------------------	*/
.promo-home { margin-bottom:10px;}

.promo-boxes-home {
	position:absolute;
	top:55px;
	width:150px;
	}

#promo-box-home-a {
	left:90px;
	}
	
#promo-box-home-b {
	left:235px;
	}
	
#promo-box-home-c {
	left:380px;
	}
	
#promo-box-home-d {
	left:550px;
	}