/*-----------------------------------------------------------------------------
Screen Style Sheet

Author:    	Dinkum Web Solutions
Email:    	info@dinkumweb.com.au

Project:   	Rustmasters http://www.rustmasters.com.au
Version:   	2.0
-----------------------------------------------------------------------------*/

/* 	---IMPORTANT --------------------------------------------------------------
 	This design is not a template. You may not reproduce it elsewhere without 
	the designer's written permission. However, feel free to study the CSS and 
	use techniques you learn from it elsewhere. 
	---------------------------------------------------------------------------*/



/* =General (usage throughout the entire site) -------------------------------
-----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }							/* Remove padding and margin for entire document */
body { margin: 0; padding: 0; background: #ffffff url(../images/image-bgBody.gif) repeat-x; }
img { border: 0; }										/* Remove border around linked images throughout entire document */
ul, li { list-style: none; }							/* Removes styling from all list items */
.clear { clear: both; }									/* Class for clearing floats both left and right */


/* =Typography (Global) ------------------------------------------------------
-----------------------------------------------------------------------------*/

body { font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
p { font: 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #393901; margin: 10px 25px 10px 20px; }
.accordion_headings p { font: bold 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.accordion_child p { font: 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #393901; margin: 5px 5px 10px 5px; }
.accordion_child p em { font-weight: bold; }
.textRight { text-align: right; }
.bulletList { font: 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #393901; margin: 5px 20px 10px 70px; padding: 0 0 0 2px; list-style: circle; }
.faqList { font: 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #393901; margin: 5px 20px 10px 50px; padding: 0 0 0 2px; list-style: decimal-leading-zero; }
#footer_menu p { font: 1.1em/1.1em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 7px 0 0 0; }
#copyright_left p { font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #525401; margin: 0; padding: 0 0 0 20px; }

h1 { font: bold 1.7em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #525401; margin: 20px 25px 20px 20px; padding: 0; }
h2 { font: bold 1.6em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 0 5px; padding: 0; }
h3 { font: bold 1.6em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #525401; margin: 20px 25px 20px 20px; padding: 0; }
h4 { font: bold 1.5em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; }
h5 { font: bold 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; }

#listBullet li { font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #393901; margin: 5px 50px 0 50px; padding: 0; list-style: disc; }
#listNumber li { font: 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #393901; margin: 15px 50px 0 50px; padding: 0; list-style: decimal; }


/* =Layout (Global) ----------------------------------------------------------
-----------------------------------------------------------------------------*/

#wrapper_container { position: relative; width: 724px; margin: 11px auto; padding: 0; text-align: left; }

#wrapper_columns { position: relative; width: 724px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgColumns.gif) repeat-y; }
	#columns_left { position: relative; width: 226px; height: 512px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgLeftColumn.gif) top left no-repeat; float: left; }
	#columns_middle { position: relative; width: 426px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgMiddleColumn.gif) top left repeat-x; float: left; }
		.imageGallery { margin: 0 0 0 4px; padding: 2px; border: 1px solid #393901; float: left; }
		.imageLabel { margin: 10px; padding: 2px; border: 1px solid #393901; float: right; }
	#columns_right { position: relative; width: 72px; height: 512px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgRightColumn.gif) top left no-repeat; float: left; }



#wrapper_footer { position: relative; width: 724px; height: 102px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgFooter.gif) top left no-repeat; }
	#footer_menu { position: relative; width: 619px; height: 30px; margin: 72px 0 0 105px; padding: 0; text-align: center; float: left; display: inline; }

/*Javascript Accordian*/

#basic-accordian {
	margin: 0 0 0 20px;
	padding: 0;
	width: 380px;
	position: relative;
	z-index: 2;
}

.accordion_headings {
	padding: 5px;
	margin-bottom: 4px; 
	background: #8f8f41;
	border: 1px solid #fff;
	cursor: pointer;
}

.accordion_headings:hover { background: #f89a1c; }
.accordion_child { padding: 0; }
.header_highlight { background:#f89a1c; }
.floater { margin: 0; margin-top: -1.6em; float: right; }


/* =Hidden (Global) ----------------------------------------------------------
-----------------------------------------------------------------------------*/

#columns_left span { display: none; }


/* =Main Navigation (Global) -------------------------------------------------
-----------------------------------------------------------------------------*/

#wrapper_menu { position: relative; width: 226px; height: 312px; margin: 36px 0 0 0; padding: 0; list-style: none; font-size: 80%; text-align: left; background: url(../images/image-bgMenu.gif); }
#wrapper_menu ul#menu { position: relative;	width: 226px; margin: 0; padding: 0; list-style: none; }
#wrapper_menu ul#menu li { position: relative; top: 0; padding: 0; }
ul#wrapper_menu li, ul#menu a {	/*\*/overflow: hidden;/**/ height: 30px; display: block; }
#wrapper_menu ul#menu li a { text-indent: -9999px; text-decoration: none; }
	
#menuFront 			{ left: 0; top: 0; width: 226px; height: 22px;  }
#menuLogo 			{ left: 0; top: 22px; width: 226px; height: 55px; background: url(../images/menu/menu-logo.gif) top left no-repeat; }
#menuBreak 			{ left: 0; top: 77px; width: 226px; height: 27px; }
#menuProducts a		{ left: 0; top: 104px; width: 226px; background: url(../images/menu/menu-products.gif) top left no-repeat; }
#menuFAQs a			{ left: 0; top: 134px; width: 226px; background: url(../images/menu/menu-faqs.gif) top left no-repeat; }
#menuClients a		{ left: 0; top: 164px; width: 226px; background: url(../images/menu/menu-clients.gif) top left no-repeat; }
#menuGallery a		{ left: 0; top: 194px; width: 226px; background: url(../images/menu/menu-gallery.gif) top left no-repeat; }
#menuContact a		{ left: 0; top: 224px; width: 226px; background: url(../images/menu/menu-contact.gif) top left no-repeat; }
#menuHome a			{ left: 0; top: 254px; width: 226px; background: url(../images/menu/menu-home.gif) top left no-repeat; }


#menuProducts a:hover	{ background: url(../images/menu/menu-products.gif) 0 -30px no-repeat; }
#menuFAQs a:hover		{ background: url(../images/menu/menu-faqs.gif) 0 -30px no-repeat; }
#menuClients a:hover	{ background: url(../images/menu/menu-clients.gif) 0 -30px no-repeat; }
#menuGallery a:hover	{ background: url(../images/menu/menu-gallery.gif) 0 -30px no-repeat; }
#menuContact a:hover	{ background: url(../images/menu/menu-contact.gif) 0 -30px no-repeat; }
#menuHome a:hover		{ background: url(../images/menu/menu-home.gif) 0 -30px no-repeat; }



/* =Sub Navigation -----------------------------------------------------------
-----------------------------------------------------------------------------*/




/* =Breadcrumbs --------------------------------------------------------------
-----------------------------------------------------------------------------*/




/* =Anchors & =Links ---------------------------------------------------------
-----------------------------------------------------------------------------*/

a.noLink:link { text-decoration: none; }
a.noLink:visited { text-decoration: none; }
a.noLink:hover { background: none; text-decoration: none; }
a.noLink:active { text-decoration: none; }

#columns_middle a:link { color: #d70000; text-decoration: underline; }
#columns_middle visited:after { content: "\00A0\221A"; font-size: 100%; }
#columns_middle a:visited:after { content: "\00A0\221A"; font-size: 100%; }
#columns_middle a:hover { background: #d70000; color: #ffffff; text-decoration: none; }
#columns_middle a:active { color: #d70000; text-decoration: underline; }

#columns_middle a.linkExternal:link { color: #d70000; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; }
#columns_middle a.linkExternal:visited { color: #858585; text-decoration: underline; }
#columns_middle a.linkExternal:visited:after { content: "\00A0\221A"; font-size: 100%; }
#columns_middle a.linkExternal:active { color: #d70000; text-decoration: underline; }
#columns_middle a.linkExternal:hover { color: #ffffff; text-decoration: none; background: #d70000 url(../images/image-linkExternalOn.gif) no-repeat right center; }

#footer_menu a:link { color: #ffffff; text-decoration: underline; }
#footer_menu a:visited { color: #ffffff; text-decoration: underline; }
#footer_menu a:hover { color: #525401; text-decoration: underline; }
#footer_menu a:active { color: #ffffff; text-decoration: underline; }

#copyright_left a:link { color: #525401; text-decoration: underline; }
#copyright_left a:visited { color: #525401; text-decoration: underline; }
#copyright_left a:hover { color: #adb03a; text-decoration: underline; }
#copyright_left a:active { color: #525401; text-decoration: underline; }




/* =Footer (Global) ----------------------------------------------------------
-----------------------------------------------------------------------------*/






/* =Search -------------------------------------------------------------------
-----------------------------------------------------------------------------*/





/* =Forms --------------------------------------------------------------------
-----------------------------------------------------------------------------*/

label { width: 100px; margin: 0 20px 10px 40px; font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #393901; float: left; }

form { font: 1.3em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 20px 0 0 0; }

form div { width: 340px; border: 1px solid #990000; background: #d70000; color: #fff; margin: 0 0 0 40px; padding: 4px; padding-left: 6px; }
.imageForm { margin: 0 20px 0 0;  }

#contactForm label { width: 90%; margin: 0 20px 0 20px; font-size: 100%; text-align: left;  }

textarea { width: 80%; margin: 5px 20px 0 40px; padding: 10px 5px 2px 5px; font: bold 110%/1.1em Verdana, Arial, Helvetica, sans-serif; }
input { width: 80%; height: 1.3em; margin: 5px 20px 0 40px; padding: 5px 5px 2px 5px; font: bold 110%/1.1em Verdana, Arial, Helvetica, sans-serif; }
input.small { width: 15%; height: 1.3em; margin: 5px 20px 0 40px; padding: 5px 5px 2px 5px; font: bold 110%/1.1em Verdana, Arial, Helvetica, sans-serif; }
input.button { width: 213px; height: 50px; margin: 20px 20px 20px 35px; font: bold 110%/1.1em Verdana, Arial, Helvetica, sans-serif; }




/* =Tables -------------------------------------------------------------------
-----------------------------------------------------------------------------*/





/* =Homepage Specfic ---------------------------------------------------------
-----------------------------------------------------------------------------*/




/* =Copyright ----------------------------------------------------------------
-----------------------------------------------------------------------------*/

#wrapper_copyright { position: relative; width: 724px; height: 100px; margin: 0; padding: 0; }
#copyright_left { position: relative; width: 438px; height: 16px; margin: 0 0 0 106px; padding: 20px 0 0 0; float: left; display: inline; }
#copyright_right { position: relative; width: 180px; height: 16px; margin: 0; padding: 20px 0 0 0; float: left; }

.validXHTML {width: 40px; height: 16px; background: url(../images/image-iconXHTML.gif) top left no-repeat; float: left; display: block;}
.validXHTML:hover {background-position: 0 -16px;}
.validXHTML span { display: none; }

.validCSS2 {width: 40px; height: 16px; background: url(../images/image-iconCSS2.gif) top left no-repeat; float: left; display: block;}
.validCSS2:hover {background-position: 0 -16px;}
.validCSS2 span { display: none; }

.validWAI {width: 40px; height: 16px; background: url(../images/image-iconWAI.gif) top left no-repeat; float: left; display: block;}
.validWAI:hover {background-position: 0 -16px;}
.validWAI span { display: none; }

.siteDWS {width: 40px; height: 16px; background: url(../images/image-iconDWS.gif) top left no-repeat; float: left; display: block;}
.siteDWS:hover {background-position: 0 -16px;}
.siteDWS span { display: none; }


/* end of css */