* { outline: none; }

html{    background-color: #f2f2f2;}

body
	{
    background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	text-align: center;
	font: small/1.7em verdana, sans-serif;
	color: #444;
	background: transparent url(/img/background2.jpg) no-repeat top center;
	}
	
.home-text
	{
    margin: 10px;
	padding: 0;
	text-align: justify;
	font: small/1.7em verdana, sans-serif;
	color: #444;
	
	}
	
img { border: none; }

.s {
    font: normal 11px verdana, sans-serif; 
	margin-bottom: 5px;
	color:#888;
	}
.u {
    font: normal 11px verdana, sans-serif; 
	margin-bottom: 15px;
	color:#d60;
	}
	
.g {
    font: normal 11px verdana, sans-serif; 
	margin-bottom: 5px;
	color:#393;
	}
	
.b {
	margin-bottom: 5px;
	color:#89a;
	}
	
.o {
    font: normal 10px verdana, sans-serif; 
	margin-bottom: 5px;
	color:#a98;
	}
	
li.i 
    {
	border-bottom:1px dashed #ccc;
	}
	
li.i img {
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
a 	{
	color: #369;
	text-decoration: none;
	outline: none;
	}	
a:hover	{
	color: #06d;
	text-decoration: underline;
	outline: none;
	}

#sitenav {
    min-height:38px;
	margin:0;
	padding:0;
	width:760px;
	display:block;
	background: transparent url(/img/middle/middle.png) repeat-y center;
    }

#sitenav ul {
    margin:0;padding:0 0 0 12px;
    height:14px;
	list-style:none;list-style-type:none;list-style-image:none;
}

#sitenav li {
    float:left;
    margin:0;padding:0;

}

#sitenav a {
    display:block;
	float:left;
	padding:0;
	color:#fff;
	text-decoration:none;
}

#sitenav a:hover {
	text-decoration:none;
        color: #b40;
 }

#applications {
    height:80px;
	margin:0 auto;padding:0;
	width:760px;
	background:#fff;
}

#applications ul {
    margin:0;padding:0;
	list-style:none;list-style-type:none;list-style-image:none;
}

#applications li {
    float:left;
    margin:0;padding:0;
}
a:hover { color: #69c; }

a:focus { -moz-outline: none -moz-mac-focusring; }

a:focus { color: #aaa; }
	
h2
	{
	position: relative;
	color: #69c;
	font: bold 1.2em/1em helvetica, arial, sans-serif;
	margin: 1em 0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dashed #ccc;
	}
	
h2 a { color: #f20; }
	
h2 span
	{
	color: #888;
	}
	
h2 a:hover { color: #fc3; }
	
h2 a:hover span { color: #ccc; }

h3
	{
	font: bold 16px verdana, sans-serif;
	color: #555;
	margin: 1em 0 0.5em 0;
	}
	
h4
	{
	font: bold 12px verdana, sans-serif;
	color: #222;
	margin: 1em 0 0.5em 0;
	}
	
ul
	{
	padding: 0;
	margin: 0;
	list-style: none;
	}
p,
li,
dd,
dt
	{
	margin: 0;
	padding: 0;
	font-size: 88%;
	line-height: 1.7em;
	}
	
table
	{
	margin: 0.5em 0 1em 0;
	border: 1px dashed #ddd;
	}
	
p { margin-bottom: 0.8em; 
    padding-right:1em;
}	

ol {
    padding: 10px 0 10px 10px; 
}
html>body ol {
    padding: 10px 0 10px 20px; 
}
	
#submit-site p
	{
	margin-bottom: 0.8em;
	}

ul li a
	{
	color:#069;
	}

ul li a:hover
	{
	color:#036;
	}
	
ul li a span { color: #999; }

ul li a:hover span { color: #443; }
	
a.more 
	{
	font-weight: bold;
	padding-left: 12px;
	background: transparent url(../img/back/m.gif) no-repeat 0 60%;
	}

a.more:hover
	{
	background-position: -500px 60%;
	}
	
a.back 
	{
	font-weight: bold;
	padding-left: 12px;
	background: transparent url(../img/back/n.gif) no-repeat 0 60%;
	}

a.back:hover
	{
	background-position: -500px 60%;
	}

#wrap
	{
    top: 0px;
	text-align: left;
	width: 772px;
	margin: 0 auto; 
	}


p#partner a:hover { background-position: -140px 0; }

#leftWing {
	background: transparent url(/img/left_wing.jpg) no-repeat top right;
	}

#header
	{ 
	position: relative;
	top: 0px;
	height: 137px;
	width: 100%;
	background: transparent url(/img/header/header.png) repeat-x bottom;
	}
	
#header h1
	{
	position: relative;
	float:left;
	top: 20px;
	text-indent: -10000px;
	margin: 0 0 0 30px;
	padding: 0;
	}
	
#header h1 a
	{
	display: block;
	width: 350px;
	height: 70px;
	background: transparent url(/img/header/logo_double.gif) no-repeat;
	}
	
#header h1 a:hover { background-position: -350px; }
	
#header ul
	{
	position: absolute;
	margin: 0;
	padding: 0;
	display:inline;
    float:right;
    list-style:none;list-style-type:none;list-style-image:none;
	}
	
#header ul#m2 { right: 23px; top:21px; text-align:right;}
html>body #header ul#m2 { rightt: 20px; top:21px; align:right;}
#header ul#m3 { right: 25px; }

#header ul li
	{
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	}


#header ul#m2 li
	{
	color:#666;
	display:inline;
	margin:0;
	padding: 0;
	text-indent: 0px;
	border-right:1px solid #ccc;
	padding:0 8px 0 8px;
	}
#header ul#m2 li#contact
	{
	color:#666;
	display:inline;
	margin:0;
	padding: 0;
	text-indent: 0px;
	border-right:none;
	padding:0 0 0 8px;
	}
#header ul#m2 li a
	{
	  display:inline;
	  padding:2px;
	}
#header ul li a
	{
	display: block;
	width: 320px;
	height: 71px;
	}

#header #topright
	{
	position: absolute;
	left: 502px;
	top: 32px;
	height: 89px;
	width: 428px;
	overflow: hidden;
	}

#topright p
	{
	position: relative;
	top: 20px;
	left: 20px;
	width: 335px;
	}
	
#header p a
	{
	font: 15px/20px helvetica, arial, sans-serif;
	color: #777;
	text-decoration: none;
	}
	
#header p strong { font-weight: normal; }

#header p a em
	{
	font-style: normal;
	color: #443;
	}
	
#header p a:hover
	{
	color: #443;
	}
	
#header p a:hover em
	{
	color: #000;
	}

.left720
	{
	width: 766px;
	float: left;
	padding-right:10px;
/*	background: transparent url(/img/middle/middle.png) repeat-y center; */
	}
	
	
.left720f
	{
	width: 766px;
	padding-left:12px;
	}
	
.left470
	{
	width: 470px;
	float: left;
	}
	
.left220
	{
	width: 160px;
	float: left;
	padding: 0 0 0 30px;
	}
	
.left210
	{
	width: 250px;
	float: left;
	}
	
.right720
	{
	width: 720px;
	float: right;
	}
	
.right470
	{
	width: 520px;
	float: right;
	padding: 0 30px 0 0;
	}
	
.right220
	{
	width: 200px;
	float: right;
	}
	
#footer
	{
	width: 100%;
	margin:0 auto;
	clear: both;
	height: 200px;
	background: transparent url(/img/footer/footer2.png) repeat-x;
    background-position: 0px 0px; */
	}
	
#footer a
	{
	color:#069;
	}
	
#footer a:hover
	{
	color:#369;
	text-decoration:underline;
	}
	
#footer p
	{
	width: 772px;
	margin:0 auto;
	position: relative;
	top: 2em;
	text-align: center;
	padding: 1.5em 0;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	}

#footer img 
     {
     
     padding: 0px 0 0 0;
	 }

ul#leftNav span { color: #999; }

ul#leftNav a:hover span { color: #443; }

ul#leftNav li a
	{
	margin-left: 0;
	padding-left: 15px;
	background: transparent url(/img/g_c.gif) no-repeat 0 60%;
	}

ul#leftNav li a:hover
	{
	background-position: -200px 60%;
	}
	
ul#leftNav ul#second{	
	margin-left: 12px;
	}
	
ul#leftNav ul#second li a
	{
	padding-left: 15px;
	background: transparent url(/img/star.gif) no-repeat 0 60%;
	}

ul#leftNav ul#second li a:hover
	{
	background-position: -500px 60%;
	}	

.right470 a { color: #369; }

.right470 span { color: #999; }

.right470 a:hover span { color: #06d; }

.right470 ul.link{
	z-index:3;
    padding: 8px 0 8px 0px;
	}

.right470 ul.link li
	{
	margin:5px 0 5px 0px;
	padding-left: 12px;
	background: #fff url(/img/ul_arrow.gif) no-repeat -2px 8px;
	}

.right470 ul.link li a
	{
	margin-left:12px;
	padding-left: 12px;
	background: transparent url(/img/g_c.gif) no-repeat 0 60%;
	}
	
.right470 ul.link li a.image
	{
	background: none;
	}
	
.right470 ol {
	margin-left:20px;
	padding-left:20px;
	}

.right470 ol li a
	{
	margin-left:0;
	padding-left:0;
	background: none;
	}

.right470 ul li a:hover
	{
	background-position: -200px 60%;
	}	
	
	
.clear {
	clear:both;
}

#loginForm input.inp,
#loginForm textarea.inp
	{
	border: 1px solid #ddd;
	width: 170px;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	}
	
#loginForm input.inp:hover,
#loginForm textarea.inp:hover,
#loginForm input.inp:focus,
#loginForm textarea.inp:focus
	{ border: 1px solid #aaa; }
	
form input.submit-btn
	{
	width: 54px;
	height: 20px;
	background: #743 url(../img/login_button.gif) no-repeat;
	outline: none;
	}
		
#searchform
	{
    font: normal 88% verdana, sans-serif; 
	margin-bottom: 5px;
}
	
#searchform input.inp
	{
	border: 1px solid #ddd;
	width: 130px;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	}
	
#searchform input.inp:hover,
#searchform input.inp:focus
	{ border: 1px solid #aaa; }

	
#site form p,
#submit-site form p,
form#formdiv p
	{ margin-bottom: 0.2em; }
		
.no { display: none; }

.clear { clear: both; }
.red { color: #922; }
.grey { color: #aaa; }

.left { float: left; }
.right { float: right; }

/* The following hack is to correct text size in IE/WIN */

/* \*/

* html body p { font-size: 80%; }
* html body h2 span.ex-nav { padding-top: 0.5em; }
* html body li { font-size: 80%; }
* html body dd p { font-size: 95%; }

.r3 {	
    margin: 0;
	padding: 0;
	font: 11px verdana, sans-serif;
	color: #888;
    background-color: transparent; 
	text-align:right;}
.r4 {	
    margin: 0;
	padding: 5px;
	font: 11px verdana, sans-serif;
	color: #666;
    background-color: transparent; 
	text-align:right;}
.r1 {	
	padding: 0;
	font: 11px verdana, sans-serif;
	color: #666;
    background-color: transparent; 
	text-align:left;}
.r2 {	
	padding: 0;
	text-align:left;
	font: 11px verdana, sans-serif;
	color: #888;
	}
.r5 {	
	padding: 5px;
	color: #666;
	text-align:left;
	font: 11px verdana, sans-serif;
}
.checkoutRow3 {padding: 1px; font: Verdana, Helvetica, sans-serif; font-size: 8pt; margin:5px;}
.checkoutRow2 { padding: 1px; font: Verdana, Helvetica, sans-serif; font-size: 8pt; }
.checkoutRow1 {padding: 1px; font: Verdana, Helvetica, sans-serif; font-size: 8pt; border-bottom: 1px dashed #ccc; margin:5px;}
FORM, TEXTAREA, INPUT {	font: normal 10pt Verdana, Helvetica, sans-serif; color:#666; }
.input {
	border: 1px solid #bbb;
	width: 185px;
	background: transparent;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
    margin: 6px 0 6px 2px;
	outline: none;
	}
.topreturn{
    text-align:right;
	padding: 10px 10px 0 0;
}
.topreturn ul li {
	list-style-type: none;
	font: 11px/17px arial, sans-serif;
	list-style-image: url(http://www.hutchens.com.au/img/up.gif);
}