/* CSS Document - 2006.09.07 - firebelly design corp.: k.brugman */
/* olive: #C7C9B6; slate: #A5A498; red: #B13B24; text: #A5A498; footer text: #919187; */

	body, html {
		background: #FFFFFF;
		color: #A5A498;
		font-family: arial, sans-serif;
		font-size: 11px;
		font-weight:normal;
		line-height: 1.4;
		text-align:center;
		margin: 0px;
		padding: 0px;
		}
		
	A			{ color: #B13B24; text-decoration: none; }
	A:link		{ color: #B13B24; text-decoration: none; }
	A:visited	{ color: #B13B24; text-decoration: none; }
	A:hover		{ color: #B13B24; text-decoration: underline; }
	A:active	{ color: #B13B24; text-decoration: underline; }	
	
	
	img { border:none; display:block; }
	.hide, .g #content td span { position:absolute; left:-9999px; }
	
	input, select, textarea {
		color: #A5A498;
		background: #FFFFFF;
		font-family: arial, sans-serif;
		font-size: 11px;
		margin:0px;
		padding:0px;
		}

/* TEXT TAGS */

	p, li, td {
		background: transparent;
		color: #A5A498;
		font-family: arial, sans-serif;
		font-size: 11px;
		font-weight:normal;
		line-height: 1.4;
		text-align:left;
		padding: 0px;
		margin: 0px 0px 1em 0px;
		}
		
	.a #content p, .s #content p, .s #content li { color: #757572; font-size: 12px; }
	.a #content p span, .s #content p span { font-weight:bold; }
		
	.s #content p, .s #content table { margin-right: 32px; }
	.s #content li em { font-style:normal; text-decoration:underline; }
	.s #content li li { margin-bottom: 0px; }
	
	.c .left p { font-size: 12px; margin-bottom: .5em; }
	p.lc { text-transform:lowercase; }
	
	h1, h2, h3, h5, h5, h6 {
		background: transparent;
		color: #B13B24;
		font-family: helvetica neue, helvetica, arial, sans-serif;
		font-size: 20px;
		font-weight:bold;
		line-height: 1.4;
		text-align:left;
		text-transform:none;
		padding: 0px;
		margin: 0px 0px 1em 0px;
		}
	
	h1 {
		text-transform: lowercase;
		padding: 0px 0px 4px 1px;
		margin-bottom: 7px;
		border-bottom: 1px solid #C7C9B6;
		}
		
	h2 { color: #A5A498; font-size: 11px; margin: 0px; }
		
	.c h2 { color: #686868; font-size: 12px; margin-bottom: .5em; }
		
	h3 {
		font-size: 11px;
		color: #B13B24;
		text-transform: lowercase;
		margin: 0px;
		}
		
/* FORMATTING TAGS */

	#container {
		background: #FFFFFF;
		color: #A5A498;
		width: 800px;
		text-align:left;
		padding: 0px;
		margin: 50px auto 20px auto;
		}
		
	#wrapper { position:relative; margin: 0px; padding: 0px; }
		
	#content {
		background: #FFFFFF;
		color: #A5A498;
		padding: 0px;
		margin: 0px 10px 15px 146px;
		}
		
	.a #content { margin: 0px 32px 35px 146px;}
	.a #content img, .s #content img { margin-bottom: 15px;}
	
	.s #content { margin: 0px 0px 20px 146px;}
	
	.g #content { position:relative; margin: 0px 10px 15px 304px; }
		
	.c #content { margin: 0px 0px 3px 165px;}
	
	.i #content { margin: 0px 0px 3px 0px;}
		
	.left {
		position: absolute;
		width:117px;
		margin: 12px 10px 0px 10px;
		padding: 0px;
		}
		
	.c .left { margin-top: 18px; }
		
	.left { *left: 0px; }
	*html .left { /* \*/ left: -146px; /* */ }
	*html .c .left { /* \*/ left: -165px; /* */ }
		
	.g .left { /* gallery */
		width:280px;
		margin: 12px 14px 0px 10px;
		}
		
	*html .g .left { /* \*/ left: -304px; /* */ }
	
	.left a img { position: absolute; top:96px; } /* gallery link on services page */
		
	ul {
		list-style:none;
		margin: 0px;
		padding:0px;
		}
		
		
	table.colors { padding-top: 20px; }
	table.colors td { text-align: center; line-height: .5; padding-bottom: 20px; }
	table.colors td img { margin: 0px auto; }
			
/* FOOTER TAGS */

	#footer {
		position: relative;
		clear:both;
		width: 773px;
		background: #C7C9B6;
		margin: 0px;
		padding: 10px 12px 10px 15px;
		}
		
	*html #footer { /* \*/ width: 800px; w\idth: 773px; /* */}
		
	#footer p {
		background: transparent;
		color: #919187;
		font-size: 10px;
		float: left;
		margin:0px;
		}
	
	#footer p.fb { float: none; text-align:right; }
		
	#footer a { text-decoration:underline; color: #919187; }
	#footer a:hover, #footer a:active { text-decoration:underline; color: #757572; }

	

/* NAV TAGS */

	ul#nav {
		background: #A5A498;
		color: #FFFFFF;
		width: 774px;
		height: 2.75em;
		margin: 0px 0px 9px 0px;
		padding:0px 13px;
		}
		
	*html ul#nav { /* \*/ width: 800px; w\idth: 774px; /* */ }
		
	.i ul#nav, .c ul#nav { margin: 0px 0px 3px 0px; }
		
	ul#nav li {
		margin: .7em 0px;
		padding:0px;
		float:left;
		}
	
	ul#nav li a {
		color: #FFFFFF;
		font-family: helvetica neue, helvetica, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		float:left;
		display:block;
		margin: 0px 6px 0px 0px;
		padding:0px 6px 0px 0px;
		border-right: 1px solid #FFFFFF;
		}
		
	#container ul#nav li a:hover, #container ul#nav li a:active, #container ul#nav li a.on { color: #686868; text-decoration: none; }

	#container li a#contact { border:none; margin: 0px; padding:0px; }
	
	
/* NAV2/3 TAGS */

	ul#nav2 { position: relative; }
	
	.g ul#nav2 { width: 100px; } /* gallery */
	
	ul#nav2 ul { margin: 5px 0px 12px 10px; }
		
		
	ul#nav2 li, ul#nav2 ul li {
		font-size: 12px;
		font-style: italic;
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 1px;
		}
	
	ul#nav2 li a, ul#nav2 ul li a {
		background: #FFFFFF;
		color: #A5A498;
		font-family: helvetica neue, helvetica, arial, sans-serif;
		font-weight:bold;
		font-style: normal;
		text-transform:lowercase; 
		margin: 0px;
		padding: 0px;
		}
	
	ul#nav2 li a:hover, ul#nav2 li a:active, ul#nav2 li a.on, ul#nav2 ul li a:hover, ul#nav2 ul li a:active, ul#nav2 ul li a.on { color: #B13B24; text-decoration: none; }
	
	ul#nav2 li.rule {
		padding: 12px 0px 0px 1px;
		border-top: 1px solid #C7C9B6;
		}
	

	
/* GALLERY & GALLERY NAV TAGS */

	#sample { margin: 0px auto 0px 0px; border: 1px solid #C7C9B6; }
	
	#details { position: relative; width: 487px; margin-top: 5px;}

	.g #content ul { margin: 0px 0px 1em 0px; }
	
	.g #content li, .g #content p {
		font-size: 10px;
		margin: 0px;
		padding:0px;
		}
		
	.g #content li a { color: #B13B24; }
	.g #content li a:hover, .g #content li a:active { color: #B13B24; text-decoration:underline; }
	
	/* rmd exclusive logo */
	.g #content li#logo span { position:absolute; left:-9999px; }
	.g #content li#logo {
		background: url(../images/logo_tiny.jpg) left center no-repeat;
		padding: 0px 0px 0px 78px;
		margin-top: .5em;
		}
		
	*html .g #content li#logo { padding-left: 75px; /* \*/ padding-left: 78px; /* */ }
	/* --- */
	
	#views { position: absolute; top: 0px; right: 0px; }
	
	p#views a { color: #A5A498; }
	p#views a:hover, .p#views a:active, p#views a.on { color: #B13B24; text-decoration:none; }
	
	#overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		background: transparent;
		}
		
	#overlay div { 
		position: absolute;
		top: 0px;
		width: 240px;
		padding: 10px 10px 12px 10px;
		border: 1px solid #C7C9B6;
		background: #FFFFFF;
		opacity: .9;
		display:none;
		}
		
	*html #overlay div { padding-bottom: 25px; /* \*/ padding-bottom: 12px; /* */ }
		
	#overlay h3 { color: #AA2C14; margin-bottom: 5px; }
	
	#overlay a.close {
		position: absolute;
		top: 10px;
		right: 10px;
		}

	*html #overlay a.close {
		left: 248px;
		/* \*/
		left: auto;
		/* */
		}
	
	#overlay p, #overlay a.close { color: #8F8E82; }
	*html #overlay p, *html #overlay a.close { color: #A5A498; }
	
	#overlay a.close:hover, #overlay a.close:visited { color: #AA2C14; text-decoration:none; }
	*html #overlay h3, *html #overlay a.close:hover, *html #overlay a.close:visited { color: #B13B24; }
		
	#nav2 ul#nav3, #nav2 ul#nav3 ul {
		width: 163px;
		position: absolute;
		top: 1.95em;
		left: 120px;
		margin: 0px;
		}
		
	#nav2 ul#nav3 ul.off { display:none; }
	#nav2 ul#nav3 ul.on { display:block; }
	
	
	*html #nav2 ul#nav3 { top: 1.45em; /* \*/ top: 1.95em; /* */ }
	
	#nav2 ul#nav3 ul { position: static; }
	
	#nav2 ul#nav3 li, #nav2 ul#nav3 ul li {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		}
	
	#nav2 ul#nav3 ul li { margin: 0px; }
	
	#nav2 ul#nav3 li a, #nav2 ul#nav3 ul li a {
		background: #FFFFFF;
		color: #A5A498;
		font-size: 11px;
		font-weight:bold;
		margin: 0px;
		padding: 0px;
		}
		
	#nav2 ul#nav3 ul li a { font-weight:normal; }
	
	#nav2 ul#nav3 li a:hover, #nav2 ul#nav3 li a:active, #nav2 ul#nav3 li a.on, #nav2 ul#nav3 ul li a:hover, #nav2 ul#nav3 ul li a:active, #nav2 ul#nav3 ul li a.on { color: #B13B24; text-decoration: none; }
	
	
	/* product squares horizontal list */
	ul#nav4 { margin: 3px 0px 0px 1px; padding-bottom: 10px; }
	
	ul#nav4 li { float:left; }
	
	ul#nav4 li a {
		display:block;
		background: #FFFFFF;
		color: #FFFFFF;
		width: 10px;
		height: 10px;
		border: 1px solid #A5A498;
		overflow:hidden;
		float:left;
		margin: 0px 3px 0px 0px;
		}
	
	*html ul#nav4 li a {
		display:inline;
		/* \*/
		display:block;
		/* */
		}
	
	ul#nav4 li a.on { background: #A5A498; color: #A5A498; border: 1px solid #A5A498;text-decoration: none; }
	
	ul#nav4 li a:hover, table#nav4 li a:active { background: #B13B24; color: #B13B24; border: 1px solid #B13B24; text-decoration: none; }