/*
	StyleSheet by Cameron Walter
	http://www.in2itive.com.au
		
*/

body {
padding : 0;
margin : 0 auto;
font : 0.85em Arial, sans-serif;
background-image : none;
background-repeat : no-repeat;
background-color : center top;
background-position : ;
color : black;
}

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

a:hover {
color : black;
text-decoration : underline;
}

a.subtle {
color : #666666;
text-decoration : none;
}

a.subtle:hover {
color : black;
text-decoration : underline;
}

p {
text-align : left;
padding: 4px 20px 8px 20px;
margin: 0;
}

p.subtle {
color : #666666;
font-size: 0.85em;
width : auto;
float : left;
}

p.imgsubtle {
float : right;
}

img.subtle {
margin : 2px;
padding : 0px;
}

.line {
width : 920px;
height : 1px;
background-color: #666666;
margin : 0 20px 0 20px;
}

hr {
margin : 0 20px 0 20px;
color : #666666;
background-color : #666666;
height : 1px;
}

h1 {
font : bold 1.8em Arial, sans-serif;
color : #ee1a21;
padding: 20px 20px 10px 20px;
margin: 0;
}

h2 {
font : bold 1.6em Arial, sans-serif;
color : #ee1a21;
padding: 15px 20px 10px 20px;
margin: 0;
}

h2.top {
font : bold 1.6em Arial, sans-serif;
color : #ee1a21;
padding: 0px 20px 10px 20px;
margin: 0;
}

h3 {
font : bold 1.2em Arial, sans-serif;
color : black;
padding: 10px 20px 5px 20px;
margin: 0;
}

h3.top {
font : bold 1.2em Arial, sans-serif;
color : black;
padding: 0px 20px 5px 20px;
margin: 0;
}

h1.banner {
float : right;
font : bold 1.8em Arial, sans-serif;
color : white;
padding : 40px 20px 40px 20px;
margin : 0;
}

strong.banner {
color : #F8981D;
}

ul {
margin : 0;
padding : 0;
list-style : none;
}

img {
border : 0;
}

.fullBg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#print {
width : 19cm;
background : white;
}

#print ul {
list-style-type: disc;
margin : 0 0 0 75px;
padding : 0 4px 0 8px;
}

#print li {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}


#content {
position : relative;
z-index : 50;
margin : 0 auto;
padding : 0;
width : 960px;
height : auto;
background : none;
}

.spacer {
height : 30px;
clear : both;
}

#content .spacer {
height : 30px;
clear : both;
}


#content #titlebar {
padding : 0;
margin : 0;
height : px;
line-height : px;
width : 960px;
background : url(images/titlebar);
}

#content #titlebar h1 {
color : white;
font-size : 1em;
font-weight : bold;
padding : 17px 0 0 12px;
}

#content #bannerUM {
padding : 0;
margin : 0;
height : 150px;
width : 960px;
}

#content #banner {
padding : 0;
margin : 0;
height : 200px;
width : 960px;
background : url(images/banner-bg.png);
}

#content #scrollban {
width : 960px;
height : 100px;
background : transparent url(images/scrollban.png) repeat-y scroll left top;
text-align : center;
}

#content #scrollban #scrollbanoverlay {
width: 960px;
height : 100px;
background : transparent url(images/scrollbanoverlay.png) no-repeat scroll left top;
}

#userarea {
float : right;
width : 200px;
height : 80px;
margin : 10px;
background : url(images/user-bg.png);
}

#userarea p {
font-size : 0.8em;
text-align : right;
padding : 2px;
}



#content #banner img, #content #banner p, #content #bannerrand img, #content #bannerrand p  {
padding : 0;
margin : 0;
}

#content img.trbg {
float : right;
position : relative;
top : 61px;
left : 920px;
margin : 0;
padding : 0;
}

#content #menu {
clear : both;
height : 25px;
line-height : 25px ;
width : 960px ;
margin : 0;
padding : 0;
color : black;
background : url(images/menu-bg.png);
font-size : 0.85em;
}

#content #menu li {
float : left;
height : 25px;
}

#content #menu ul {
margin : 0;
padding : 0;
height : 25px;
}

#content #menu li {
list-style : none;
display : inline;
margin : 0;
height : 25px;
}

#content #menu li a {
text-decoration : none;
margin : 0;
padding : 0px 10px 0px 10px;
font-weight : bold;
color : white;

}

#content #menu li a:hover {
text-decoration : underline;
}

#content #ddmenu {
color : white;	
margin : 0;
padding : 0;
line-height : 25px;
height : 25px;
width : 960px;
background : url(images/menu-bg.png);
font-size : 0.85em;
}


#content #ddmenu ul.dropdown,
#content #ddmenu ul.dropdown li,
#content #ddmenu ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#content #ddmenu ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

#content #ddmenu ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

#content #ddmenu ul.dropdown li.hover,
#content #ddmenu ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

#content #ddmenu ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

#content #ddmenu ul.dropdown ul li {
 float: none;
}

#content #ddmenu ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

#content #ddmenu ul.dropdown li:hover > ul {
 visibility: visible;
}





#content #navbar {
height : 50px;
width : 960px;
margin : 0;
padding : 0;
background : url(images/navbar-bg.png) no-repeat;
}

#content #navbar p.nav {
float : left;
font-size : 0.8em;
font-weight : bold;
padding : 10px 0 0 10px;
}

#content #navbar p.supp {
float : right;
font-size : 0.8em;
font-weight : bold;
padding : 10px 10px 0 0;
text-align : right;
}

#content #main {
padding : 0;
margin : 0;
width : 960px;
height : auto;
min-height : 400px;
background : url(images/content-main-bg.png);
background-position : top center;
}

#content #main img {

padding : 10px;
}

#content #main .splash {
float : left;
margin : 80px 0px 105px 15px;
padding : 0;
height : 210px;
width : 300px;
}

* html #content #main .splash {
margin : 80px 0px 105px 10px;
}

#content #main .splash img {
border : none;
margin : 0;
padding : 0;
}

#content #main .splash p {
text-align : center;
font-size : 1.1em;
font-weight : bold;
text-align : center;
margin : 2px;
padding : 0;
}

#content #main .splash p.img {
margin : 0;
padding : 0;
}

#content #main .splash4 {
float : left;
margin : 0 0 40px 20px;
padding : 0;
height : 215px;
width : 215px;
}

#content #main .splash4 p.img, #content #main .splash4 img {
margin : 0;
padding : 0;
}

#content #main #fasplashleft {
float : left;
width : 480px;
height : 548px;
margin : 0;
padding : 0;
}

#content #main #fasplashright {
background : url(images/face.jpg);
float : right;
width : 480px;
height : 548px;
margin : 0;
padding : 0;
}

#content #main #fasplashclear {
clear : both;
}

#content #main #ramsplash {
height: 400px;
width: 960px;
margin : 0;
padding : 0;
background : url(images/splash-bg.gif);
}

#content #main #ramsplash h3 {
color : white;
padding: 220px 0 0 715px;
}


#content #main #ramsplash a {
color : #F9A233;
text-decoration: none;
}

#content #main #ramsplash a:hover {
color: #F9A233;
text-decoration: underline;
}

#content #main #textlarger {
font-size : 1.2em;
}

#content #main #textsmaller {
font-size : 0.9em;
}

#content #main ul {
list-style-type: disc;
margin : 0 0 0 15px;
padding : 0 20px 0 8px;
}

#content #main li {
margin : 0 0 0 30px;
padding : 0 0 5px 0;
}

#content #main input {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 0 3px;
padding : 2px;
}

#content #main textarea {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 3px 3px;
padding : 2px;
}

#content #main .col0 {
float : left;
width : 720px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col1 {
float : left;
width : 150px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col12 {
float : left;
width : 180px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col2 {
float : left;
width : 290px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col23 {
float : left;
width : 450px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col3 {
float : left;
width : 240px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .colthird {
float : left;
width : 200px;
height: 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col265 {
float : left;
width : 265px;
height: 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col123 {
float : left;
width : 600px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col540 {
float : left;
width : 540px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col540img {
float : left;
width : 540px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col180img {
float : left;
width : 180px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col4 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col5 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main p.formsection {
border-bottom: solid 1px black;
padding : 0;
margin: 4px 20px 4px 20px;
font-weight : bold;
font-size : 0.85em;
}

#content #main .news p.title {
color : #555555;
border-bottom: solid 1px #555555;
padding : 0;
margin: 4px 20px 4px 20px;
font-weight : bold;
}

#content #main .news p.byline {
padding: 0px 20px 6px 20px;
font-style : italic;
font-size : 0.85em;
}

#content #main .news p.links {
padding: 2px 20px 8px 20px;
font-size : 0.85em;
}

#content #main .news h3.title {
font : bold 1.4em Arial, sans-serif;
color : black;
margin: 10px 20px 5px 20px;
padding: 0;
border-bottom: solid 1px black;
}

#content #main .product img {
float : right;
}

#content #main .product h3 {
clear : right;
}

#content #main .minicart p {
font-size : 0.8em;
}

#content #main .cart p.cart1 {
float : left;
clear : left;
width : 75px;
}

#content #main .cart p.cart2 {
float : left;
width : 200px;
}

#content #main .cart p.cart3 {
float : left;
width : 100px;
}

#content #main .cart p.cart123 {
float : left;
width : 455px;
}

#content #main p.mcart1 {
float : left;
clear : left;
width : 20px;
padding : 2px 5px 2px 20px;
}

#content #main p.mcart2 {
float : left;
width : 160px;
padding : 2px 20px 2px 5px;
}

#content #bottom {
clear : both;
padding : 0;
margin : 0;
width : 960px;
background : none;
}

#content #bottom p {
line-height : 20px;
padding : 50px 10px 16px 0;
margin : 0;
text-align : right;
font-weight : bold;
font-size : 0.65em;
color : #ee1a21;
}

#content #bottom p.img {
text-align : left;
}

#content #bottom a {
text-decoration : none;
color : #ee1a21;
}

#content #bottom a:hover {
text-decoration : underline;
color : black;
}

#content #bottom #left {
float : left;
width : 480px;
text-align : left;
background : none;
}

#content #bottom #left p {
padding : 16px 10px 16px 80px;
font-weight : normal;
text-align : left;
}

#content #bottom #right {
float : right;
width : 480px;
text-align: right;
background : none;
}




#album .cover {
width : 180px;
height : 216px;
margin : 20px 60px 0 60px;
padding : 0;
float : left;
}

#album .cover .label {
width : 170px;
height : 20px;
margin : 0 0 2px 0;
padding : 2px 5px 2px 5px;
text-align : center;
background : #ee1a21;
color : white;
}

#album .cover .label p {
text-align : center;
font-weight : bold;
}

#album .cover .label a {
color : white;
text-decoration : none;
}

#album .cover .label a:hover {
color : white;
text-decoration : underline;
}

#album #displayed {
width : 500px;
margin : 20px auto;
}

#album .gallery {
width : 180px;
height : 190px;
float : left;
padding : 10px;
margin : 10px;
}



#album img {
display : block;
margin : auto;
}

.half {
float : left;
width : 480px;
margin : 0;
padding : 0;
}

.third {
float : left;
width : 320px;
margin : 0;
padding : 0;
}

.quarter {
float : left;
width : 240px;
margin : 0;
padding : 0;
}

.twothirds {
float : left;
width : 640px;
margin : 0;
padding : 0;
}

.threequarters {
float : left;
width : 720px;
margin : 0;
padding : 0;
}

.leftmenu {
float : left;
width : 120px;
margin : 0;
padding : 0;
}

.rightcontent {
float : left;
width : 840px;
margin : 0;
padding : 0;
}

#multi .half {
float : left;
width : 420px;
margin : 0;
padding : 0;
}

#multi .third {
float : left;
width : 280px;
margin : 0;
padding : 0;
}

#multi .quarter {
float : left;
width : 210px;
margin : 0;
padding : 0;
}

#multi .twothirds {
float : left;
width : 560px;
margin : 0;
padding : 0;
}

#files {
float : right;
background : #B7BAC1;
width : 220px;
margin : 0 10px 10px 10px;
padding : 5px 0 0 0;
font-size : 0.75em;
}

#files a[href$='.pdf'] {
background:transparent url(images/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

#files a[href$='.zip'] {
background:transparent url(images/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

.iconbox {
float : left;
width : 320px;
margin : 0;
padding : 0;
}

.iconbox p {
text-align : center;
}

.iconbox img {
margin : 0;
padding : 0 96px 0 96px;
border : 0;
}

#content #main img.adminmenu {
margin : 0;
padding : 0 4px 0 4px;
}

#content #main img.subtle {
margin : 0px;
padding : 2px;
float : right;
}

#content #main p.adminmenu {
line-height : 20px;
}

#content #main #shop #catlist {
float : left;
width : 240px;
background : silver;
margin : 0 5px 0 5px;
padding : 10px 0 10px 0;
}

#content #main #shop #catlist p {
font-size : 0.8em;
font-weight : bold;
}

#content #main #shop #catlist p.subcat {
padding: 4px 10px 8px 30px;
font-weight : normal;
}

#content #main #shop #shopcontent {
float : right;
width : 700px;
margin : 0px 5px 0 5px;
padding : 0;
}

#content #main #awstats {
margin : 0 20px 0 20px;
}

#content #main #awstats img {
margin : 0;
padding : 0;