﻿/*============================== GLOBAL STYLES ==============================*/
body { margin:0px; padding:0px; font-family:Tahoma, Arial; font-size:12px; color:#1a1a1a; background-color:#e4e4e4;}
h1, h2, h3, h4, h5, img, p, a, div, table, tr, th, td, ul, li, form, span, input { margin:0px; padding:0px;}
a { text-decoration:none; color:#1a1a1a; outline:none;}
ul { list-style-type:none;}
img { border:0px;}
.wrapper { width:990px; margin:0px auto; border:1px solid red;}
.wrapperTop { background:url("../images/headerBg.jpg") repeat-x left top #f5f5f5; height:463px;}
.wrapperCenter { background-color:#f5f5f5; padding-top:5px; padding-bottom:20px;}
.wrapperBottom { background:url(../images/bottomBg.jpg) repeat-x left top;}
.clearFix { clear:both; height:0px; visibility:hidden;}

/*============================== HEADER ==============================*/
.header { margin:0px auto; padding-top:40px; width:988px; position:relative; height:417px; background:url(../images/headerIMG.png) no-repeat left bottom;}
.logo { position:absolute; top:70px; left:30px; z-index:300;}
.logo a { width:340px; height:70px; display:block;}
.frameImage { width:988px; height:417px; position:absolute; z-index:100; background:url(../images/frameImage.png) no-repeat left bottom;}

/*============================== MENU ==============================*/
.mainMenu { width:250px; height:290px; position:absolute; bottom:10px; left:10px; z-index:300;}
.mainMenu ul { position:absolute; bottom:20px; left:20px;}
.mainMenu li { margin-bottom:5px;}
.mainMenu ul a { line-height:35px; font-weight:bold; font-size:14px; color:#fff; width:205px; padding-left:20px; display:block; background:url(../images/menuPin.jpg) no-repeat left 50%;}
.mainMenu ul a:hover { color:#96e8ec; background:url(../images/menuPin_hover.jpg) no-repeat left 50%;}
.mainMenu ul a.current { color:#96e8ec; background:url(../images/menuPin_hover.jpg) no-repeat left 50%;}

/*============================== jQuery ==============================*/
.slideShow { width:710px; height:290px; position:absolute; right:16px; bottom:12px;}

/*============================== TICKER ==============================*/
.ticker { width:988px; height:48px; margin:0px auto; background:url(../images/tickerBg.png) no-repeat left top; position:relative;}
.ticker h2 { line-height:50px; padding-left:45px; width:115px; font-size:15px; color:#999;}
.ticker ul.news { position:absolute; top:16px; left:200px;}
.ticker li { font-weight:bold; font-style:italic;}
.ticker li.previous a { background:url(../images/errorLeft.jpg) repeat-x left top; width:14px; height:17px; display:block; position:absolute; top:16px; left:130px;}
.ticker li.next a { background:url(../images/errorRight.jpg) repeat-x left top; width:14px; height:17px; display:block; position:absolute; top:16px; right:25px;}
.ticker li.stop a { background:url(../images/pause.jpg) no-repeat left top; width:10px; height:17px; display:block; position:absolute; top:16px; left:170px;}
.ticker li.resume a { background:url(../images/errorRight.jpg) no-repeat left top; width:7px; height:17px; display:block; position:absolute; top:16px; left:170px;}

/*============================== MASSAGE ==============================*/
.massage { width:948px; margin:12px auto 0px;; background:url(../images/bottomPart.jpg) no-repeat left top; height:158px; padding:55px 20px 0px 20px;}
.massage h1 { margin-bottom:40px; background:url(../images/greenError.jpg) no-repeat left 60%; padding-left:30px; margin-left:20px;}
.massage p { font-size:14px; font-style:italic; font-weight:bold; padding:0px 40px; line-height:20px;}

/*============================== INNER PAGES ==============================*/
.contentInner { width:968px; margin:0px auto; padding:10px 20px 0px 20px;}
.contentInner h1 { margin-bottom:20px; border-bottom:1px dotted #999; padding-bottom:8px; color:#4ba8ac;}
.contentInner img { float:right; margin:0px 16px 0px 16px;}
.contentInner p { line-height:20px; text-align:justify; margin-bottom:10px;}
.contentInner a { color:#2e8f93;}
.contentInner a:hover { color:#000; text-decoration:underline;}
.contentInner ul.highlight li { margin-bottom:15px; font-size:14px; background:url(../images/greenError.jpg) no-repeat left 60%; padding-left:30px;}
.contentInner li img { margin-bottom:20px;}

.saperatorDivRight { border-bottom:1px dotted #999; padding-bottom:30px; margin-bottom:30px;}
.saperatorDivRight img { float:right;}
.saperatorDivLeft { border-bottom:1px dotted #999; padding-bottom:30px; margin-bottom:30px;}
.saperatorDivLeft img { float:left;}

.theCont { width:700px; float:left;}
.sideBar { width:210px; float:right;}
.sideBar h3 { margin-bottom:5px;}
.sideBar p { border-bottom:1px dotted #999; padding-bottom:10px; margin-bottom:10px;}

/*============================== CONTACT ==============================*/
.contactForm { width:968px; margin:40px auto 0px; padding:0px 20px;}
.contactForm table.theForm { padding:10px 20px; width:968px; height:190px; background:url(../images/contactBg.jpg) no-repeat left top;}
.contactForm h1 { margin-bottom:20px; border-bottom:1px dotted #999; padding-bottom:8px; color:#4ba8ac;}
.contactForm input[type="text"] { height:25px; width:220px; line-height:25px; padding-left:5px; margin-right:40px; background:url(../images/inputBg.jpg) no-repeat left top; border:0px;}
.contactForm th { text-align:left; padding-right:10px; line-height:40px; color:#fff;}
.contactForm textarea { width:215px; font-family:Tahoma; font-size:13px; height:98px; padding:10px; background:url(../images/textAreaBg.jpg) no-repeat left top; border:0px;}
.contactForm td.sendTxt { width:240px; padding:10px 0px 0px 40px; vertical-align:top;}
.contactForm td.sendTxt p { line-height:20px; text-align:justify; font-weight:bold; color:#fff;}
.contactForm table.theForm td.sendTxt input[type="submit"].send { width:230px; margin-left:0px; line-height:50px; color:#fff; font-weight:bold; text-align:center; display:block; margin-top:30px; background:url(../images/sendBtn.jpg) no-repeat left bottom;}
.contactForm table.theForm td.sendTxt input[type="submit"].send:hover { background-position:left top;}

.send { width:230px; margin-left:155px; line-height:50px; height:50px; border:0px; cursor:pointer; color:#fff; font-weight:bold; text-align:center; display:block; margin-top:30px; background:url(../images/sendBtn2.jpg) no-repeat left bottom;}
.send:hover { background-position:left top;}


.contactForm2 input[type="text"] { height:25px; width:220px; color:#fff; font-weight:bold; line-height:25px; padding-left:5px; margin-right:40px; background:url(../images/inputBg2.jpg) no-repeat left top; border:0px;}
.contactForm2 th { text-align:left; padding-right:10px; line-height:40px; vertical-align:top;}
.contactForm2 textarea { width:214px; height:98px; padding:10px; font-family:Tahoma; font-size:13px; margin-top:8px; color:#fff; font-weight:bold; background:url(../images/textAreaBg2.jpg) no-repeat left top; border:0px;}
.contactForm2 th.color { color:#6dc6ca; font-weight:bold;}
.contactForm2 td a.send { width:225px; line-height:50px; margin-left:155px; color:#fff; font-weight:bold; text-align:center; display:block; margin-top:15px; background:url(../images/sendBtn2.jpg) no-repeat left bottom;}
.contactForm2 td a.send:hover { background-position:left top; text-decoration:none;}
p.color { color:#6dc6ca; font-weight:bold;}

.thanksImg img { float:none; margin-left:0px; margin-right:11px;}

/*============================== FOOTER ==============================*/
.footer { width:968px; margin:0px auto; padding:25px 10px 20px 10px;}
.seoLinks {float:left; margin-right:50px;}
.seoLinks h2 { color:#999; margin-bottom:10px;}
.seoLinks li { margin-bottom:5px;}
.seoLinks ul a { color:#999;}
.seoLinks ul a:hover { text-decoration:underline; color:#000;}
.oganimLogo { width:224px; height:91px; margin:5px 10px 0px 0px; float:right;}
