/* - - - - - - - - - - - - - - - - - - - - -

Title : Satellite Digital
URL : http://www.satellitedigital.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

Description : Full website styles

- - - - - - - - - - - - - - - - - - - - - */

/*
-----------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,/*ul,ol,li,h1,h2,h3,h4,h5,h6*/,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

body { 
	background: url(../templateimages/bg_tile.jpg);
	background-repeat: repeat-x;
	background-color: #7ab4c7;
	color: #3a3a3a;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	line-height: 16px; }

fieldset { border: 0; }

img { border: 0; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #0d415d;
	margin-top: 0px; }

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #02b0c0; }

h3 {
	color: #165e86;
	font-size: 13px;
	line-height: 16px; }

h4 {
	color: #165e86;
	font-size: 13px;
	line-height: 16px; 
	font-weight: bold; }

h5{
	font-size: 13px;
	line-height: 16px;
	font-weight: bold; }

h6 {
	font-weight: bold; }

p, /*td*/ {
	color: #3a3a3a;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	line-height: 16px; }

a:link, a:visited {
	color: #791951;
	text-decoration: underline; }

a:hover, a:focus {
	color: #165e86; }

.clear { clear: both; font-size: 0; height: 0; line-height: 0; }

.tablestyle {
	background-color: #F4F4F4; }

.tablestyleTd {
	padding: 10px;
	margin: 0px; }

.header_row {
	background-color: #deeff5; }

.header_row td { 
	color: #0d415d;
	font-weight: bold;
	padding: 10px; }

/*
-----------------------------------------------------------------------------
Template Styles
-----------------------------------------------------------------------------*/
#maincontainer {
	width: 762px;
	margin: 0px auto; }

	#header_container {
		width: 762px;
		height: 256px;
		background-image: url(../templateimages/bg_header_container.jpg);
		background-repeat: no-repeat; }
	
		/*Banner Area Start--------------------*/
		#banner_container {
			padding: 23px 0px 2px 2px;
			width: 747px;
			height: 171px;}
			
				#logo {
					float: left;
					height: 57px;
					width: 237px;
					padding-top: 114px;}
				
				#logo img {
					display: block; }
					
				
				#promobanner {
					float: right;
					height: 171px;
					width: 490px;
					text-align: right; }
				
				#promobanner img {
					display: block; }
					
		/*Banner Area Finish--------------------*/
		
		/*Details Area Start--------------------*/		
			
		#details {
			width: 747px;
			margin-left: 2px;
			border-bottom: 2px solid #fff;
			/*background-color: #000000; Use this to check the div*/ }
		
		#details_left {
			float: left;
			width: 350px;}
		
			#details_left img {
				float: left;
				display: block; }
				
			#details_left a {
				width: 199px;
				text-indent: -999em;
				height: 28px;
				display: block;
				float: left;
				background: url(../templateimages/email_up.jpg) bottom left no-repeat;}
			
			#details_left a:hover {
				background: url(../templateimages/email_over.jpg) bottom left no-repeat;}
				
				
		#details_right {
			float: right;
			width: 126px; }
				
			#details_right img {
				float: left;}
			
			#details_right a {
				width: 126px;
				text-indent: -999em;
				height: 28px;
				display: block;
				float: left;
				background: url(../templateimages/order_up.jpg) bottom left no-repeat;}
				
			#details_right a:hover {
				background: url(../templateimages/order_over.jpg) bottom left no-repeat;}
				
		/*Details Area Finish--------------------*/	
		
		#printdetails {
			display: none; }
		
		/*Navigation Area Start--------------------*/
		
		#navcontainer {
			width: 747px;
			height: 28px;
			border: 0px 2px;
			margin-left: 2px;
			/*background-color: #023d5d;*/ }
			
		/*Drop Down Naviation Menu Start------------------------------
		----------------------------------------------------------- */
		#navWrapper {
			float: left;
			width: 732px;
			margin: 0px;
			padding: 0px;
			border-left: 15px solid #023d5d;
			background-color: #023d5d; }
			
		/* -- Top Menu Sucker Fish 4 Level -- */
		
		
		#nav, #nav ul {
			/*width: 732px;*/
			list-style: none;
			padding: 0px;
			margin: 0px;
			border: 0px;
			}
		
		#nav li {
			float: left;
			cursor: pointer;
			/*width: 93px;*/ /*when changed the width from 125 to 93 or deleted it, format stuffs up in Firefox*//*changes the li width (emil said to leave with no width*/
			padding: 7px 15px 7px 0px;/*5*/
			text-align: center;
			text-indent: 0px;
			border: 0px;
			list-style: none;
			}
			
		#nav li a { /*Main Items*/
			font: bold 12px Arial, Helvetica, sans-serif;
			color: #f4f4f4;
			text-transform: capitalize;
			display: block;
			text-decoration: none;
			padding: 0; /*need this to set top and bottom padding of main and sub nav items*/
			margin: 0;}
			
		#nav li.selected a, #nav li a:hover { 
			color: #fe940a; /*main nav items*/
			}
		
		#nav li ul {/*adjusts position of sub1*/
			position: absolute;
			left: -999em; /* do not touch*/
			height: auto;/*do not touch*/
			width: 85px;/*width that you want the sub-items to be*/
			margin-left: -5px;
			margin-top: 7px;/* Enter value of #nav li bottom padding*/
			margin-bottom: 0px; /*5*/
			/*border-bottom: 1px solid #023d5d; this will give subnav items a border*/
			/*margin-top: 1px;*/ /*changed from 0*/
			/*padding: 10px;*/
			}
			
		#nav li li {
			margin: 0;
			padding: 0;
			background-image: none;
			}
		
		#nav li li a, #nav li.selected li a { /*sub nav items (both 2nd and 3rd level)
			font: bold 10px "Tahoma";
			display: block;
			text-decoration: none;
			text-align: left;*/
			padding: 5px;
			border-bottom: 1px solid #023d5d; /*If you would like borders around the nav items, put them here*/
			color: #f4f4f4; /*link color*/
			width: 85px; /*changed from 159*/
			text-transform: capitalize;
			text-align: left;
			background-color: #165e86;
			}
			
		#nav li li a:hover, #nav li.selected li a:hover {
			color: #FFC800;
			text-align: left;
			background-color: #023d5d;
			}
				
		#nav li ul ul { /*updates sub2*/
			width: 85px;/*changed from 176*/ /*nothing happened*/
			margin: -0 0 0 85px;/*changed from 22 0 0 same as width*/
			/*border-top: 1px solid #FFFFFF;*/
			}
		
		/*#nav li#eventsNav ul ul{
			width: 120px;changed from 176 nothing happened
			margin: -0px 0 0 -20px;
			}*/
		
		#nav li:hover ul ul,
		#nav li:hover ul ul ul,
		#nav li.sfhover ul ul {
			left: -999em;
			}
		
		#nav li:hover ul,
		#nav li li:hover ul,
		#nav li li li:hover ul,
		#nav li.sfhover ul,
		#nav li li.sfhover ul {
			left: auto;
			z-index: 500;
			}
		
		#nav li#eventsNav.sfhover ul {
			width: 85px;/*changed from 176*/
			margin: 0 0 0 -0px; /*changed left from 116*/
			}
		
		
		#nav li li.sfhover ul { /*updates sub2 position*/
			margin: -28px 0 0 95px;/*leave as width value of sub1*/
			left: auto;
			z-index: 500;
			}
			
		#nav li#eventsNav li.sfhover ul {
			margin: -28px 0 0 -95px;
			left: auto;
			z-index: 500;
			}
		
		#nav li:hover, #nav li.sfhover { 
			color: #fe940a;
			}
		
		#nav li ul li:hover, #nav li ul li.sfhover { 
			background: none;
			}
			
		/*Navigation Area Finish--------------------*/
		
	/*Content Layout */
			 
	#content_container {
		width: 762px;
		background-image: url(../templateimages/bg_content_container.jpg);
		background-repeat: repeat-y;
		min-height: 400px;
		height: auto; }
	
	* html /*IE hack for IE 6 and before (not IE 7)*/#content_container {height: 400px;}
		
		#content_borders {
			width: 710px;
			border-left: 20px solid #FFFFFF;
			border-top: 20px solid #FFFFFF;
			border-bottom: 20px solid #FFFFFF; }
		
		#content_borders ul,ol,li {
			color: #3a3a3a;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 12px;
			font-weight: normal;
			line-height: 16px;
			list-style: circle;
			list-style-position: inside; }
		
	/*Footer Layout */
	
	#footer_container {
		width: 762px;
		height: 48px;
		background-image: url(../templateimages/bg_footer.jpg);
		background-repeat: no-repeat;
		font-size: 10px;
		color: #8e8d8d;
		font-family: Arial, Helvetica, sans-serif; }
		
	#footer_container a {
		color: #8e8d8d;
		text-decoration: none; }
		
	#footer_container a:hover {
		color: #165e86; }
	
		#footer_left {
			float: left;
			width: 550px;
			padding-left: 15px; }
		
		#footer_right {
			float: right;
			width: 130px;
			padding-right: 30px;
			text-align: right; }