/* CSS Document */

/* Saturn Design Style Sheet
/  Dec 2007
/  by David Mutch
/  Visionary Voyager Corporation Pty Ltd
*/


HTML, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em} /* for Opera */

body { margin: 10px 20px; background:url(images/bg_grad.jpg) fixed repeat-x; background-color: #D9CFE4}
/*Black BG style if needed - body { margin: 10px 20px; background-color: #000000}*/

a { color:#504050; font-weight:bold; text-decoration:none; }

a:hover { color:#807080; text-decoration:underline; }

p { line-height:1.5em; margin:0 0 15px; }


#page-container {  background-color: #F0F0F2; margin: 0 0 }



                            /**** Banner and Titles  ****/

#banner {
	width: 100%;
	height: 174px;
	background: url(images/new_banner_repeat.jpg) repeat-x;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	text-align: left;
/* 	border-left: #DDDDDD solid 0.01em;
	border-top: #DDDDDD solid 0.01em;
	border-right: #DDDDDD solid 0.01em;*/ 
}

/* The following four styles are not used in the curernt site - used in earlier version

.titleUnder {font-size: 400%; position: absolute; top: 34px; left: 230px; color:#330033; width: 550px}

.titleOver  {font-size: 400%; position: absolute; top: 32px; left: 228px; color: #BDB4C7; width: 550px}

.subTitle {font-size: 35%; position: relative; top: 40px; left: -120px}

.catchLine {
	font-size: 135%;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-align:right;
	color: #BDB4C7;
	float: right;
	margin-right: 10px;
	margin-top: 10px
}

..............   */


                            /**** Top Nav Bar ****/

#topNav {
	display: block;
	margin: 0;
	padding: 0;
	background:url(images/nav_horiz_normal_bg.gif) repeat-x;
	height: 36px;
	width: 100%;
	font-weight:bold;
	}
	
#topNav ul {float: left; margin: 0; padding: 0; font-size: 140%; }

#topNav li {float: left; list-style-type: none }

#topNav a  {
	float: left;
	width: 124px;
	display: block;
	text-align: center;
	line-height: 2.4;
	border-right: groove 3px #FFEEFF;
	text-transform:uppercase;
}

#topNav a:hover {
	background: url(images/nav_horiz_hover_bg.gif) repeat-x 0 1px; height: 34px
}




                            /**** Site location Identifiers  ****/

#page-home #tnav-home a,
#page-services #tnav-services a,
#page-packages #tnav-packages a,
#page-showroom #tnav-showroom a,
#page-clients #tnav-clients a,
#page-contact #tnav-contact a {
	background:url(images/nav_horiz_hilite_bg.gif) repeat-x 0 1px; color: #702FB5; height: 34px;
}



                            /* Main Page area  */

#container {
	/*clear: both;*/
	padding: 15px 0 0 0;
	background: #F0F0F0 url(images/content-bg.jpg) repeat-x}

#content3col {margin:0 200px 0 16px; padding: 0; height: 100%}
#content2col {margin:0 16px 0 16px; padding: 0; height: 100%}

#container img {
	margin: 0 auto 5px auto;
	padding: 2px;
	border: solid #ccc 1px;
	border-bottom-color: #eee;
	border-left-color: #ddd;
	border-right-color: #bbb;
	background-color: #fff;
}

.content {
	width: auto;
	padding: 5px 5px 2px 12px;
	margin: 0;
	margin-bottom: 15px;
	color:#2a2a2a;
	background: #e6e6e6 url(images/entrybg.png) repeat-x;
	border: 2px solid #FFF;
	font-size: 110%;
}

.content H1 {
	letter-spacing: 2px;
	font-size: 180%;
	font-weight: bold;
	line-height: 100%;
	color: #666;
	margin: 0 0 13px 0;
	padding-bottom: 8px;
	border-bottom: 2px solid #abb;
}

.content H2 {
	letter-spacing: 0.2em;
	font-size: 160%;
	font-weight: bold;
	color: #555;
	text-transform: uppercase;
}

.content H3 {
	letter-spacing: 3px;
	font-size: 140%;
	font-weight: bold;
	color: #555;
	margin: 6px 0;
	text-transform: uppercase;
	clear: inherit;
}

.content H4 {
	letter-spacing: 2px;
	font-size: 120%;
	font-weight: bold;
	color: #555;
}

.content H5 {
/*	letter-spacing: 2px;*/
	font-size: 120%;
	font-weight: bold;
	color: #555;
}

.content p {
	color: #333;
}

.content span.highlite {
	color: #FF0000;
	font-weight: bold;
	background-color: #FF9966;
}

.left {
	float: left;
	margin: 0 10px 4px 0;
}

.right {
	float: right;
	margin: 0 0 4px 10px;
}

.clientsListLeft {
	float: left;
	width: 48%;
	margin: 4px 4px 4px 0;
}

.clientsListRight {
	float: right;
	width: 48%;
	margin: 4px 0 4px 4px;

}

div.content div.contentEnd {
	padding: 0;
	border: none;
	font-size: 0.9em;
	text-align: right;
	width: auto;
	height: 24px;
	line-height: 22px;
	right: 5px;
	margin-right: 5px;
}

div.content div.contentEnd img{
	float:right;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: none;
}

.clearAll {
	display: block;
	clear: both;
	margin: 0;
	padding:0;
	font-size: 0.1em;
}

.clearLeft {
	clear: left;
}

.lineHigher {   /* increases line height to 1.5em, especially used in content Tables */
	line-height: 1.5em;
}


/***  Content Links   ***/

div.content a {
	color: #6F4585;
	text-decoration: none;
}

div.content a:hover {
	color: #946DAC;
	text-decoration: underline;
}


                            /*** Sidebars ***/

#leftside, #rightside {
	margin:0;
	padding: 11px 8px 10px;
	width:170px;
}

#leftside {
	float: left;
	margin-right: 4px;
	/*clear: both;*/
}

#rightside {
	float: right;
	margin-left: 2px;
}

#leftside H1, #rightside H1 {
	clear:left;
	font-size: 160%;
	line-height: 100%;
	/*font-variant: small-caps;*/
	letter-spacing: 2px;
	color: #666;
	margin: 0 0 8px 0;
	padding: 0 0 6px 0;
	border-bottom: 2px solid #abb;
}

#leftside H2, #rightside H2 {
	clear:left;
	font-size: 140%;
	line-height: 90%;
	font-variant: small-caps;
	letter-spacing: 110%;
	color: #666;
	margin: 0 0 8px 0;
	padding: 0 0 4px 0;
}

#leftside ul, #rightside ul {
	margin: 0;
	padding: 0;
}

#leftside li, #rightside li {
	margin-left: 8px;
}

.linklist {
	list-style: circle;
	margin: 0 0 16px 10px;
	padding: 0;
}

.linklist li {margin-bottom: 0.7em;}

.linklist a {
	font-family: Arial, Helvetica, sans-serif;
}

                            /**** Left Navigation Panel  ***/

#leftMenu {
	font-size: 125%;
	color: #666;
	margin: 0 0 4px 0;
	padding: 0;
	/*background: #E8E8E8;*/
	list-style-type: none;
	/*width: 100%;*/
	float: left;
	width: 165px;
	padding-bottom: 6px;
	/*border-bottom: 2px solid #abb*/
}

#leftMenu ul {
	margin: 0;
	padding: 0;
}

#leftMenu li, #leftMenu li li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#leftMenu li a {
	display: block;
	color: #625C83;
	text-decoration: none;
	padding: 0 15px;
	line-height: 1.4;
	margin: 1px 0 1px 0;
}

#leftMenu li li a {
	display: block;
	color: #9F9AB6;
	text-decoration: none;
	padding: 1px 15px;
	line-height: 1.1;
	margin: 1px 0 1px 10px;
	font-size: 0.8em;
}

#leftMenu #navLast a {  }

#leftMenu a:hover {
	background: #D2CBE7;
	border-top: 1px solid #FFF;
	margin: 0;
	border-bottom: 1px solid #FFF;
	color: #371F7E;
}

#leftMenu li li a:hover {
	background: #D2CBE7;
	border-top: 1px solid #FFF;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #FFF;
	color: #371F7E;
}

#leftMenu li#currentNav, #leftMenu li#currentNav a {
	background-color: #E2CAEA;
	color: #41217C;
}

#leftMenu li#currentNav {
	border: outset #F0F0F0 1px;
}

/* Use these below if using a 'currentNav' indicator id for LHS menu highlight  */ 

/*#leftMenu li#currentNav li {
	border: none;
}*/

/* Use for double level LHS menu  */

/*#leftMenu ul ul {
	margin-left: 12px;
	list-style-type: none;
}*/



                          /**** Right Side Panel Items  ****/

.searchform {margin:0 0 10px 0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:112px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.smallTxt {
	font-size:smaller;
}


                            /**** Footer ****/

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	background: #000 url(images/new_footer_long.jpg) repeat-x;
	display: block;
	width: 100%;
	height: 79px;
 }

#footer_inner {
	width: 738px;
	text-align: left;
	background: #180038 url(images/footer_hilite_bg.jpg) center bottom no-repeat;
	margin: 0 auto;
	height: 90px;
}

#footer p {
	color: #9F9AB6;
	margin: 0;
	padding: 13px 0 5px 15px;
	text-align: left;
	color: #9F9AB6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.11em;
	line-height: 1.3;
	font-size: xx-small;
}

#footer p a { color:#9F9AB6; font-weight: normal; text-decoration: none; }

#footer p a:hover { color: #9F9AB6; text-decoration: underline; }



                            /**** Global Nav and Menu text colours controls ****/

#topNav a, #leftMenu a {
	color: #9F9AB6;
}

#topNav a:hover, #leftMenu a:hover {
	color: #41217C;
	text-decoration: none;
}


                           /****   Forms and Tables  ****/

form {
	width: 300px;
	display: block;
	}