body {
	background: url("../../images/bg_main.gif") repeat-x;
	background-color: #000A33;
	color: #7B7D7B;
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;}
	
#wrapper {
	position: relative;
	width: 762px;
	padding: 0 19px 0 19px;
	margin-left: auto;
	margin-right: auto;}
	
.cleardiv {clear: both;}
	

/* top banner
-----------------------------*/
#banner {
	height: 115px;}
	
#banner h1#logo {
	position: relative;
	float: left;
	top: 27px;
	width: 242px;}
	
#banner h1#logo a {
	display: block;
	background: url("../../images/logo.gif") no-repeat;
	width: 242px;
	height: 71px;
	text-indent: -3000px;}
	
#banner #slogan {
	background: url("../../images/slogan.gif") no-repeat;
	width: 290px;
	height: 17px;
	position: relative;
	float: right;
	top: 48px;
	text-indent: -3000px;}
	
	
/* main menu
-----------------------------*/
#menu_main {
	clear: both;
	height: 50px;
	margin-left: 45px;}
	
#menu_main ul li {
	float: left;}
	
#menu_main ul li a {
	display: block;
	height: 45px;
	text-indent: -3000px;}
	
#menu_main ul li.Home {display: none;}
#menu_main ul li.Print a {background: url("../../images/butt_printproduction.jpg") no-repeat; width: 155px;}
#menu_main ul li.Warehousing a {background: url("../../images/butt_warehousing.jpg") no-repeat; width: 205px;}
#menu_main ul li.Art a {background: url("../../images/butt_artdesign.jpg") no-repeat; width: 154px;}
#menu_main ul li.Online a {background: url("../../images/butt_ordering.jpg") no-repeat; width: 155px;}

#menu_main ul li.Print a:hover {background: url("../../images/butt_printproduction.jpg") no-repeat 0 -45px;}
#menu_main ul li.Warehousing a:hover {background: url("../../images/butt_warehousing.jpg") no-repeat 0 -45px;}
#menu_main ul li.Art a:hover {background: url("../../images/butt_artdesign.jpg") no-repeat 0 -45px;}
#menu_main ul li.Online a:hover {background: url("../../images/butt_ordering.jpg") no-repeat 0 -45px;}

#menu_main ul li.Print a#current {background: url("../../images/butt_printproduction.jpg") no-repeat 0 -45px; cursor: default;}
#menu_main ul li.Warehousing a#current {background: url("../../images/butt_warehousing.jpg") no-repeat 0 -45px; cursor: default;}
#menu_main ul li.Art a#current {background: url("../../images/butt_artdesign.jpg") no-repeat 0 -45px; cursor: default;}
#menu_main ul li.Online a#current {background: url("../../images/butt_ordering.jpg") no-repeat 0 -45px; cursor: default;}
	
	
/* utility menu
-----------------------------*/
#menu_utility {
	clear: both;
	font-family: helvetica condensed, arial narrow, helvetica, arial;
	font-size: 17px;
	float: right;
	width: 215px;}
/* *** ie6 hack *** */
* html #menu_utility {
	width: 250px;}
	
#menu_utility  ul li {
	float: left;
	margin-left: 30px;
	margin-top: 19px;}
	
#menu_utility  ul li a {
	color: #B1B3B6;
	text-decoration: none;}
	
#menu_utility  ul li a:hover {
	color: #fff;
	text-decoration: underline;}
	
	
/* breadcrumbs
-----------------------------*/
#breadcrumbs {
	color: #ABBC28;
	font-family: helvetica condensed, arial narrow, helvetica, arial;
	font-size: 14px;
	height: 15px;
	margin: 20px 0 15px 20px;}
	
#breadcrumbs a {
	color: #9D9FA1;
	text-decoration: none;}
	
#breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;}
	
#breadcrumbs a.home {
	display: block;
	float: left;
	background: url("../../images/icon_arrow.gif") no-repeat 39px 3px;
	width: 57px;}
	
	
/* main content
-----------------------------*/
#content {
	clear: both;
	background: url("../../images/bg_content.gif") repeat-y;
	width: 717px;
	padding: 20px 15px 0px 30px;}
	
#content_top {
	clear: both;
	background: url("../../images/bg_content_top.gif") no-repeat;
	background-color: #ffffff;
	width: 762px;
	height: 6px;}
	
#content_base {
	clear: both;
	background: url("../../images/bg_content_base.gif") no-repeat;
	width: 762px;
	height: 8px;}
	
#content #leftcol {
	float: left;
	width: 480px;
	min-height: 300px;}
	
#content #rightcol {
	float: right;
	width: 190px;
	margin-top: -6px;
	font-size: 9px;
	line-height: 13px;}
	
	
/* main content styles
-----------------------------*/
#content #leftcol p {
	margin-bottom: 18px;}

#content #leftcol a {
	color: #9EBD0D;}

#content #leftcol h2 {
	height: 44px;
	margin-bottom: 20px;
	text-indent: -3000px;}

#content #leftcol h2.Print {background: url("../../images/title_printproduction.gif") no-repeat;}
#content #leftcol h2.Warehousing {background: url("../../images/title_warehousing.gif") no-repeat;}
#content #leftcol h2.Art {background: url("../../images/title_artdesign.gif") no-repeat;}
#content #leftcol h2.Online {background: url("../../images/title_onlineordering.gif") no-repeat;}
#content #leftcol h2.About {background: url("../../images/title_about.gif") no-repeat;}
#content #leftcol h2.Contact {background: url("../../images/title_contact.gif") no-repeat;}

#content #leftcol h3 {
	font-size: 18px;
	font-family: arial narrow, arial;
	color: #9EBD0D;
	text-transform: uppercase;
	margin-bottom: 18px;}
	
#content #leftcol table.about {
	position: relative;
	top: -18px;}
/* *** ie7 hack *** */
* +html #content #leftcol table.about {top: 0;}
/* *** ie6 hack *** */
* html #content #leftcol table.about {top: 0;}
	
#content #leftcol table.about td {
	padding-right: 30px;}
	
#content #leftcol table.about td.title {
	font-style: italic;
	font-size: 12px;}
	
#content #leftcol #flashcontent {
	position: relative;
	top: -40px;
	left: -40px;}
/* *** ie6 hack *** */
* html #content #leftcol #flashcontent {
	margin-right: -20px;}
	
#content #leftcol #flashcontent img {
	position: relative;
	top: 40px;
	left: 40px;}
	
	
/* contact form
-----------------------------*/
#content #leftcol form {
	margin-bottom: 20px;}

#content #leftcol #contactform {
	background-color: #E5EEB6;
	color: #666666;
	font-size: 9px;
	font-weight: bold;
	padding: 1px 0 1px 0;
	margin-bottom: 10px;}
	
#content #leftcol #contactform .formfield {
	background-color: #fff;
	margin: 10px;
	padding-left: 3px;}
	
#content #leftcol #contactform #id_Details {
	background: url("../../images/bg_form_textarea.gif");}
	
#content #leftcol #contactform #id_Details .area .textarea {
	height: 91px;
	width: 87%;
	line-height: 34px;
	border: 0;
	background-color: transparent;
	position: relative;
	top: -5px;
	overflow: hidden;}
	
#content #leftcol #contactform .formfield .title {
	position: relative;
	float: left;
	top: -2px;
	width: 50px;}
	
#content #leftcol #contactform .formfield .area input.textfield {
	width: 87%;
	border: 0;
	padding: 4px 0 4px 0;}
	
#content #leftcol #contactform #id_Phone, #content #leftcol #contactform #id_Fax {
	width: 222px;
	float: left;
	margin-top: 0;}
/* *** ie7 hack *** */
* +html #content #leftcol #contactform #id_Phone, * +html #content #leftcol #contactform #id_Fax {margin-bottom: 0;}
/* *** ie6 hack *** */
* html #content #leftcol #contactform #id_Phone {margin-bottom: 0; margin-left: 5px;}
* html #content #leftcol #contactform #id_Fax {margin-bottom: 0; margin-left: 10px;}
	
#content #leftcol #contactform #id_Phone {
	margin-right: 0px;}
	
#content #leftcol #contactform #id_Phone .area input.textfield, #content #leftcol #contactform #id_Fax .area input.textfield {
	width: 73%;}
	
#content #leftcol #contactform #id_Address {
	clear: both;}
	
#content #leftcol #contactform #id_Suburb {width: 222px; float: left; margin-top: 0;}
#content #leftcol #contactform #id_State, #content #leftcol #contactform #id_Postcode {width: 104px; float: left; margin-top: 0;}
/* *** ie6 hack *** */
* html #content #leftcol #contactform #id_Suburb {margin-bottom: 0; margin-left: 5px;}
* html #content #leftcol #contactform #id_State {margin-bottom: 0; margin-left: 10px;}
* html #content #leftcol #contactform #id_Postcode {margin-bottom: 0; margin-left: 10px;}
	
#content #leftcol #contactform #id_Suburb, #content #leftcol #contactform #id_State {
	margin-right: 0px;}
	
#content #leftcol #contactform #id_Suburb .area input.textfield {width: 76%;}
#content #leftcol #contactform #id_State .area input.textfield, #content #leftcol #contactform #id_Postcode .area input.textfield {
	width: 48%;}
	
#content #leftcol #contactform #id_Details {
	clear: both;}
/* *** ie7 hack *** */
* +html #content #leftcol #contactform #id_Details  {margin-top: -10px;} 


/* portfolio
-----------------------------*/
#content #leftcol #folio .item {
	clear: both;}
	
#content #leftcol #folio .item a {color: #7B7D7B; text-decoration: none;}
#content #leftcol #folio .item a:hover {text-decoration: underline;}

#content #leftcol #folio .item .imageframe {
	background: url("../../images/bg_folio.gif") no-repeat;
	width: 235px;
	height: 165px;
	text-align: center;
	float: left;
	margin-bottom: 40px;
	margin-right: 20px;}
	
#content #leftcol #folio .item .imageframe .image {
	width: 235px;
	height: 153px;
	text-align: center;
	overflow: hidden;}
	
#content #leftcol #folio .item .imageframe img {
	margin-top: 11px;}
	
#content #leftcol #folio .item h4 {
	padding-top: 10px;
	margin-bottom: 10px;}
	
#content #leftcol #folio .item p {
	margin-left: 254px;}
/* *** ie6 hack *** */
* html #content #leftcol #folio .item p {
	margin-left: 257px;}


/* right column content
-----------------------------*/
#content #rightcol p {
	margin-bottom: 10px;
	color: #959697;}
	
#content #rightcol a {
	color: #959697;}

#content #rightcol .orderonline {
	display: block;
	background: #e2e3e4 url("../../images/orderonline_top.png") no-repeat;
	width: 178px;
	padding: 34px 0 0 0;
	margin-bottom: 8px;}
	
#content #rightcol .orderonline a {
	background: url("../../images/arrow_circle.gif") no-repeat;
	display: block;
	height: 15px;
	padding: 0 0 0 20px;
	margin: 5px 10px;
	text-decoration: none;
	color: #58667d;}
	
#content #rightcol .orderonline a:hover {
	text-decoration: underline;}
	
#content #rightcol .orderonline .base {
	background: #fff url("../../images/orderonline_base.png") no-repeat;
	height: 7px;}
	
#content #rightcol .meetteam a {
	display: block;
	background: url("../../images/panel_meetteam.png") no-repeat;
	height: 104px;
	text-indent: -3000px;
	margin-bottom: 8px;}
/* *** ie6 hack *** */
* html #content #rightcol .meetteam a {background: url("../../images/panel_meetteam.gif") no-repeat;}
	
#content #rightcol .latest a {
	display: block;
	background: url("../../images/panel_latestprojects.png") no-repeat;
	height: 115px;
	text-indent: -3000px;}
/* *** ie6 hack *** */
* html #content #rightcol .latest a {background: url("../../images/panel_latestprojects.gif") no-repeat;}
	
#content #rightcol .toolkit {
	width: 156px;
	background-color: #DEDFE1;
	padding: 0 12px 0 12px;
	margin-top: 15px;
	border-bottom: 1px solid #B8B9BC;}
	
#content #rightcol .toolkit h3 {
	background: url("../../images/panel_toolkit_top.png") no-repeat;
	height: 29px;
	margin: 0 -12px 0 -12px;
	text-indent: -3000px;
	position: relative;
	top: -5px;}
	
#content #rightcol .toolkit a.pdf {
	display: block;
	background: url("../../images/icon_pdf.gif") no-repeat;
	height: 33px;
	padding-left: 40px;
	padding-top: 5px;
	text-decoration: none;
	line-height: 10px;}
	
#content #rightcol .toolkit a.pdf span {
	font-weight: bold;}
	
#content #rightcol .contact {
	color: #57575A;
	width: 180px;
	padding: 14px 0 10px 0;
	margin-top: 15px;
	border-top: 1px solid #A4A4A6;
	border-bottom: 1px solid #A4A4A6;}
	
#content #rightcol .contact p {
	color: #57575A;}
	
#content #rightcol .contact p .bolded {
	font-weight: bold;}
	
#content #rightcol .contact h3 {
	font-family: helvetica condensed, arial narrow, helvetica, arial;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 10px;}
	
#content #rightcol .contact a {
	color: #57575A;
	text-decoration: none;}
	
#content #rightcol .contact a:hover {
	text-decoration: underline;}
	
	
/* footer
-----------------------------*/
#footer {
	font-size: 12px;
	font-weight: bold;
	font-family: helvetica condensed, arial narrow, helvetica, arial;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 20px;
	padding-bottom: 20px;}