html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { overflow-y: scroll }
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; font-size: 62.5%; font-family:arial; color: black; background-color:#BEB3A7;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

*{padding:0px;margin:0px;font-family:arial;font-size:medium;}
img{border:0px;}

#wrap { width: 1000px; margin: 0 auto }

#wrapper { float: left; width: 1000px; min-height: 600px; height: auto!important; height: 600px; background: #FFF url(../images/site-bg.jpg) no-repeat bottom; }

#menu { float: left; width: 1000px; height: 21px; background: url(../images/nav-bg.jpg) repeat-x }
#menu ul { border-left: solid 1px #5d4f3f; border-right: solid 1px #c0b8ac; width:927px; margin: 0 auto }
#menu li { float: left; height: 21px; border-right: solid 1px #5d4f3f; border-left: solid 1px #c0b8ac }
#menu a { float: left; color: #FFF; font-size: 1.1em; font-weight: bold; text-decoration: none; line-height: 11px; padding: 5px 20px 0 20px; height: 16px }
#menu a:hover, #menu .on { background: url(../images/nav-bg-hover.jpg) repeat-x }

#mainsite { float: left; width: 920px; padding: 0 40px 0 40px; min-height: 579px; height: auto!important; height: 579px; position: relative }

#header { float: left; width: 920px; height: 140px; background: url(../images/header-bg.jpg) no-repeat top left }
#header img { float: left;  }
#header #promo { float: right; padding-top: 55px; width: 400px; text-align: right }
#header #promo p { font-family: "Franklin Gothic Medium Cond", Arial; font-size: 19px; color: #6b1f20; line-height: 25px }
#header #promo p strong { font-size: 30px; color: #6b1f20; font-weight: normal; text-transform: uppercase; font-family: "Franklin Gothic Medium Cond", Arial;  }

#topimages { float: left }

#titleblock { float: left; width: 688px; height: 43px; padding: 33px 0 0 232px }
#titleblock h1 { font-size: 2.4em; font-weight: bold; color: #827463; line-height: 30px }

#left { float: left; text-align: right; width: 207px; padding-bottom: 10px }
#left p { font-size: 1.1em; line-height: 14px; margin-bottom: 14px; color: #554d42 }
#left a { color: #554d42; text-decoration: none }
#left p img { position: relative; right: -5px }

#right { float: left; text-align: left; width: 425px; padding: 0 0 30px 25px }
#right p { font-size: 1.1em; line-height: 14px; margin-bottom: 14px; color: #554d42 }
#right a { color: #554d42 }
#right h2 { font-size: 1.2em; line-height: 14px; margin-bottom: 8px; color: #554d42; font-weight: bold }
#right ul { font-size: 1.1em; line-height: 14px; margin-bottom: 14px; color: #554d42; list-style-type: disc; margin-left: 15px }
#right table { font-size: 1.1em; line-height: 14px; margin-bottom: 14px; color: #554d42 }
#right p strong { font-weight: bold }

#footer { position: absolute; bottom: 0px; right: 40px; width: 920px; font-size: 10px; color: #FFF; text-align: right; padding-bottom: 5px }
#fleft { float: left; text-align: left; width: 500px; color: #827463 }
#fright { float: left; text-align: right; width: 420px }
#fright a { color: #FFF; text-decoration: none }
#fleft a { color: #827463; text-decoration: none }

.tariff { float: left; clear: left; width: 425px; padding-bottom: 5px }
#right .tariff p { float: left; width: 150px; padding: 40px 0 0 0 }
.tariff img { float: left; margin-right: 10px }