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

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

Project:   	Wet Seal http://www.wet-seal.ws/
Version:   	1.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. 
	---------------------------------------------------------------------------*/

/* =CSS reset -------------------------------
-----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }	

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0; }
li, dd { margin-left: 0; }
fieldset { padding: .5em; }
select option { padding: 0 5px; }

ul, li { list-style: none; }

.hide { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; }
a img, img { border: none; }



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

						
body { background: url(../images/image-bgBody.jpg); }



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

body { font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
p {
	font: 1.4em/1.4 Calibri, Calibri, Calibri;
	color: #cc9933;
	margin: 10px 10px 10px 10px;
}
#copyright_left p { font: 1.1em/1.1 Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 0 0 0 20px; }
#wrapper_footer p {
	font: 1.3em/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #cc9933;
	margin: 0;
	padding: 0 0 0 20px;
}

h1 { font: bold 1.6em/1.6 Verdana, Arial, Helvetica, sans-serif; color: #0821aa; margin: 0; padding: 15px 0 10px 0; text-align: center; }
#wrapper_base h1 {
	position: absolute;
	width: 200px;
	height: 56px;
	margin: 79px 0 0 99px;
	padding: 0;
	text-align: left;
	background: url(../images/image-byline.gif);
	left: 555px;
	top: 70px;
}
 
h2 { font: bold 1.3em/1.3 Verdana, Arial, Helvetica, sans-serif; color: #0821aa; margin: 10px 10px 10px 10px; padding: 0; text-align: center; }
h3 { font: bold 1.3em/1.3 Verdana, Arial, Helvetica, sans-serif; color: #0821aa; margin: 10px 10px 10px 10px; padding: 0; }
h4 { font: bold 1.5em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; }
h5 { font: bold 1.3em/1.3 Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; }

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



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

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

#wrapper_header { position: relative; width: 798px; height: 242px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgHeader.gif) top left no-repeat; }
	#header_image { position: relative; width: 532px; height: 248px; margin: 14px 0 0 14px; display:inline; padding: 0; text-align: left; float: left; }
	#header_image img { position: relative; margin: 0; padding: 0; }
	#header_side { position: relative; width: 240px; height: 242px; margin: 14px 0 0 0; padding: 0; text-align: left; float: left; background: url(../images/image-bgHeaderSide.gif); }

#wrapper_middle {
	position: relative;
	width: 798px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #000000;
}
	#middle_content { position: relative; width: 538px; margin: 0 0 0 14px; padding: 0; text-align: left; float: left; background: url(../images/image-bgContent.gif); display: inline}
		#middle_content div.hr { width: 99%; height: 6px; margin: 0 9px 0 0; background: url(../images/image-bgHR.gif); }
		#middle_content div.hr hr { display: none; }
	#middle_side { position: relative; width: 235px; margin: 0; padding: 0; text-align: left; float: left; }

#wrapper_base { position: relative; width: 798px; height: 102px; margin: 0; padding: 0; text-align: left; background: url(../images/image-curveBottom.gif); }

#wrapper_footer { position: relative; width: 593px; height: 30px; margin: 0; padding: 0; text-align: left; }



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

#header_logo span, #wrapper_base h1 span { display: none; }



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

#wrapper_menu { position: relative; width: 207px; margin: 0 0 0 6px; padding: 0; list-style: none; font-size: 80%; text-align: left; }
#wrapper_menu ul#menu { position: relative;	width: 207px; margin: 0; padding: 0; list-style: none; }
#wrapper_menu ul#menu li { position: relative; height: 24px; top: 0; padding: 0; float: left; }
ul#wrapper_menu li, ul#menu a {	/*\*/overflow: hidden;/**/ height: 24px; display: block; }
#wrapper_menu ul#menu li a { text-indent: -9999px; text-decoration: none; }
#menuAboutUs   a		{
	left: 0px;
	top: 0;
	width: 207px;
	background: url(../images/menu/menu-AboutUs.gif) top left no-repeat;
}
#menuWhat a			{ left: 0; top: 26px; width: 207px; background: url(../images/menu/menu-what.gif) top left no-repeat; }
#menuGallery a		{ left: 0; top: 52px; width: 207px; background: url(../images/menu/menu-gallery.gif) top left no-repeat; }
#menuNews a			{ left: 0; top: 78px; width: 207px; background: url(../images/menu/menu-news.gif) top left no-repeat; }
#menuContact a		{ left: 0; top: 104px; width: 207px; background: url(../images/menu/menu-contact.gif) top left no-repeat; }


#menuAboutUs a:hover		{ background: url(../images/menu/menu-aboutus.gif) 0 -24px no-repeat; }
#menuWhat a:hover			{ background: url(../images/menu/menu-what.gif) 0 -24px no-repeat; }
#menuGallery a:hover		{ background: url(../images/menu/menu-gallery.gif) 0 -24px no-repeat; }
#menuNews a:hover			{ background: url(../images/menu/menu-news.gif) 0 -24px no-repeat; }
#menuContact a:hover		{ background: url(../images/menu/menu-contact.gif) 0 -24px no-repeat; }



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




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




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

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

a:link {
	text-decoration: none;
	color: #cc9933;
}
a:active {
	text-decoration: none;
	color: #cc9933;
}
a:visited {
	text-decoration: none;
	color: #cc9933;
}
a:hover {
	text-decoration: none;
	background: none;
	color: #cc9933;
	text-decoration:blink
}

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

#rightColumn_Content a.linkExternal:link { color: #7995e6; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; }
#rightColumn_Content a.linkExternal:visited { color: #858585; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; }
#rightColumn_Content a.linkExternal:visited:after { content: "\00A0\221A"; font-size: 100%; }
#rightColumn_Content a.linkExternal:active {
	color: #ECE9D8;
	text-decoration: underline;
}
#rightColumn_Content a.linkExternal:hover { color: #ffffff; text-decoration: none; background: #7995e6 url(http://www.dinkumweb.com.au/clients/wetseal/assets/images/image-linkExternalOn.gif) no-repeat right center; padding-right: 12px; }

#footer_menu a:link, #copyright_left a:link {
	color: #cc9933;
	text-decoration: underline;
}
#footer_menu a:visited, #copyright_left a:visited {
	color: #cc9933;
	text-decoration: underline;
}
#footer_menu a:hover, #copyright_left a:hover {
	color: #cc9933;
	text-decoration: underline;
}
#footer_menu a:active, #copyright_left a:active {
	color: #cc9933;
	text-decoration: underline;
}



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





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

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

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

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

#contactForm label { width:95%; margin: 0 20px 0 20px; font-weight: bold; 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 -------------------------------------------------------------------
-----------------------------------------------------------------------------*/





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

#wrapper_copyright { position: relative; width: 798px; height: 100px; margin: 20px 0 0 0; padding: 0; background: url(../images/image-bgFooter.gif) top left no-repeat; }
#copyright_left { position: relative; width: 593px; height: 16px; margin: 0; padding: 10px 0 0 0; float: left; }
#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 */