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

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

Project:   	Candy Kitchen Australia http://www.candykitchen.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) -------------------------------
-----------------------------------------------------------------------------*/

/* Remove padding and margin for entire document */
* {
	margin: 0;
	padding: 0;
}

/* Class for clearing floats both left and right */
.clear {
	clear: both;
}

/* Remove border around linked images throughout entire document */
img {
	border: 0;
}

/* Removes styling from all list items */
ul, li {
	list-style: none;
}

body {
	margin: 0;
	padding: 0;
	background: #aa0065 url(../images/image-bgBody.gif);
}

.center {
	text-align: center;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}


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

body {
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

p, #top_right li {
	font: 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 20px 0 20px;
}

.green { color: #8cc63f; }


#wrapper_copyright p {
	font: 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
}

h1 {
	font: bold 1.7em/1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #bc005c;
	margin: 0;
	padding: 20px 20px 0 20px;
}

h2 {
	font: bold 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #bc005c;
	margin: 0;
	padding: 20px 20px 0 20px;
}

h3 {
	font: bold 1.8em/2.5em Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	margin: 0;
	text-align: center;
}

h4 {
	font: lighter 1.5em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
}

h5 {
	font: bold 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 0;
}



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

body>#wrapper_container {
	margin-left: -388px;
}


#wrapper_container {
	position: relative;
	width: 777px;
	left: 50%;
	top: 15px;
	margin: 0 0 100px -388px;
	padding: 0;	
	text-align: left;
}

#wrapper_top {
	position: relative;
	width: 777px;
	margin: 0;
	padding: 0;
	background: url(../images/image-bgContainer.gif) repeat-y;
}

#top_left {
	position: relative;
	float: left;
	width: 243px;
	margin: 0;
	padding: 0;
}

#top_leftLogo {
	position: relative;
	width: 245px;
	height: 226px;
	margin: 0;
	padding: 0;
	background: url(../images/image-logoSml.gif) no-repeat;
}

#top_right {
	position: relative;
	float: left;
	width: 532px;
	margin: 0;
	padding: 0;
}

#wrapper_footer {
	position: relative;
	width: 773px;
	height: 5em;
	margin: 0;
	padding: 0;
	background: #8cc63f;
	border: 2px #ffffff solid;
}

#wrapper_splashTop {
	position: relative;
	width: 777px;
	height: 538px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-splashTop.gif) repeat-y;
}

#splashTop_logo {
	position: absolute;
	width: 374px;
	height: 337px;
	margin: 136px 0 0 358px;
	padding: 0;
	background: url(../images/logo-splash.gif);
}

#splashTop_byline {
	position: absolute;
	width: 329px;
	height: 165px;
	margin: 66px 0 0 16px;
	padding: 0;
	background: url(../images/text-makers.gif);
}

#splashTop_welcome {
	position: absolute;
	width: 350px;
	height: 75px;
	margin: 413px 0 0 15px;
	padding: 0;
}

#splashTop_enter {
	position: absolute;
	width: 70px;
	height: 72px;
	margin: 405px 0 0 581px;
	padding: 0;
}




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

#top_leftLogo span, #splashTop_logo span, #splashTop_byline span {
	display: none;
}




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

#wrapper_menu {
	position: relative;
	width: 243px;
	height: 324px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	text-align: left;
}
	
#wrapper_menu ul#menu	{
	position: relative;	
	width: 210px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapper_menu ul#menu li {
	position: relative;
	height: 36px;
	top: 0;
	padding: 0;	

}
	
ul#wrapper_menu li, ul#menu a {
	/*\*/overflow: hidden;/**/
	height: 36px;
	display: block;	
}
	
#wrapper_menu ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;	
}
	
#menuAbout			{left: 0px; top: 0px; width: 210px; background: url(../images/menu/menu-about.gif) top left no-repeat;}
#menuExperience 	{left: 0px; top: 36px; width: 210px; background: url(../images/menu/menu-experience.gif) top left no-repeat;}
#menuRange 			{left: 0px; top: 72px; width: 210px; background: url(../images/menu/menu-range.gif) top left no-repeat;}
#menuOrder 			{left: 0px; top: 108px; width: 210px; background: url(../images/menu/menu-order.gif) top left no-repeat;}
#menuGallery 		{left: 0px; top: 144px; width: 210px; background: url(../images/menu/menu-gallery.gif) top left no-repeat;}
#menuFranchise 		{left: 0px; top: 180px; width: 210px; background: url(../images/menu/menu-franchise.gif) top left no-repeat;}
#menuLinks 			{left: 0px; top: 216px; width: 210px; background: url(../images/menu/menu-links.gif) top left no-repeat;}
#menuContact 		{left: 0px; top: 252px; width: 210px; background: url(../images/menu/menu-contact.gif) top left no-repeat;}
#menuHome 			{left: 0px; top: 288px; width: 210px; background: url(../images/menu/menu-home.gif) top left no-repeat;}

#menuAbout a:hover			{background: url(../images/menu/menu-about.gif) 0 -36px no-repeat;}
#menuExperience a:hover		{background: url(../images/menu/menu-experience.gif) 0 -36px no-repeat;}
#menuRange a:hover			{background: url(../images/menu/menu-range.gif) 0 -36px no-repeat;}
#menuOrder a:hover			{background: url(../images/menu/menu-order.gif) 0 -36px no-repeat;}
#menuGallery a:hover		{background: url(../images/menu/menu-gallery.gif) 0 -36px no-repeat;}
#menuFranchise a:hover		{background: url(../images/menu/menu-franchise.gif) 0 -36px no-repeat;}
#menuLinks a:hover			{background: url(../images/menu/menu-links.gif) 0 -36px no-repeat;}
#menuContact a:hover		{background: url(../images/menu/menu-contact.gif) 0 -36px no-repeat;}
#menuHome a:hover			{background: url(../images/menu/menu-home.gif) 0 -36px no-repeat;}




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




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




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



#top_right a:link { color: #ec008c; padding: 2px; text-decoration: underline; }
#top_right a:active { color: #ec008c; padding: 2px; text-decoration: underline; }
#top_right a:visited { color: #8cc63f; background: url(../images/image-tick.gif) no-repeat right center; padding-right: 15px; }
#top_right a:hover { background: #ec008c; color: #ffffff; text-decoration: none; }

#top_right a.linkExternal:link { color: #ec008c; padding: 1px; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; }
#top_right a.linkExternal:active { color: #ec008c; text-decoration: underline; }
#top_right a.linkExternal:visited { color: #8cc63f; text-decoration: underline; background: url(../images/image-tick.gif) no-repeat right center; padding-right: 15px; }
#top_right a.linkExternal:hover { background: #ec008c; color: #ffffff; text-decoration: none; }

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




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






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





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

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

#copyright_left label {
	width: 65px;
	font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0 10px 0 10px;
	color: #ffffff;
	float: left;
}





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





/* =Page Specfic ---------------------------------------------------------
-----------------------------------------------------------------------------*/

.imageRow {
	position: relative;
	display: inline;
	width: 480px;
	margin: 10px 1px 0 20px;
	padding: 0;
}

.imageStandard {
	position: relative;
	width: 275px;
	height: 200px;
	margin: 10px 15px 10px 15px;
	padding: 0;
	text-align: center;
}

.imageSmall {
	position: relative;
	width: 200px;
	height: 160px;
	margin: 10px 0 0 15px;
	padding: 0;
	text-align: center;
}

.imageGallery {
	position: relative;
	display: inline;
	width: 150px;
	height: 160px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: center;
}

.imageCandy {
	position: relative;
	display: inline;
	width: 104px;
	height: 100px;
	margin: 0 15px 0 0;
	padding: 0;
	text-align: center;
}

.imageStandard p, .imageSmall p, .imageGallery p {
	font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

.imageCandy p {
	font: 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}

#top_right img {
	padding: 2px;
	border: 1px #bc005c solid;
}





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

#wrapper_copyright {
	position: relative;
	width: 777px;
	height: 16px;
	margin: 0;
	padding: 0;
}

#copyright_left {
	position: relative;
	width: 597px;
	height: 16px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

#copyright_right {
	position: relative;
	width: 180px;
	height: 16px;
	margin: 0;
	padding: 10px 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-icon508.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 */