* { padding: 0px; margin: 0px; font-family: Arial, Trebuchet MS, tahoma; font-size: 14px; border: none; }
body { background-position: center top; background-color: #f1f1f1; background-repeat: no-repeat; background-attachment: fixed; }
h1, h2, h3 { font-weight: normal;  }
img { border: 0px; }

.gold { color: #c7b74d; }
.red { color: #ef4023; }
.pink { color: #ed217c; }
.green { color: #8cc63f; }
.blue { color: #25aae1; }
.bg-gold { background: #c7b74d; }
.bg-red { background: #ef4023; }
.bg-pink { background: #ed217c; }
.bg-green { background: #8cc63f; }
.bg-blue { background: #25aae1; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.hidden { display: none; }

#contact-form { position: absolute; width: 155px; height: 305px; background-image: url("/images/contact-form.gif"); padding: 15px; padding-left: 20px; padding-right: 20px; z-index: 102; }
#contact-form h3 { font-size: 16px; font-family: georgia; color: white; margin-bottom: 10px; }
#contact-form label { font-size: 11px; color: white; }
#contact-form input { margin-bottom: 3px; width: 150px; border: none; font-size: 12px; padding: 2px; }
#contact-form textarea { width: 150px; font-size: 12px; padding: 2px; height: 70px; border: none; }
#contact-form .send { width: 100px; height: 22px; background-image: url("/images/contact-send.png"); color: white; margin-top: 10px; }

#main { position: relative; width: 1039px; margin-right: auto; margin-left: auto; background-image: url("/images/back.png"); background-position: center top; /*background: red;*/ /*padding-left: 18px;*/ }
#top { height: 127px; margin-left: 22px; background: white; width: 995px; }
#top #logo { padding-left: 35px; float: left; margin-top: 20px; }
#top .menu { float: left; font-size: 14px; margin-left: 460px; margin-top: 95px; /*background: red;*/ height: 20px; color: #888; }
#top .menu a { color: #404041; }
#top .menu a:hover { text-decoration: none; }
#intro { margin-left: 22px; margin-right: 22px; /*background: black;*/ width: 1017px; height: 427px; position: relative; }
#intro .back { width: 995px; height: 427px; position: absolute; background: black; }
#intro .image { width: 995px; height: 427px; position: absolute; left: 0px;}
#intro #form-side { float: left; }
#intro #info { width: 430px; height: 427px;  margin-left: 565px; float:left; }
#intro #info div.background { background: black; opacity: 0.6; height: 427px; width: 430px; position: absolute; top: 0px; z-index: 100; }
#intro #info div.content { position: relative; margin-top: 65px; margin-left: 58px; z-index: 101; }
#intro #info div.content img.right { margin-left: 12px; }
#intro #info div.content h1, #intro #info div.content h2 { font-size: 32px; width: 350px; line-height: 40px; }
#intro #info div.content h1 { margin-top: 20px; color: white; }
#intro #info div.content h2 {  }
#intro #points { position: absolute; left: 30px; top: 400px; width: 100px; height: 20px; /*background: blue;*/ }
#intro #points img { cursor: pointer; }
#description { margin-left: 22px; width: 995px; height: 150px; background: #404041; }
#description h2 { font-family: Georgia; font-size: 33px; color: white; padding-top: 17px; padding-left: 35px; }
#description p { font-size: 15px; width: 920px; padding-left: 35px; padding-top: 10px; color: #b3b3b3; line-height: 22px; }
#small { height: 355px; background: white; width: 982px; margin-left: 30px; padding-top: 37px; padding-left: 5px; }
#small .col { float: left; height: 230px; padding: 1px; }
#small .col p { line-height: 20px; font-size: 12px; width: 150px; margin-left: 23px; margin-top: 15px; }
#small .col div p img {  }
#small .col div table { padding-top: 5px; padding-left: 20px; }
#small .col div td a { text-decoration: none; font-size: 12px; /*background: black;*/ font-style: italic; font-weight: bold; }
#small .col div td a:hover { text-decoration: underline; }
#small .col div.more span { /*padding-top: 10px;*/ }
#small .line { background-image: url("/images/small-line.png"); background-position: right top; background-repeat: no-repeat; }
#footer { clear: both; margin-left: 22px; width: 980px; height: 24px; background: #404041; padding-left: 15px; padding-top: 7px; }
#footer p { float: left; color: white; }
#footer p img { padding-left: 5px; }
#footer p a { font-size: 13px; color: white; }
#footer p a:hover { text-decoration: none; }
#footer .copyright { float: right; line-height: 16px; font-size: 11px; padding-right: 30px; }


#left-content { margin-left: 22px; float: left; width: 725px; }
#left-content #color-box { float: left; width: 425px; height: 180px; display: table; #position: relative; overflow: hidden; }
#left-content #color-box h1 { color: white; font-size: 25px; line-height: 32px; padding-left: 30px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
#left-content #color-box p { color: white; padding-left: 30px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
#left-content #color-contact { float: left; width: 300px; height: 180px; background: #3b3933; display: table; #position: relative; overflow: hidden; }
#left-content #color-contact h2 { font-size: 42px; line-height: 52px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
#left-content #color-contact p { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
#left-content #color-description { clear: both; width: 725px; height: 100px; background: #d0d0d0; display: table; #position: relative; overflow: hidden; }
#left-content #color-description p { font-size: 15px; line-height: 18px; color: #414142; padding-left: 30px; padding-right: 20px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
#left-content #main-content { width: 670px; padding: 30px; color: #555; }
#left-content #main-content * { font-size: 12px; line-height: 18px; }
#left-content #main-content a { color: #555; }
#left-content #main-content a:hover { text-decoration: none; }
/*#left-content #main-content img { float: right; }*/
#left-content #main-content h1 { font-size: 16px; font-weight: bold; padding-bottom: 10px; padding-top: 5px; }
#left-content #main-content ul { padding-left: 25px; }
#left-content #main-content ul li {  }
.main-body-gold ul li { list-style-image: url("/images/bullet-gold.jpg"); }
.main-body-red ul li { list-style-image: url("/images/bullet-red.jpg"); }
.main-body-blue ul li { list-style-image: url("/images/bullet-blue.jpg"); }
.main-body-pink ul li { list-style-image: url("/images/bullet-pink.jpg"); }
.main-body-green ul li { list-style-image: url("/images/bullet-green.jpg"); }


#right-content { overflow: hidden; float: left; width: 270px; background-image: url("/images/right-col-back.png"); background-repeat: y-repeat; }
#right-content .box { border-top: 1px solid #898884; width: auto; }
#right-content .box img { margin-left: 23px; margin-top: 17px; }
#right-content .box ul { list-style-type: none; margin-left: 23px; margin-top: 10px; margin-bottom: 20px; }
#right-content .box ul li a {  color: #404041; text-decoration: none; font-size: 11px; line-height: 15px; color: #414142; }
#right-content .box ul li a:hover { text-decoration: underline; }

#contant-form-col { float: left; width: 22px; }


