﻿/* ------------------------------------------------------------------- */
/* ----------- CSS DOCUMENT - WRITTEN BY PATRICK JONES --------------- */
/* ----- ALL DESIGN AND CSS IS COPYRIGHT INK AUSTRALASIA PTY LTD ----- */
/* --- FOR INFORMATION PLEASE CONTACT INFO@INKADVERTISING.COM.AU ----- */
/* ------------------------------------------------------------------- */

/* HTML FORMATTING AND LAYOUT FOR PAGE */

html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background: url("../images/bgtest.png") #b00101 repeat-x;
}

body#index {
	position:absolute;
	background: url("../images/bg_overlay.png") top repeat;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

.ie6 body#index {
	position:absolute;
	background: none;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body#main {
	position:absolute;
	background: url("../images/bg_overlay.png") top repeat;
	margin:0;
	padding:0;
	width:100%;
}

.ie6 body#main {
	position:absolute;
	background: none;
	margin:0;
	padding:0;
	width:100%;
}

/* ----- END ----- */


/* LINK STYLES AND FORMATTING */

a {
	color:#ff0000;
	text-decoration: underline;
}		

#content a:hover {
	color:#FFF;
}		

/* ----- END ----- */


/* FONT STYLES AND FORMATTING */ 

h1 {
	background: url("../images/heading2.png") no-repeat;
	margin:0;
	height:28px;
	position:relative;
	padding-left:10px;
	padding-top:3px;
	top:20px;
	left:20px;
	color:#000;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight: lighter;
	font-style:italic;
	letter-spacing:1px;
}	

.ie h1 {
	background: url("../images/ieheading.png") no-repeat;
	margin:0;
	height:28px;
	position:relative;
	padding-left:10px;
	padding-top:3px;
	top:20px;
	left:20px;
	color:#000;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight: lighter;
	font-style:italic;
	letter-spacing:1px;
}

h2 {
	margin-left:30px;
	margin-top:25px;
	margin-bottom:-22px;
	color:#8a8a68;
	font-size: 16px;
	font-weight: bolder;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p {
	color: #FFF;
	font-size:9pt; 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.6;
	letter-spacing:0.5px;
}	

#content p {
	position:relative;
	left:30px;
	top:25px;
	width:416px;
}		

/* ----- END ----- */


/* ----- INDEX NAVIGATION STYLING AND FORMATTING ----- */

#navcontainer
{
position:relative;
margin: 0 auto;
padding: 0;
height: 22px;
width:850px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
width:850px;
}

#navcontainer ul li
{
display: inline;
list-style-type: none;
padding-right: 20px;
height:36px;
float: left;
text-align: center;
padding: 0;
margin: 0;
border-bottom:0px;
}

.ie6 #navcontainer ul li
{
display: inline;
list-style-type: none;
padding-right: 20px;
height:26px;
float: left;
text-align: center;
padding: 0;
margin: 0;
border-bottom:0px;
padding-top:10px;
}

#navcontainer ul li:hover {
	background: url("../images/menu_bg_over2.png") repeat-x;
}

.selected {
	background: url("../images/menu_bg_over2.png") repeat-x;
}

.ie6 .selected {
	background: #b00101 repeat-x;
}

#navcontainer ul li a
{
height: 22px;
padding: 10px 20px;
margin: 0 0 10px 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
letter-spacing:2px;

}	

.ie6 #navcontainer ul li a
{
height: 22px;
padding: 10px 20px;
margin: 0 0 10px 0;
color: #ffffff;
text-decoration: none;
display: inline;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
letter-spacing:2px;
margin-top:10px;
padding-top:10px;
}	

.ie6 #navcontainer ul li a:hover
{
	background: #b00101 repeat-x;
}

/* ----- END ----- */


/* ----- MAIN PAGE LAYOUT AND STYLING ----- */

#logo {
	background: url(../images/logo.png) top left no-repeat;
	margin-left:60px;
	height:70px;
	width:840px;
	margin:0 auto;
	margin-top:50px;	
}		

.ie6 #logo {
	margin-left:60px;
	height:70px;
	width:840px;
	margin:0 auto;
	margin-top:50px;
	background: url(../images/ielogo.png) top left no-repeat;
	text-align:left;	
}

#top {
	background: url("../images/top_border.png") top no-repeat;
	width:900px;
	height:22px;
	margin:0 auto;
}	

.ie6 #top {
	background: url("../images/ietop_border.gif") top no-repeat;
	width:900px;
	height:22px;
	margin:0 auto;
}

#middle {
	background: url("../images/body_bg.png") repeat-y;
	width:900px;
	min-height:430px;
	margin:0 auto;
}	

.ie6 #middle {
	background: url("../images/iebody_bg.gif") repeat-y;
	width:900px;
	min-height:430px;
	margin:0 auto;
}	

#bottom {
	background: url("../images/bottom_border.png") top no-repeat;
	width:900px;
	height:22px;
	margin:0 auto;
}

.ie6 #bottom {
	background: url("../images/iebottom_border.gif") top no-repeat;
	width:900px;
	height:22px;
	margin:0 auto;
}	

#credits {
	width:850px;
	height:20px;
	margin:0 auto;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float: inherit;
	margin-bottom:15px;
}

.ie7 #credits {
	width:850px;
	height:30px;
	margin:0 auto;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:15px;
}

#creditsleft {
	padding-top:4px;
	width:806px;
	float:left;
}

#creditsright {
	background: url("../images/ink_logo.png") right no-repeat;
	text-align:right;
	width:40px;
	margin-right:0;
	float:left;
	height:22px;
	cursor:pointer;
}	

.ie6 #creditsright {
	background: url("../images/ieink_logo.png") right no-repeat;
	text-align:right;
	width:40px;
	margin-right:0;
	float:left;
	height:22px;
	cursor:pointer;
}		

/* ----- END ----- */


/* ----- INDEX PAGE COMPONENTS LAYOUT AND STYLING ----- */

#indeximage img{
	width: 850px;
	height: 430px;
	float:left;
}

.ie6 #indeximage img{
	width: 850px;
	height: 430px;
	float:left;
}

#indeximage {
	width: 850px;
	height: 430px;
	margin:0 auto;
}

.ie6 #indeximage {
	width: 850px;
	height: 200px;
	margin:0 auto;
}

#indexoverlay {
	background: url("../images/image_overlay.png") no-repeat;
	width: 850px;
	height:30px;
	position:relative;
	top:10px;
}

.ie7 #indexoverlay {
	background: url("../images/image_overlay.png") no-repeat;
	width: 850px;
	height:30px;
	position:relative;
	margin-top:-430px;
}

.ie6 #indexoverlay {
	background: none;
	width: 850px;
	height:30px;
	position:relative;
	top:80px;
}

#indexmenu {
	background: url("../images/menu_bg.png") repeat-x;
	margin:0 auto;
	width:850px;
	height:36px;
	position:absolute;
	top:536px;
}	

.ie6 #indexmenu {
	background: none #4d5d54 repeat-x;
	margin:0 auto;
	width:850px;
	height:36px;
	position:absolute;
	margin-top:30px;
}

	
/* ----- END ----- */


/* ----- MAIN PAGE COMPONENTS LAYOUT AND STYLING ----- */

#mainimage img {
	width:850px;
	height:300px;
	float:left;
}	

#mainimage {
	width: 850px;
	height: 300px;
	margin:0 auto;
}

#mainmenu {
	background: url("../images/menu_bg.png") repeat-x;
	margin:0 auto;
	width:850px;
	height:36px;
	position:absolute;
	top:406px;
	margin-left:25px;
}

.ie7 #mainmenu {
	background: url("../images/menu_bg.png") repeat-x;
	margin:0 auto;
	width:850px;
	height:36px;
	position:absolute;
	top:406px;
	margin-left:0px;
}

.ie6 #mainmenu {
	background: none #4d5d54 repeat-x;
	margin:0 auto;
	width:850px;
	height:36px;
	position:absolute;
	top:406px;
	margin-left:0px;
}

#content {
	background: url("../images/content_bg.png") #343443 repeat-x;
	margin: 0 auto;
	width:849px;
	min-height:460px;
	float:inherit;
	margin-bottom:70px;
}	

.ie6 #content {
	background: url("../images/content_bg.png") #343443 repeat-x;
	margin: 0 auto;
	width:849px;
	height:460px;
	float:inherit;
	margin-bottom:70px;
}

#thumb {
	margin-top:20px;
	margin-right:20px;
	width: 340px;
	height: 388px;
	float: right;
	border:6px solid #62624d;
}	

#mainoverlay {
	background: url("../images/image_overlay.png") #343443 no-repeat;
	width:850px;
	height:30px;
	margin:0 auto;
	position:relative;
	bottom:20px;
}

.ie6 #mainoverlay {
	background: url("../images/ieimage_overlay.png") #343443 no-repeat;
	width:850px;
	height:30px;
	margin:0 auto;
	position:relative;
	bottom:20px;
}
	
	
/* ------------------------------------------------------------------- */
/* ----------- CSS DOCUMENT - WRITTEN BY PATRICK JONES --------------- */
/* ----- ALL DESIGN AND CSS IS COPYRIGHT INK AUSTRALASIA PTY LTD ----- */
/* --- FOR INFORMATION PLEASE CONTACT INFO@INKADVERTISING.COM.AU ----- */
/* ------------------------------------------------------------------- */	

