/**************************************************************************************************/
/***
/***	GRATES AND GRILLS CSS DOCUMENT
/***	-----------------------------------------------------------------------
/***	Written by Matthew Praetzel. Copyright (c) 2008 Matthew Praetzel.
/***	-----------------------------------------------------------------------
/***	
/***
/**************************************************************************************************/

/*-----------------------
	HTML/BODY/BORDER
-----------------------*/
html,body { margin:0px;padding:0px;height:100%; }
body { background:#E7E2A7 url(../../../images/bg2.jpg) repeat-x top left; }
body { font-family:"Tahoma",Lucida Grande,Verdana,sans-serif;font-size:14px;color:#000000; }
.bdr { float:left;width:100%; }
.pos { width:973px; }
div { position:relative; }
br { clear:both; }
a { cursor:hand;cursor:pointer; }
p { float:left;clear:both; }
/*-----------------------
	TEMPLATE
-----------------------*/
.bbg { width:100%;background:#FFFCBA; }
.hp { z-index:2; }
/*-----------------------
	HEADER
-----------------------*/
#h { float:left;width:100%;height:105px;z-index:2; }
#tongs, #logo, #h span, #addy, #hs { display:block;position:absolute;clear:both; }
#tongs { width:144px;height:688px;top:-150px;left:0px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gratesandgrills.com/images/tongs.png");z-index:2; }
html>/**/body #tongs { background:transparent url(../../../images/tongs.png) no-repeat top left; }
#logo { width:196px;height:96px;top:4px;left:170px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gratesandgrills.com/images/logo.png"); }
html>/**/body #logo { background:transparent url(../../../images/logo.png) no-repeat top left; }
#h span { font-size:18px;color:#FFFFFF;top:38px;left:400px; }
#addy { width:225px;height:87px;top:8px;left:750px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gratesandgrills.com/images/addy.png");padding-top:8px; }
html>/**/body #addy { background:transparent url(../../../images/addy.png) no-repeat top left; }
#addy { line-height:16px;text-align:center;font-size:14px; }
#addy a { color:#FFFFFF; }
#addy a:hover, #f a:hover { color:#FF0000; }
/*-----------------------
	NAVIGATION
-----------------------*/
#n, #n li { display:block;position:relative;float:left;clear:none;height:42px;padding-left:115px;margin:0px;list-style:none;z-index:1; }
#n li { width:50px;border-left:1px solid #C99280;border-right:1px solid #A16042;padding:0px;white-space:nowrap;text-align:center;line-height:42px; }
html>body #n li { width:auto; }
#n a { display:block;height:42px;padding:0px 30px 0px 30px;font-size:18px;color:#FFFFFF;text-decoration:none;text-shadow:#000000 2px 2px 0px; }
#n a:hover { background:#FFFFFF;-moz-opacity:.30;filter:alpha(opacity:30);opacity:.30;color:#000000;text-shadow:none; }
.sn { background:transparent url(../../../images/sn.jpg) repeat-x top left; }
#hs { width:100%;height:5px;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.gratesandgrills.com/images/hs.png",sizingMethod="scale");z-index:1; }
html>/**/body #hs { background:transparent url(../../../images/hs.png) repeat-x top left; }
/*-----------------------
	BODY
-----------------------*/
#t { float:left;background:transparent url(../../../images/vnbg2.jpg) repeat-y top left;padding-left:170px;text-align:left; }
#b { float:left;width:520px;padding:30px 0px 40px 0px; }
#b img { float:right;clear:both;margin:10px 0px 10px 10px; }
#b br { clear:none; }
#nv, #nv li, #k ul, #k li { display:block;position:relative;float:left;width:200px;padding:0px;margin:0px;list-style:none; }
#nv { padding:30px 0px 40px 0px;margin-left:30px; }
#nv li a { display:block;float:left;padding:10px 0px 10px 25px;font-weight:bold;color:#E75E00;text-decoration:none; }
#nv li a:hover { text-decoration:underline; }
#k ul, #k li { width:auto;font-size:10px;color:#333333; }
#k ul { width:100%;padding-bottom:30px; }
#k li, #k span { clear:none;padding-right:5px; }
#map { float:left;clear:both;width:370px;height:300px;border:2px solid #990000; }
/*-----------------------
	FOOTER
-----------------------*/
#f { float:left;width:100%;background:#E7E2A7 url(../../../images/f.jpg) repeat-x top left;padding-top:25px;font-size:12px; }
#f a { color:#E75E00; }