@charset "utf-8";
/* CSS Document */


html { 
	font-size: 100%; /* IE hack */ 
}


* {
	padding:0;
	margin:0;
}



/* below: body styles
--------------------------------------------------------------------------------- */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 0;
	padding: 0em;
	margin: 0;
}


h1 {
	color: #009933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.1em;
	margin-bottom: 0.3em;
	font-size: 2em;
	text-align: left;
}


h1 {
	color: #009933;
}

h1.intro {
	color: #009933;
}

h1.quote {
	color: #EC8B3C;
}

h1.about {
	color: #BDCC00;
}


h1.customers {
	color: #009DDF;
}

h1.contact {
	color: #EA7C35;
}

h1.work {
	color: #894735;
}

h2 {
	font-weight: bolder;
	color: #8A4735;
	letter-spacing: 0em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

h2.customers {
	color: #009DDF;
	font-size: 1.1em;
	line-height: 1.2;
}

h3 {
	font-weight: bolder;
	color: #EA7C35;
	letter-spacing: 0em;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	margin-top: 0.5em;
}

  

li { 
	list-style-type: none;
}

ul {
	list-style-type: none;
}

ul ul {
	list-style-type: none;
}

/* below: hr styles
--------------------------------------------------------------------------------- */


hr {
	color: #E7DAD7;
}

hr.about {
	color: #F2F5CC;
}

hr.customers {
	color: #CCFFCC;
}

hr.work {
	color: #CCFFCC;
}

hr.contact {
	color: #CCFFCC;
}







/* below: site link styles
--------------------------------------------------------------------------------- */

a:link {
	color: #009933;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}








/* below: page element div styles
--------------------------------------------------------------------------------- */

#container {
	margin:0 auto;
	min-width: 71em;
	width: 73em;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
}


#topmenu {
	z-index: 2;
	height: 16em;
	margin: 0 auto;
	float: left;
	text-align: center;
	margin-top: 0em;
	width: 100%;
	min-width: 71em;
	position: relative;
}

#content1 {
	z-index: 0;
	margin: 0 auto;
	position: relative;
	float: left;
	background-size: 66.65em;
	display: inline;
	width: 100%;
	margin-top: 3em;
	text-align: left;
	height: 75em;
}

#content2 {
	z-index: 1;
	height: 22em;
	margin: 0 auto;
	position: relative;
	float: left;
	background-size: 66.65em;
	display: inline;
	width: 100%;
	margin-top: -3em;
	min-height: 30em;
	margin-left: -2em;
	text-align: left;
}

#logo {
	z-index: -1;
	display: block;
	width: 53.75em;
	height: 18.8em;
	position: absolute;
	top: 9em;
	left: 12em;
}

#page_text {
	left: 12em;
}


#footer a{
	text-align: left;
	position: absolute;
	right: 23.3em;
	top: 57.5em;
	width: 25%;
	border-top: solid #CCCCCC 0.2em;
	padding-top: 1em;
	color: #CCCCCC;
	padding: 1em;
}


#footer a:hover{
	text-align: left;
	position: absolute;
	right: 23.3em;
	width: 25%;
	padding-top: 1em;
	color: #333333;
	padding: 1em;
	z-index: 20;
	background-color: #FFFFFF;
}


#intro a{
	text-align: left;
	position: relative;
	top: 31em;
	width: 25%;
	float: right;
	border-top: solid #009534 0.2em;
	padding: 1em;
	color: #000000;
}

#quote a{
	text-align: left;
	position: relative;
	float: right;
	top: 31em;
	width: 25%;
	margin-left: 3em;
	border-top: solid #EC8B3C 0.2em;
	padding: 1em;
	color: #000000;
}

#intro a:hover{
	text-align: left;
	position: relative;
	width: 25%;
	float: right;
	background-color: #FFFFFF;
	z-index: 10;
	padding: 1em;
	color: #000000;
}

#quote a:hover{
	text-align: left;
	position: relative;
	float: right;
	width: 25%;
	margin-left: 3em;
	background-color: #FFFFFF;
	z-index: 10;
	padding: 1em;
	color: #000000;
}

#intro a:visited{
	color: #000000;
}

#quote a:visited{
	color: #000000;
}

#recommended {
	text-align: left;
	position: relative;
	top: 0em;
	width: 30%;
	float: left;
	border-top: solid #009DDF 0.2em;
	padding-top: 1em;
	margin-right: 3em;
}


#galleryincludes {
	float: left;
	margin-left: 0.5em;
}

#imageblock {
	z-index: 6;
	position: absolute;
	width: 73em;
	left: 0em;
	top: 35em;
	height: 3em;
	display: inline;
}



/* below: topmenu "a link" styles
--------------------------------------------------------------------------------- */

.topmenu_link1 a {
	background-color: #F8CCD2;
	width: 7em;
	text-align: right;
	padding: 1.5em;
	padding-top: 8em;
	color: #894F78;
	z-index: 1;
	position: absolute;
	padding-bottom: 1.25em;
	font-weight: bold;
	left: 0em;
}


.topmenu_link2 a {
	background-color: #F2F5CC;
	width: 8em;
	text-align: left;
	padding: 1.5em;
	padding-top: 3.5em;
	color: #8A4735;
	z-index: 0;
	position: absolute;
	padding-bottom: 1em;
	left: 11em;
	top: 0em;
	font-weight: bold;
}

.topmenu_link3 a {
	background-color: #CCEBF9;
	width: 7.5em;
	text-align: right;
	padding: 1em;
	padding-top: 7.5em;
	color: #DE001C;
	z-index: 1;
	position: absolute;
	left: 22em;
	font-weight: bold;
}


.topmenu_link4 a {
	background-color: #E7DAD7;
	width: 93px;
	text-align: left;
	padding-top: 0.6em;
	color: #0197A1;
	padding-left: 2.5em;
	padding-bottom: 1.1em;
	z-index: 1;
	position: absolute;
	font-weight: bold;
	padding-right: 0.6em;
	left: 33em;
}


.topmenu_link5 a {
	background-color: #FBE8D8;
	width: 7.5em;
	text-align: left;
	padding: 1em;
	padding-top: 7em;
	color: #EA7C35;
	margin-left: -1.5em;
	z-index: 0;
	position: absolute;
	padding-bottom: 0.75em;
	left: 43.5em;
	font-weight: bold;
}

.topmenu_link6 a {
	background-color: #DEF2F3;
	width: 14em;
	text-align: center;
	padding: 0.75em;
	padding-top: 1.8em;
	color: #894735;
	z-index: 1;
	position: absolute;
	font-weight: bold;
	left: 52.5em;
}

.topmenu_link7 a {
	background-color: #EAE6E2;
	width: 11em;
	text-align: right;
	padding: 1em;
	padding-top: 6.5em;
	color: #3ABFD4;
	z-index: 0;
	margin-left: -5em;
	position: absolute;
	padding-bottom: 0.7em;
	left: 63em;
	font-weight: bold;
}








/* below: topmenu "a hover link" styles
--------------------------------------------------------------------------------- */

.topmenu_link1 a:hover {
	background-color: #DE001C;
	width: 9em;
	text-align: right;
	padding: 1.5em;
	padding-top: 13em;
	color: #FFEC00;
	z-index: 1;
	position: absolute;
	padding-bottom: 1.25em;
	left: 0em;
	font-weight: bold;
}


.topmenu_link2 a:hover {
	background-color: #BDCC00;
	width: 30em;
	text-align: left;
	padding: 1.5em;
	padding-top: 6em;
	color: #894735;
	z-index: 0;
	position: absolute;
	padding-bottom: 1em;
	left: 10em;
	font-weight: bold;
	padding-left: 2em;
}

.topmenu_link3 a:hover {
	background-color: #009DDF;
	width: 14em;
	text-align: right;
	padding: 1em;
	padding-top: 19em;
	color: #FAE096;
	z-index: 1;
	position: absolute;
	left: 17.5em;
	top: 0em;
	font-weight: bold;
}


.topmenu_link4 a:hover {
	background-color: #894735;
	width: 9em;
	text-align: left;
	padding-top: 24em;
	color: #FBE7B7;
	padding-left: 2.5em;
	padding-bottom: 1.1em;
	z-index: 1;
	position: absolute;
	padding-right: 0.6em;
	left: 33em;
	font-weight: bold;
}


.topmenu_link5 a:hover {
	background-color: #EC8B3C;
	width: 16em;
	text-align: left;
	padding: 1em;
	padding-top: 15em;
	color: #DBEFF5;
	z-index: 0;
	position: absolute;
	padding-bottom: 0.75em;
	left: 43.5em;
	font-weight: bold;
}

.topmenu_link6 a:hover {
	background-color: #5CBDC2;
	width: 14em;
	text-align: center;
	padding: 0.75em;
	padding-top: 9em;
	color: #894735;
	z-index: 1;
	position: absolute;
	left: 52.5em;
	font-weight: bold;
}

.topmenu_link7 a:hover {
	background-color: #98826D;
	width: 16em;
	text-align: right;
	padding: 1em;
	padding-top: 13em;
	color: #FBE7B7;
	z-index: 0;
	position: absolute;
	padding-bottom: 0.7em;
	left: 63em;
	font-weight: bold;
}


/* below: topmenu active styles
--------------------------------------------------------------------------------- */


#topmenu_link2_active {
	background-color: #BDCC00;
	width: 12em;
	text-align: left;
	padding: 1.5em;
	padding-top: 6em;
	color: #894735;
	z-index: 0;
	position: absolute;
	padding-bottom: 1em;
	left: 11em;
	opacity: 1;
	filter: alpha(opacity = 100);
	font-weight: bold;
}

#topmenu_link3_active {
	background-color: #009DDF;
	width: 14em;
	text-align: right;
	padding: 1em;
	padding-top: 19em;
	color: #FAE096;
	z-index: 1;
	position: absolute;
	left: 20em;
	top: 0em;
	opacity: 1;
	filter: alpha(opacity = 100);
	font-weight: bold;
}


#topmenu_link4_active {
	background-color: #894735;
	width: 9em;
	text-align: left;
	padding-top: 24em;
	color: #FBE7B7;
	padding-left: 2.5em;
	padding-bottom: 1.1em;
	z-index: 1;
	position: absolute;
	padding-right: 0.6em;
	left: 33em;
	opacity: 1;
	filter: alpha(opacity = 100);
	font-weight: bold;
}


#topmenu_link5_active {
	background-color: #EC8B3C;
	width: 16em;
	text-align: left;
	padding: 1em;
	padding-top: 15em;
	color: #DBEFF5;
	z-index: 0;
	position: absolute;
	padding-bottom: 0.75em;
	left: 43.5em;
	opacity: 1;
	filter: alpha(opacity = 100);
	font-weight: bold;
}

#topmenu_link6_active {
	background-color: #5CBDC2;
	width: 14em;
	text-align: center;
	padding: 0.75em;
	padding-top: 3em;
	color: #894735;
	z-index: 1;
	position: absolute;
	left: 52.5em;
	opacity: 1;
	filter: alpha(opacity = 100);
	font-weight: bold;
}

#topmenu_link7_active {
	background-color: #98826D;
	width: 11em;
	text-align: right;
	padding: 1em;
	padding-top: 6.5em;
	color: #FBE7B7;
	z-index: 0;
	margin-left: -5em;
	position: absolute;
	padding-bottom: 0.7em;
	left: 63em;
}








/* below: "work link" styles
--------------------------------------------------------------------------------- */

.work_links_signage a {
	float: left;
	z-index: 1;
	display: inline;
	position: absolute;
	text-align: left;
	font-weight: 100;
	color: #895076;
	width: 13em;
	height: 5em;
	left: 1em;
	top: 5em;
}


.work_links_dm a {
	float: left;
	z-index: 1;
	display: inline;
	position: absolute;
	text-align: left;
	font-weight: 100;
	color: #BDCC00;
	width: 10em;
	height: 5em;
	left: 21em;
	top: 0em;
}

.work_links_exhib a {
	float: left;
	z-index: 1;
	display: inline;
	position: absolute;
	text-align: center;
	font-weight: 100;
	color: #009DDF;
	width: 13em;
	height: 5em;
	left: 32em;
	top: -2em;

}


.work_links_online a {
	float: left;
	z-index: 1;
	display: inline;
	position: absolute;
	text-align: left;
	font-weight: 100;
	color: #EC8B3C;
	width: 13em;
	height: 5em;
	left: 47em;
	top: 4.5em;
}

.work_links_print a {
	float: left;
	z-index: 1;
	display: inline;
	position: absolute;
	text-align: left;
	font-weight: 100;
	color: #5CBDC2;
	width: 13em;
	height: 5em;
	left: 62em;
	top: 9em;
}


.work_links_photo a {
	float: left;
	z-index: 1;
	display: inline;
	position: absolute;
	text-align: right;
	font-weight: 100;
	color: #98826D;
	width: 8em;
	height: 5em;
	left: 64.54em;
	top: 21em;
}



/* below: "work link" hover styles
--------------------------------------------------------------------------------- */

.work_links_signage a:hover {
	z-index: 2;
	position: absolute;
	font-weight: bold;
	width: 13em;
	height: 5em;
	left: 1.5em;
	top: 4.5em;
	color: #895076;
}


.work_links_dm a:hover {
	z-index: 2;
	position: absolute;
	font-weight: bold;
	width: 10em;
	height: 5em;
	left: 21.5em;
	top: -0.5em;
	color: #BDCC00;
}


.work_links_exhib a:hover {
	z-index: 2;
	position: absolute;
	font-weight: bold;
	width: 14em;
	height: 5em;
	left: 32em;
	top: -2.5em;
	color: #009DDF;

}


.work_links_online a:hover {
	z-index: 2;
	position: absolute;
	font-weight: bold;
	width: 14em;
	height: 5em;
	left: 46.5em;
	top: 4em;
	color: #EC8B3C;
}

.work_links_print a:hover {
	z-index: 2;
	position: absolute;
	text-align: left;
	font-weight: bold;
	width: 14em;
	height: 5em;
	left: 61.5em;
	top: 8.5em;
	color: #5CBDC2;
}


.work_links_photo a:hover {
	z-index: 2;
	position: absolute;
	font-weight: bold;
	width: 9em;
	height: 5em;
	left: 64em;
	top: 20.5em;
	color: #98826D;
}







/* below: img styles
--------------------------------------------------------------------------------- */


img {
	display: block;
	border: 0;
} 

img.brandwaxlogo {
	height: 18.8em;
	width: 53.75em;
}

img.manstar {
	height: 11.8em;
	width: 25.9em;
	opacity: 0.25;
	filter: alpha(opacity = 25);
	z-index: -1;
	position: absolute;
	left: 0em;
	float: left;
	top: -11.5em;
}

img.prof {
	height: 11.7em;
	width: 28.4em;
	z-index: 0;
	right: 2em;
	float: right;
	display: block;
	position: absolute;
	top: 48.5em;
	background-color: #2B2B29;
	padding: 1em;
	left: 0em;
}



/* below: work link img  styles
-------------------------------------------------------------------------------- */


img.signage {
	height: 7.05em;
	width: 7.95em;
	position: absolute;
	top: 1.5em;
	left: 3em;
}
img.dm {
	height: 6.25em;
	width: 8.2em;
	position: absolute;
	top: 3em;
	left: -3em;
}
img.online {
	height: 6.1em;
	width: 5.9em;
	position: absolute;
	top: 2em;
	left: 0.25em;
}
img.photo {
	height: 5.85em;
	width: 5.9em;
	position: absolute;
	top: -6.5em;
	left: 2em;
}
img.print {
	height: 4.55em;
	width: 8.6em;
	position: absolute;
	top: 3em;
	left: -7em;
}
img.exhib {
	height: 8.7em;
	width: 10.5em;
	position: absolute;
	top: 2em;
	left: 1.5em;
}

img.w3c {
	border-top: solid #CCCCCC 0.2em;
	position: absolute;
	top: 35.7em;
	float: right;
	padding-top: 1em;
	right: -10em;
}

img.w3ccss {
	border-top: solid #CCCCCC 0.2em;
	position: absolute;
	top: 39.5em;
	float: right;
	padding-top: 1em;
	right: -10em;
}