/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	background: transparent url(/graphics/bg-vert.gif) top center repeat-y;
	font: normal 100%/120% Verdana, Arial, Helvetica, sans-serif;
	}
	
#wrapper {
	min-height: 100%;
	background: transparent url(/graphics/bg-main.gif) top left repeat-x;
	}
	
#container {
	width: 849px;
	padding: 0 5px 0 6px;
	margin: 0 auto;
	position: relative;
	}
	
#content {
	padding: 304px 12px 120px 251px;
	}
	
#menu {
	position: absolute;
	width: 235px;
	top: 82px;
	left: 12px;
	font: bold 75%/120% Georgia, "Times New Roman", Times, serif;
	}
	
#header {
	background: transparent url(/graphics/bg-frame.gif) bottom left no-repeat;
	position: absolute;
	height: 284px;
	width: 842px;
	top: 0;
	left: 0;
	padding: 20px 0 0 18px;
	}
	
#footer {
	width: 100%;
	min-height: 40px;
	background: #9e0a12 url(/graphics/bg-footer.gif) top left repeat-x;
	position: fixed;
	bottom: 0;
	left: 0;
	}
	
	
/* ========================================================== */
/* ====                      HEADER                      ==== */
/* ========================================================== */
	
#header .company {
	text-indent: -200000em
	}
	
#header .company a {
	background: transparent url(/graphics/logo.gif) 0 0 no-repeat;
	width: 517px;
	height: 50px;
	display: block;
	}
	
#header h2 {
	background: #fff url(/graphics/header.jpg) 0 0 no-repeat;
	width: 851px;
	height: 221px;
	position: relative;
	top: 9px;
	left: -14px;
	text-indent: -20000em;
	}
	
#header ul {
	}
	
#header ul li {
	}
	
#header ul li a {
	}
	
/* ========================================================== */
/* ====                      CONTENT                     ==== */
/* ========================================================== */
		
#content h1 {
	font: normal 140%/120% Georgia, "Times New Roman", Times, serif;
	background: #fff url(/graphics/h1-underline.gif) 0 22px repeat-x;
	color: #7c0201;
	margin: 0 0 5px 0;
	}
	
#content h2 {
	font: normal 125%/120% Georgia, "Times New Roman", Times, serif;
	color: #613636;
	margin: 0 0 5px 0;
	}
	
#content h3 {
	font: bold 80%/120% Georgia, "Times New Roman", Times, serif;
	color: #525252;
	margin: 0 0 5px 0;
	}
	
#content p,
#content ul,
#content ol {
	font: normal 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	margin: 0 0 8px 0; 
	}
	
#content ul,
#content ol {
	margin: 0 0 0 20px
	}
	
#content ul li,
#content ol li {
	margin: 5px;
	}
	
#content div.block {
	width: 284px;
	min-height: 11em;
	text-align: center;
	background: #fff url(/graphics/block-top.gif) 0 0 no-repeat;
	float: left;
	margin: 10px 14px 10px 0;	
	}
	
#content div.block.right {
	margin: 10px 0 10px 0;	
	}
	
#content div.block h2 {
	background: transparent url(/graphics/block-mid.gif) bottom left no-repeat;
	padding: 9px 0 8px 0;
	color: #6d6d6d;
	}
	
#content div.block p {
	margin: 0 0 0 0;
	background: transparent url(/graphics/block-mid.gif) bottom left no-repeat;
	padding: 8px 0 15px 0;
	color: #6d6d6d;
	}
	
/* IE 7 Hack */
*:first-child+html #content {
	}
	
	
/* ========================================================== */
/* ====                       MENU                       ==== */
/* ========================================================== */


#menu ul.main {
	width: 235px;
	height: 184px;
	background: transparent url(/graphics/bg-menu.png) 0 0 no-repeat;
	padding: 31px 0 10px 0;
	}
	
#menu ul.main li {
	min-height: 38px;
	background: transparent url(/graphics/bg-menu-li.png) 0 0 no-repeat;
	margin: 0 0 1px 0;
	list-style-type: none;
	}
	
#menu ul.main li a {
	padding: 11px 0 0 29px;
	display: block;
	color: #7c0201;
	min-height: 27px;
	}
	
#menu ul.main li.mark a {
	background: transparent url(/graphics/bg-menu1.gif) 9px 12px no-repeat;
	}
	
#menu ul.main li.abou a {
	background: transparent url(/graphics/bg-menu2.gif) 10px 13px no-repeat;
	}
	
#menu ul.main li.cont a {
	background: transparent url(/graphics/bg-menu3.gif) 10px 13px no-repeat;
	}
	
#menu ul.main li.howt a {
	background: transparent url(/graphics/bg-menu4.gif) 11px 13px no-repeat;
	}
	
#menu ul.serv {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #ebebeb;
	}
	
#menu ul.serv li {
	position: relative;
	min-height: 38px;
	background: transparent url(/graphics/bg-menu-serv.gif) 0 0 no-repeat;
	margin: 0;
	list-style-type: none;
	}

#menu ul.serv li.selected {
	background: transparent url(/graphics/bg-menu-serv-select.gif) 0 0 no-repeat;
	}
	
#menu ul.serv li a {
	font-weight: normal;
	background: transparent url(/graphics/bg-menu-standard.gif) 12px 14px no-repeat;
	padding: 11px 0 0 29px;
	display: block;
	color: #959595;
	min-height: 27px;
	}
	
#menu ul.serv li.selected a {
	background: transparent url(/graphics/bg-menu-standard-select.gif) 12px 14px no-repeat;
	color: #7c0201;
	}
	
#menu ul.serv li ul li a,
#menu ul.serv li.selected ul li a {
	font-weight: normal;
	background: transparent url(/graphics/bg-menu-standard.gif) 30px 14px no-repeat;
	padding: 11px 0 0 45px;
	display: block;
	color: #959595;
	min-height: 27px;
	}
	
#menu ul.serv li ul li.selected a,	
#menu ul.serv li.selected ul li.selected a {
	background: transparent url(/graphics/bg-menu-standard-select.gif) 30px 14px no-repeat;
	color: #7c0201;
	}
	
#menu ul.serv li ul li ul li a,
#menu ul.serv li.selected ul li ul li a,
#menu ul.serv li.selected ul li.selected ul li a {
	font-weight: normal;
	background: transparent url(/graphics/bg-menu-standard.gif) 48px 14px no-repeat;
	padding: 11px 0 0 64px;
	display: block;
	color: #959595;
	min-height: 27px;
	}
	
#menu ul.serv li ul li.selected ul li.selected a,	
#menu ul.serv li.selected ul li.selected ul li.selected a {
	background: transparent url(/graphics/bg-menu-standard-select.gif) 48px 14px no-repeat;
	color: #7c0201;
	}
	
#menu p	{
	font: bold 100%/120% Georgia, "Times New Roman", Times, serif;
	color: #707070;
	padding: 20px 0 8px 13px;
	}
	
/* ========================================================== */
/* ====                      FOOTER                      ==== */
/* ========================================================== */


#footer div {
	width: 835px;
	margin: 0 auto;
	padding: 14px 8px 0;
	}
	
#footer p {
	font: normal 60%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
#footer p.left {
	float: left;
	width: 60%;
	}
	
#footer p.right {
	float: right;
	text-align: right;
	width: 38%;
	}
	
#footer a {
	color: #eba004;
	}
	
/* ========================================================== */
/* ====                      FORM ?                      ==== */
/* ========================================================== */


form.checkoutForm {
	float: right;
	width: 400px;
	margin: 0 40px 0 0;
	color: #813070;
	font: normal 80%/140% Arial, Helvetica, sans-serif;
	}

form.checkoutForm div {
	min-height: 0px;
	float: none;
	min-height: 1em;
	width: auto;
	padding: 9px 5px 10px;
	}

form.checkoutForm div.mand {
	background: #fcebd6;
	margin:4px 0pt;
	font-weight: bold;
	}

* html form.checkoutForm div.mand {
	background: #fcebd6;
	padding: 0;
	}

form.checkoutForm div.fLeft, 
form.checkoutForm div.fRight {
	clear: none;
	float: left;
	width: 175px;
	}

form.checkoutForm div.fLeft {
	padding: 0 5px;
	text-align: right;
	width: 105px;
	}
	
form.checkoutForm div.fRight {
	padding: 0 5px;
	}

form.checkoutForm div.fLeft span {
	color: #B5111B;
	margin: 0pt 5px 0pt 0pt;
	}

form.checkoutForm div.error {
	background: #F8D6D8 none repeat scroll 0%;
	margin: 4px;
	}

form.checkoutForm div.mand.clearfix.error p {
	color: #FF0000;
	}

form input.submit {
	background: #ef9a31;
	border: 1px solid #c37008;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: 10px 0 0 5px;
	padding: 2px 5px;
	text-align: center;
	width: 20%;
	}
	
	
/* ========================*/
/*         Styling         */
/* ========================*/

a {
	color: #a60100;
	outline: none;
	text-decoration: none;
	}
	
a:hover { 
	text-decoration: underline;
	}
	
a img {
	border: none;
	}

html {
	overflow-y: scroll;
	}

/* ========================*/
/*          Hacks          */
/* ========================*/

*:first-child+html * {
	padding: 0;
	margin: 0;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */