body {margin: 0; padding: 0; background: url(../images/bg.jpg) no-repeat center center; color: #862d36; font-size: 12px; font-family: "Times New Roman", Times, serif;}
body, html, #pageBox, #pageVertical {height: 100%;}

/*->defaults------------------------------------------------------------------------*/
.pageContainer {width: 960px; margin: 0 auto; clear: both;}
#pageLayout {height: 290px; background: #ded7ce; z-index: 140; position: relative;}
.pageContainer a img {border: none;}
.half {width: 50%; float: left; overflow: hidden;}
#pageVertical {width: 960px; background: url(../images/bg.jpg) no-repeat center center;}
.error {font-weight: bold;}

#pageLogo {position: absolute; margin-top: -63px; margin-left: -340px; z-index: 40;}
#join {position: absolute; margin-left: 750px; z-index: 30;}
#purchase {position: absolute; margin-left: 600px;}

/*->pageMenu------------------------------------------------------------------------*/
#pageMenu {width: 170px; float: left; padding: 10px 0;}
.index #pageMenu {width: 225px;}
#pageMenu ul {margin: 0; padding: 60px 0; float: right; list-style-type: none; border-right: 1px solid #ebe7e1; height: 150px; width: 153px;}
#pageMenu ul li {clear: both; float: right; height: 15px; overflow: hidden; padding: 5px 22px 5px 15px; position: relative; margin-right: -7px; width: 123px; _display: inline;}
#pageMenu ul li.sel {background: url(../images/menusel.gif) no-repeat right 7px;}
#pageMenu ul li a {float: left; height: 15px; overflow: hidden; position: relative;}
#pageMenu ul li a img {float: left; position: relative;}
#pageMenu ul li a:hover img, #pageMenu ul li.sel a img {margin-top: -15px;}

/*->pageContent---------------------------------------------------------------------*/
#pageContent {float: left; padding: 20px 110px 20px 30px; width: 650px; height: 250px; overflow: hidden; background: url(../images/bgContent.gif) no-repeat 185px center;}
#pageContent form {margin: 0;}
.index #pageContent {padding: 35px 100px 35px 370px; height: 220px; width: 265px; background: none;}

#pageContent h1 {margin: 0; padding: 0; font-size: 24px; font-weight: normal; line-height: 28px;}
#pageContent p {margin: 0; padding: 5px 0; line-height: 1.2em;}
#pageContent a {color: #862d36; text-decoration: none;}
#pageContent a:hover {color: #85715a;}
#pageContent h1 img {margin: 0 0 4px;}

  #pageContent .leftSide {width: 440px; float: left; overflow: hidden; padding-right: 50px; vertical-align: middle; position: relative;}
	#pageContent #content {height: 250px;}
	#download {position: absolute; bottom: 0; right: 50px; outline: none;}
	
	#pageContent .rightSide {background: #f7f4f3; float: left; width: 160px; overflow: hidden;}
	
#pageContent form input {width: 160px; font-size: 12px; font-family: "Times New Roman", Times, serif; padding: 0 2px;}
#pageContent form input#submit {width: auto;}
#pageContent form input#phone, #pageContent form input#phone1, #pageContent form input#fax, #pageContent form input#fax1 {width: 20px;}
#pageContent form input#phone2, #pageContent form input#fax2 {width: 27px;}
#pageContent form select {width: 140px; font-size: 12px; font-family: "Times New Roman", Times, serif;}
#pageContent form .descript {font-size: 10px;}