/*****************************************************
** The Cake and Cookie Co.
**
** (c) FreckleCreative.com.au
*****************************************************/

@import url(topography.css);

body {
	color: white;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
	background: #291d16 url(../images/body_bg.gif);
}

body #content a, body #content a:visited { 
	color: #b964d2; 
	text-decoration: none;
	border-bottom: 1px solid #755341;
}
body #content a:hover { color: #755341; }

body #accessibility {
	display: none;
}

body #container {
	margin: auto auto;
	display: block;
	text-align: center;
	width: 100%;
	height: 213px;
	background: url(../images/container_bg.jpg) 50% 0 no-repeat;
}
html>body #container {
	height: auto;
	min-height: 213px;
}
body #containerbox {
	width: 733px;
	height: auto;
	display: block;
	text-align: justify;
	margin: auto auto;
	/* border: 1px dotted red; */
}
body #nav {
	float: right;
	height: 46px;
	width: 100%;
	background: url(../images/nav_bg.gif) no-repeat;
}
body #nav ul {
	float: right;
	width: 471px;
	height: 29px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-right: 3px;
	margin-top: 17px;
	list-style: none;
}
body #nav li {
	float: left;
	width: 92px;
	height: 29px;
	text-align: center;
	text-transform: uppercase;
}
body #nav li a, body #nav li a:visited {
	float: left;
	width: 92px;
	height: 25px;
	color: white;
	font-size: 12px;
	padding-top: 4px;
	text-decoration: none;
}
body#home #m-home a,
body#profile #m-profile a,
body#contact #m-contact a,
body#products #m-products a,
body#expertise #m-expertise a,
body #nav li a:hover {
	background: url(../images/nav_a_hover.gif) no-repeat;
}

body #header {
	display: block;
	height: 178px;
	width: 100%;
	background: url(../images/header_bg.jpg) 0 46px no-repeat;
}
body #header img.logo {
	float: left;
	display: none;
}
body #header h1 {
	display: none;
	text-indent: -3000px;
}

body #contentbox {
	float: left;
	background-repeat: repeat;
	background-image: url(../images/content_content_bg.gif);
}
body#home #contentbox { background-image: url(../images/content_bg.gif); }
body#products #contentbox { background-image: url(../images/product_content_bg.gif) !important; }

body #links {
	display: block;
	width: 733px;
	height: 88px;
	margin: 0;
	padding: 0;
	background: url(../images/content_content_bg.jpg) no-repeat;
}
body#products #links { background-image: url(../images/products_content_bg.jpg); }
body#home #links { background-image: url(../images/content_bg.jpg); }

html>body #links {
	height: auto;
	min-height: 88px;
}
body #links ul.catalog,
body #links ul.quicklinks {
	float: right;
	width: 302px;
	padding: 0;
	margin: 0;
	margin-top: 88px;
	list-style: none;
}
body #links ul.catalog li,
body #links ul.quicklinks li,
body #links div.morelinks ul li {
	float: left;
	width: 301px;
	height: 45px;
}
html>body #links ul.catalog li { 
	height: auto;
	min-height: 45px;
}
body #links div.morelinks {
	float: right;
	width: 302px;
	margin: 0;
	padding: 0;
	background: url(../images/morelinks_bg.gif);
}
body #links div.morelinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/ul_morelinks_bg.gif);
}
body #links ul.catalog li a, 
body #links ul.catalog li a:visited,
body #links ul.quicklinks li a, 
body #links ul.quicklinks li a:visited,
body #links div.morelinks li a, 
body #links div.morelinks li a:visited {
	float: left;
	width: 242px;
	height: 19px;
	color: white;
	padding: 13px 30px;
	font-size: 14px;
	text-decoration: none;
	background-color: #644735;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: top left;
}
/**** INNER CATALOG NAV *********************************************/
ul.catalog li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
ul.catalog li ul li {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	height: 20px !important;
}
ul.catalog li ul li a {
	float: left;
	margin: 0 !important;
	padding: 0;
	font-size: 0.8em;
	width: 247px !important;
	height: 20px !important;
	padding: 5px 5px 5px 50px !important;
	background: #3e2146 !important;
}
ul.catalog li ul li a.selected,
ul.catalog li ul li a:hover { background: #311937 !important; }
/* Mozilla hacks to get around the submenu problem */
html>body #links>ul.catalog>li>a,
html>body #links>ul.catalog>li>a:visited {
	width: 242px;
	height: 19px;
	color: white;
	padding: 13px 30px;
	font-size: 14px;
	text-decoration: none;
	background-color: #644735;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: top left;
}
html>body #links ul.catalog>li>ul>li {
	padding: 0;
	margin: 0;
	background: #3e2146;
	width: 302px;
}
html>body #links ul.catalog>li>ul>li>a,
html>body #links ul.catalog>li>ul>li>a:visited {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	width: 247px;
	height: 10px;
	padding: 5px 5px 5px 50px;
	background: #3e2146;
}

body #links ul.catalog li a, 
body #links ul.catalog li a:visited,
body #links ul.quicklinks li a, 
body #links ul.quicklinks li a:visited {
	background-color: #784486;
	background-image: url(../images/ql_a_bg.gif);
}

body li a.selected,
body #links ul.catalog li a:hover,
body #links ul.quicklinks li a:hover,
body #links div.morelinks li a:hover { background-position: 0 -45px !important; }
div.morelinks li a.first  { background-image: url(../images/ml_a_bg_first.gif); }
div.morelinks li a.second { background-image: url(../images/ml_a_bg_second.gif); }
div.morelinks li a.third  { background-image: url(../images/ml_a_bg_third.gif); }
div.morelinks li a.fourth { background-image: url(../images/ml_a_bg_fourth.gif); }
body #links ul.catalog li a.selected { font-weight: bold; }

body #links #flash {
	float: left;
	width: 429px;
	height: 269px;
	background: url(../images/flash_bg.gif) 0 89px no-repeat;
}
body #links #flash p {
	padding-top: 120px;
	text-align: center;
}
body #links #flash a,
body #links #flash a:visited {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
body #links h2 { display: none; }
body #links ul.catalog li a.first, 
body #links ul.quicklinks li a.first { background-image: url(../images/ql_a_first.gif) !important; }

body #content { 
	float: left;
	width: 733px;
	margin: 0;
	padding: 0;
	padding-top: 42px;
}
body#home #content,
body#products #content {
	width: 428px;
	padding-top: 0;
}
body #content h2 {
	display: block;
	float: left;
	width: 434px;
	height: 53px;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-bottom: 6px;
	text-indent: -3000px;
	background-repeat: no-repeat;
}
body#profile #content h2 { background-image: url(../images/h2_about.gif); }
body#contact #content h2 { background-image: url(../images/h2_contact.gif); }
body#sitemap #content h2 { background-image: url(../images/h2_sitemap.gif); }
body#expertise #content h2 { background-image: url(../images/h2_expertise.gif); }
body#home #content h2 { background-image: url(../images/h2_home_welcome.gif); height: 41px; width: 429px; }
body#products #content h2 { background-image: url(../images/h2_product_information.gif); height: 41px; width: 429px; }

body#sitemap ul {
	list-style: none;
	line-height: 2em;
}
body #content h3 {
	margin: 5px 0;
	padding: 0;
	color: white;
	padding-left: 30px;
	font-weight: normal;
}
body #content h3 span {
	color: #ab68b9;
	font-weight: bold;
}
body #contenttext {
	float: left;
	width: 377px;
	margin: 0;
	padding: 0 20px 0 30px;
	text-align: justify;
}
body#home #contenttext,
body#products #contenttext {
	padding-right: 20px;
}
body #contenttext p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
body #contenttext h3 {
	padding-left: 0;
	margin-left: 0;
}
body #content div.side {
	clear: right;
	float: right;
	width: 261px;
	height: 278px;
	padding: 16px;
	margin: 0px;
	margin-right: 1px;
	background: transparent url(../images/img_bg.gif) top left no-repeat;
}
body #content div.second {
	background: transparent url(../images/img_bg2.gif) top left no-repeat !important;
}
body #content div.side a {
	display: block;
	width: 255px;
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 5px;
	border: none !important;
}
body #content img.side {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	border: none;
}

body #footer {
	color: white;
	clear: both;
	display: block;
	font-size: 0.7em;
}
body #footer a, body #footer a:visited {
	text-transform: lowercase;
	text-decoration: none;
	color: white;
}
body #footer a:hover {
	text-decoration: underline;
}
body #footer p {
	display: block;
	padding: 7px 29px;
	margin: 0;
}
body #footer p.links {
	height: 16px;
	width: 675px;
	background: url(../images/footer_bg.gif);
}
body #footer hr { display: none; }
body #footer span.copyright {}

.clear {
	clear: both;
}
.css {
	text-indent: -3000px;
	float: left;
	display: block;
	background-image: url(../images/css.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 80px;
	padding: 0 5px 0 0;
}

.xhtml {
	text-indent: -3000px;
	float: left;
	display: block;
	background-image: url(../images/xhtml.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 80px;
	padding: 0 5px 0 0;
}

.frecklesite {
	text-indent: -3000px;
	float: left;
	display: block;
	background-image: url(../images/freckle.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 89px;
	padding: 0 5px 0 0;
}
a.css, a.xhtml, a.frecklesite {
	text-decoration: none;
}
a.css:hover, a.xhtml:hover, a.frecklesite:hover {
	text-decoration: none !important;
}

#contactform fieldset{
	margin:0;
	width: 420px;
	color: white;
	
}

#contactform legend{
	color: white;
	
}
#contactform label{
	display:block;
	float:left;
	clear:both;
	width:70px;
	text-align:right;
	padding-bottom: 5px;
	margin:0 5px 0 0px;
}

#contactform select{
	display:block;
	float:left;
	clear:both;
	width:20em;
	padding-bottom: 5px;
	margin:0 0 0 70px;
}

#contactform textarea{
	display:block;
	float:left;
	
	width:20em;
	text-align:left;
	padding-bottom: 5px;
	margin:0;
}

#contactform input{
	
	margin:0;
	padding:0;

}

#contactform #btnNext{
	clear:both;
	width: 80px;
	margin:5px 0 0 0;
	float: right;
}