/* CSS for Imperial Stonemasons website - Silktide Ltd 2005 */

/* General Styles */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */
body				{ background: #94A2B2 url('templatefiles/bg-body2.jpg') repeat-y center top; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0; }
h1				{ position: absolute; top: 25px; left: 30px; font: bold 2.0em arial, verdana, helvetica, sans-serif; }
h2				{ font: bold 1.5em arial, verdana, helvetica, sans-serif; }
h3				{ font: bold 1.3em arial, verdana, helvetica, sans-serif; }
h4				{ font: bold 1.0em arial, verdana, helvetica, sans-serif; }
p					{ font-size: 1.0em; line-height: 1.5em; text-align: justify; }
img				{ border: 0; }
a					{ color: #647484; text-decoration: none; }
a:hover 		{ color: #fff; }
table, form		{ background-color: transparent; font: 1.0em verdana, arial, helvetica, sans-serif; }

.center			{ text-align: center; margin: auto; }
.widthwrapper	{ width: 100%; }



#container 	{ min-height: 100%; height: auto; background: url('templatefiles/bg-container2.jpg') no-repeat center top; text-align: center; margin: auto; margin-bottom: -128px; } 
* html #container 	{ height: 100%; }
#wrapper		{ width: 640px; position: relative; text-align: left; margin: auto; }

#header			{ height: 74px; background: url('templatefiles/bg-header.jpg') no-repeat center bottom; }
#nav				{ height: 25px; }

#banner			{ height: 234px; }
#content		{ background: url('templatefiles/bg-content2.jpg') no-repeat center top; padding: 40px 30px 0; }

#content img	{ margin-bottom: 15px; }

#rightcol		{ width: 200px; float: right; margin: 25px 0 0 30px; }
#rightcol img	{ margin-bottom: 30px; }
#rightcolwide	{ width: 250px; float: right; margin: 0 0 0 30px; }
#rightcolwide 	{ text-align: center; }

#button			{ width: 180px; height: 20px; text-align: center; }
#button a		{ width: 180px; height: 20px; background: url('templatefiles/directions1.jpg') no-repeat 50% 50%; color: #000;  }
#button a:hover { background: url('templatefiles/directions2.jpg') no-repeat 50% 50%; color: #000; }


#nav ul			{ width: auto; display: inline; list-style-type: none; padding: 0; margin: 0 0 0 25px; border-left: 1px solid #000; border-right: 1px solid #E9D2BF; }
#nav li			{ float: left; font-weight: bold; text-align: center; line-height: 25px; padding: 0; border-left: 1px solid #E9D2BF; border-right: 1px solid #000; margin: 0; }
#nav li a		{ color: #000; padding: 5px 6px; }
#nav li a:hover, #nav li b a{ background-color: #DCCFC7; }

#undernav ul	{ width: auto; list-style-type: none; padding: 0; border-left: 1px solid #000; border-right: 1px solid #E9D2BF; margin: 0 0 0 25px; }
#undernav li	{ float: left; font-weight: bold; text-align: center; line-height: 25px; padding: 0; border-left: 1px solid #E9D2BF; border-right: 1px solid #000; margin: 0; }
#undernav li a	{ color: #fff; padding: 4px 6px; }
#undernav li a:hover, #undernav li b a{ background-color: #714D33; }




#home					{ background: url('templatefiles/bg-body.jpg') repeat-y center top; }
#home #container 	{ background: url('templatefiles/bg-container.jpg') no-repeat center top; }
#home #content		{ background: url('templatefiles/bg-content.jpg') no-repeat center top; text-align: center; }
#home #content p	{ text-align: center; }
#home #footer		{ background: none; }

#material #content 	{ padding: 0; }
#material .text		{ clear: both; padding: 0 30px; }
#material #images	{ width: 100%; background-color: #ACB4BC; font-weight: bold; color: #fff; }
#material #images p	{  padding: 20px 30px 0; }
#material #images a	{ font-weight: bold; color: #000; }
#material #images a:hover { color: #fff; }
#material #images td		{ vertical-align: top; padding: 15px; }
#material #images td img	{ margin-bottom: 10px; }
#material #anchor			{ float: right; text-align: right; margin-top: 20px; }
#material #anchor img		{ float: left; vertical-align: middle; border: 1px solid #647484; margin-right: 5px; }
#material #anchor p			{ font-weight: bold; vertical-align: middle; }

.edge					{ margin-left: 70px; }
.edge img, .edge p	{ display: inline; vertical-align: middle; }


#clearfooter 	{ height: 128px; }
#footer			{ width: 100%; height: 128px; background: url('templatefiles/bg-footer2.jpg') no-repeat center top; text-align: center; font-size: 0.8em; margin: auto;  }
#footer p		{ width: 640px; text-align: left; padding-top: 90px; padding-left: 20px; margin: 0 auto;}