@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { color: #4a4a4a; background: #fff url(../images/bg.png); }

h1, h2, h3, h4, h5, h6 {
	color: #d32224;
	font-weight: normal; 
	margin: 0 0 10px;
}

a:link, a:visited { color: #d32224; }

#container { background: #fff; width: 960px; margin: 0 auto; }

#header { background: #fff url(../images/header.png) no-repeat; position: relative; margin: 0 8px; padding: 10px 0 0; }
#header h1 { width: 310px; background: #fff url(../images/logo.png) no-repeat; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 106px; }
#header h2 { background: #fff url(../images/header-h2.png) no-repeat; text-indent: -9999px; width: 310px; height: 106px; position: absolute; top: 10px; right: 0%; }

#rootstuff { margin: 0 8px 8px; padding: 0; }
#rootstuff li { list-style: none outside; float: left; margin: 0 8px 0 0; }
#rootstuff li.last { margin: 0; }

#main1 { background-image: url(../images/main1.png); background-position: top left; background-repeat: repeat-y; margin: 0 8px; }
#main2 { background-image: url(../images/blue.gif); background-position: top right; background-repeat: repeat-y; }
body.root #main1 { margin: 0; }

#colLeft { float: left; width: 225px; margin: 0; padding: 0; }
#colLeft .padding { padding: 0; }

#colRight { float: right; width: 150px; margin: 0; padding: 0; background-color: #09f; }

#content { background: #a8a8a8 url(../images/content.png) repeat-x; margin: 0 150px 0 225px; padding: 23px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { background: #fff url(../images/content-padding.png) repeat-x bottom left; padding: 30px 35px; border: 1px solid #aeaeae; }
body.root #content { background: none; padding: 0; }
body.root #content .padding { background: #a8a8a8 url(../images/root-padding.png) repeat-x center; border: none; padding: 16px 18px 21px; /* YAY!  DUURRR */ }

h2.title { color: #d32224; font-weight: normal; font-size: 2.4em; margin: 0 0 10px; }

#services, #panel-shop { background: #fff url(../images/root-box.png) repeat-x bottom left; border: 1px solid #a8a8a8; width: 391px; float: left; margin: 0 18px 0 0; padding: 15px 30px; line-height: 1.618em; }
#services h3, #panel-shop h3 { color: #d32224; font-weight: normal; font-size: 2em; margin: 0 0 .5em; }
#services ul { margin: 0; padding: 0; }
#services ul li { list-style: inside; float: left; width: 48%; }
#panel-shop { margin: 0; }
#panel-shop img { float: left; margin: 0 1em 1em 0; }
#panel-shop ul li { list-style: inside; }

#footer { color: #5c5c5c; background: #fff url(../images/footer.png) no-repeat; text-align: center; padding: 7em 0 2em; }
#footer a:link, #footer a:visited { color: #5c5c5c; text-decoration: none; }

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}

/*** Products Menu ***/
ul#products_menu {
	position: relative;
	width: 206px;
	margin: 4px;
	padding: 0;
	list-style-type: none;
	background: #D32224;
	text-align: center;
}

ul#products_menu li { position: relative; }

ul#products_menu a:link, ul#products_menu a:visited {
	display: block;
	width: 100%;
	padding: 3px 0 6px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
ul#products_menu a:hover {
	background: #444;
}

ul#products_menu ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 200px;
	display: none;
	list-style-type: none;
	background: #eee;
	text-align: left;
}

ul#products_menu ul a:link, ul#products_menu ul a:visited {
	color: #444;
}
ul#products_menu ul a:hover {
	background: #9ec3e4;
	color: #fff;
}