@charset "utf-8";

/*--- reset ---*/

header,nav,article,aside,section,footer{display:block;overflow:hidden}
html,body{width:100%;height:100%;margin:0;padding:0}
textarea,input{outline:none;resize:none}
img,a img{border:none;outline:none}
ul,li{margin:0;padding:0}

/*--- main ---*/

a, a:link, a:visited, a:active{
 color: #007f9e;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
body {
 font-family: Arial, sans-serif;
 font-size: 14px;
 line-height: 20px;
 background: #fff;
 color: #969696;
}
::selection {
 background: #660066;
}
input[type="text"], textarea {
 background: #fff;
 border: 1px solid #ededed;
 margin-bottom: 5px;
 color: #b1b1b1;
 font-size: 12px;
 font-family: Arial;
 border-radius: 18px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
 height: 35px;
 line-height: 35px;
 text-align: center;
 cursor: pointer;
 background: #b1b1b1;
 font-size: 18px;
 font-family: 'Century Gothic';
 color: #fff;
 border: none;
 border-radius: 20px;
 padding: 0 15px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
 background: #007f9e;
}
hr {
 width: 100%;
 height: 1px;
 border: none;
 background: #d1d1d1;
 color: #d1d1d1;
}

/* top */

#top {
 min-height: 50px;
 background: #2b2b2b;
 border-bottom: 6px solid #d1d1d1;
 line-height: 50px;
 font-family: 'Century Gothic';
}
#t-content {
 width: 1000px;
 margin: 0 auto;
}
#t-left {
 float: left;
 font-size: 18px;
}
#t-right {
 float: right;
 font-size: 18px;
}
#t-right span {
 color: #007f9e;
}

/* header */

#header {
 width: 1000px;
 height: 95px;
 margin: 0 auto;
 font-family: 'Century Gothic';
 line-height: 90px;
}
#header > h1 {
 float: left;
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-size: 36px;
}
#header > h1 > a > span {
 color: #969696;
}
#header > h1 > a:hover {
 color: #969696;
 text-decoration: none;
}
#header > h1 > a:hover span {
 color: #007f9e;
}

/* main menu */

nav {
 float: right;
}
nav ul {
 list-style: none;
}
nav ul li {
 float: left;
 margin-left: 20px;
}
nav ul li a {
 font-size: 16px;
 color: #969696 !important;
 text-transform: lowercase;
}
nav ul li a.uMenuItemA, nav ul li a:hover {
 color: #007f9e !important;
 text-decoration: none;
}

/* slider */

.nivoSlider {
 position:relative;
 width:100%;
 height:auto;
 overflow: hidden;
}
.nivoSlider img {
 position:absolute;
 top:0px;
 left:0px;
}
.nivo-main-image {
 display: block !important;
 position: relative !important; 
 width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 border:0;
 padding:0;
 margin:0;
 z-index:6;
 display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
 display:block;
 position:absolute;
 z-index:5;
 height:100%;
 top:0;
}
.nivo-box {
 display:block;
 position:absolute;
 z-index:5;
 overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
 position:absolute;
 top: 60px;
 left: 80px;
 width: 700px;
 height: 270px;
 color:#fff;
 z-index:8;
 overflow: hidden;
 display: none;
 font-family: 'Century Gothic';
 font-size: 18px;
}
.nivo-caption p {
 padding:5px;
 margin:0;
}
.nivo-html-caption {
 display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
 position:absolute;
 top:45%;
 z-index:9;
 cursor:pointer;
}
.nivo-prevNav {
 left:0px;
}
.nivo-nextNav {
 right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
 position: absolute;
 margin-top: -95px;
 margin-left: 40px;
 z-index: 10;
}
.nivo-controlNav a {
 display: block;
 width: 13px;
 height: 13px;
 text-indent: -9999px;
 background: url('/img/nivo-controlNav.png') top;
 cursor: pointer;
 float: left;
 margin-right: 3px;
}
.nivo-controlNav a.active {
 background-position: bottom;
}

/* slider */

#slider-wrap {
 width: 1000px;
 height: 450px;
 margin: 0 auto 30px auto;
 overflow: hidden;
}
#slider span.first {
 padding-left: 25px;
 font-size: 30px;
 line-height: 40px;
}
#slider span.second {
 padding-left: 75px;
 font-size: 24px;
 line-height: 100px;
}
#slider span.third {
 font-size: 40px;
 line-height: 40px;
}
a.slider-more {
 display: block;
 width: 180px;
 height: 35px;
 line-height: 35px;
 padding: 0 15px;
 text-align: center;
 cursor: pointer;
 background: #fff;
 margin: 50px 0 0 20px;
 border-radius: 20px;
 box-shadow: 0 2px 3px #adadad;
}
a.slider-more:hover {
 text-decoration: none;
 background: #a5247a;
 color: #fff;
}

/* middle */

#middle {
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
 padding-bottom: 30px;
}
.num-block {
 float: left;
 width: 300px;
 margin-left: 50px;
 overflow: hidden;
 padding-bottom: 30px;
}
#middle > .num-block:first-child {
 margin-left: 0;
}
.num-number {
 float: left;
 width: 60px;
 height: 60px;
 background: #007f9e;
 color: #fff;
 font-family: 'Century Gothic';
 font-size: 48px;
 text-align: center;
 line-height: 60px;
 border-radius: 30px;
}
.num-block > h3 {
 display: block;
 height: 125px;
 margin: 0 0 0 75px;
 padding: 0;
 font-size: 32px;
 line-height: 36px;
 font-weight: normal;
 font-family: 'Century Gothic';
}
.num-block > h3 span {
 color: #007f9e;
}
.num-content {
 margin-left: 45px;
}
.num-content ul {
 list-style: none;
 line-height: 30px;
}
.num-content ul li a {
 display: block;
 height: 30px;
 padding-left: 30px;
 background: url('/img/list.png') left top no-repeat;
 color: #969696;
}
.num-content ul li a:hover {
 color: #007f9e;
 background-position: left bottom;
}
a.num-more {
 display: block;
 height: 35px;
 line-height: 35px;
 text-align: center;
 cursor: pointer;
 background: #b1b1b1;
 font-size: 18px;
 font-family: 'Century Gothic';
 color: #fff;
 border-radius: 20px;
 margin-top: 20px;
}
a.num-more:hover {
 text-decoration: none;
 background: #a5247a;
}

/* three bottom blocks */

#bottom {
 padding: 50px 0;
 border-top: 1px solid #ededed;
 background: url('/img/bottom.png') repeat;
}
#bottom-container {
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
}
.bottom-block {
 float: left;
 width: 300px;
 margin-left: 50px;
}
#bottom-container > .bottom-block:first-child {
 margin-left: 0;
}
.bottom-block h3 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-family: 'Century Gothic';
 font-size: 24px;
 line-height: 30px;
 color: #007f9e;
}
.bottom-message {
 margin: 25px 0 15px 0;
 overflow: hidden;
}
.bottom-message span {
 color: #007f9e;
}
a.bottom-more, input[type="submit"] {
 display: inline-block;
 height: 35px;
 line-height: 35px;
 text-align: center;
 cursor: pointer;
 background: #b1b1b1;
 font-size: 18px;
 font-family: 'Century Gothic';
 color: #fff;
 border-radius: 20px;
 padding: 0 15px;
 *display: inline;
 zoom: 1;
}
a.bottom-more:hover {
 text-decoration: none;
 background: #a5247a;
}
.bottom-message input[type="text"], .bottom-message textarea {
 padding: 10px 5%;
 width: 89%;
}

/* footer */

#footer {
 height: 100px;
 background: #2b2b2b;
 font-family: 'Century Gothic';
}
#f-content {
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
}
#f-content ul {
 float: left;
 list-style: none;
 padding-top: 45px;
}
#f-content ul li {
 float: left;
}
#f-content ul li a {
 display: block;
 margin-right: 20px;
 font-size: 14px;
 text-transform: lowercase;
 color: #b1b1b1;
}
#f-content ul li a.uMenuItemA, #f-content ul li a:hover {
 text-decoration: none;
 color: #007f9e;
}
.copy {
 float: right;
 text-align: right;
 font-size: 12px;
 line-height: 18px;
 padding-top: 35px;
}
.content {
 overflow: hidden;
}
h1.page-name {
 padding: 30px 0 30px 0;
 margin: 0;
 font-weight: normal;
 font-family: 'Century Gothic';
 font-size: 30px;
 color: #007f9e;
 line-height: 36px;
 border-top: 1px solid #d1d1d1;
}
.video-block {
 float: left;
 margin: 0 30px 30px 0;
}
.video-block > * {
 width: 550px;
}
h3.page-title {
 padding: 0;
 margin: 0 0 22px 0;
 font-weight: normal;
 font-family: 'Century Gothic';
 font-size: 24px;
 color: #007f9e;
 line-height: 30px;
}
h4.page-title2 {
 padding: 0;
 margin: 0 0 12px 0;
 font-weight: normal;
 font-family: 'Century Gothic';
 font-size: 18px;
 color: #007f9e;
 line-height: 10px;
}
.page-image-left {
 float: left;
 margin: 0 30px 30px 0;
 border: 1px solid #d1d1d1;
 padding: 5px;
 background: #fff;
}
.page-image-right {
 float: right;
 margin: 0 0 30px 30px;
 border: 1px solid #d1d1d1;
 padding: 5px;
 background: #fff; 
}
.expert {
 height: 145px;
 width: 450px;
 text-align: justify;
 margin-bottom: 50px;
}
.expert img {
 float: left;
 padding: 10px;
 background: #fafafa;
 border: 1px solid #d1d1d1;
 border-radius: 7px;
 margin-right: 20px;
}
.contact-left {
 float: left;
 width: 350px;
}
.contact-right {
 margin-left: 400px;
}
.contact-right input[type="text"], .contact-right textarea {
 width: 93%;
 padding: 10px 3%;
}
.contact-map {
 width: 350px;
 overflow: hidden;
}
.contact-map > * {
 width: 350px;
}
.contact-items {
 font-family: 'Century Gothic';
 font-size: 14px;
 padding: 30px 0;
}
.contact-items em {
 font-style: normal;
 color: #007f9e;
}
.blog-entries {
 overflow: hidden;
}
article.blog-entry {
 width: 400px;
 float: left;
 margin-right: 100px;
 margin-bottom: 70px;
}
article.blog-entry header {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #d1d1d1;
}
article.blog-entry header h1 {
 padding: 0;
 margin: 0;
 font-family: 'Century Gothic';
 font-size: 18px;
 font-weight: normal;
 color: #007f9e;
 line-height: 22px;
}
.blog-message {
 height: 110px;
 overflow: hidden;
}
.blog-more {
 font-style: italic;
 color: #007f9e; 
 text-transform: lowercase;
}
.blog-more a {
 text-decoration: underline;
}
.blog-more a:hover {
 text-decoration: none;
}
.catPages1 {
 padding-top: 20px;
 margin-top: 10px;
 border-top: 1px solid #d1d1d1;
 font-family: 'Century Gothic';
 font-size: 18px;
 color: #007f9e;
 line-height: 25px;
 text-align: left;
}
.catPages1 a {
 color: #b1b1b1;
}
.catPages1 b {
 font-weight: normal;
}
.catPages1 b.swchItemA span {
 display: inline-block;
 text-align: center;
 width: 25px;
 height: 25px;
 background: #0096c8;
 color: #fff;
 border-radius: 20px;
 *display: inline;
 zoom: 1;
}
.swchItemDots {
 color: #b1b1b1;
 font-weight: normal;
}
article.blog-entry.full {
 float: none;
 width: auto;
 margin-right: 0;
 margin-bottom: 40px;
}
article.blog-entry.full .blog-message {
 height: auto;
 padding-bottom: 15px;
}
article.blog-entry.full .blog-message input[type="text"], article.blog-entry.full .blog-message textarea {
 padding: 10px 2%;
 width: 96%;
}
#addEntForm input[type="text"], #addEntForm textarea {
 padding: 10px 2% !important;
 width: 96% !important;
}
.blog-com {
 margin-bottom: 15px;
}
.blog-more.com {
 text-transform: none;
}
input[type="text"].securityCode {
 width: 70px !important;
 text-align: center;
}

/* ==================================== */

/* 768px - 1024px */

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
 #t-content {
 width: 750px;
 }
 #header {
 width: 750px;
 height: auto;
 }
 #header > h1 {
 float: none;
 text-align: center;
 font-size: 48px;
 }
 nav {
 float: none;
 text-align: center;
 line-height: 16px;
 margin-bottom: 30px;
 }
 nav ul {
 display: inline-block;
 *display: inline;
 zoom: 1;
 }
 #slider-wrap {
 width: 750px;
 height: 338px;
 }
 #slider img {
 width: 750px;
 height: 338px;
 }
 .nivo-caption {
 width: 525px;
 height: 200px;
 TOP: 40px;
 left: 60px;
 }
 #slider span.first {
 padding-left: 25px;
 font-size: 24px;
 line-height: 30px;
 }
 #slider span.second {
 padding-left: 75px;
 font-size: 48px;
 line-height: 60px;
 }
 #slider span.third {
 font-size: 18px;
 line-height: 30px;
 }
 a.slider-more {
 margin: 30px 0 0 10px;
 }
 .nivo-controlNav {
 position: absolute;
 margin-top: -75px;
 margin-left: 25px;
 z-index: 10;
 }
 #middle {
 width: 750px;
 }
 .num-block {
 width: 230px;
 margin-left: 30px;
 }
 .num-number {
 width: 40px;
 height: 40px;
 font-size: 36px;
 line-height: 40px;
 }
 .num-block > h3 {
 height: 95px;
 margin: 0 0 0 55px;
 font-size: 24px;
 line-height: 24px;
 }
 .num-content {
 margin-left: 25px;
 }
 #bottom-container {
 width: 750px;
 }
 .bottom-block {
 float: left;
 width: 230px;
 margin-left: 30px;
 }
 .bottom-block h3 {
 font-size: 18px;
 }
 .bottom-message {
 height: 260px;
 }
 #f-content {
 width: 750px;
 text-align: center;
 }
 #f-content ul {
 float: none;
 padding-top: 20px;
 display: inline-block;
 *display: inline;
 zoom: 1;
 }
 #f-content ul li a {
 margin: 0 10px;
 }
 .copy {
 float: none;
 text-align: center;
 padding-top: 5px;
 }
 .video-block {
 margin: 0 20px 20px 0;
 }
 .video-block > * {
 width: 350px;
 }
 .expert {
 width: 350px;
 }
 .expert img {
 margin-right: 10px;
 margin-top: 10px;
 } 
 article.blog-entry {
 float: none;
 width: auto;
 margin-right: 0;
 }
 .blog-message {
 height: auto;
 }
}

/* 600px - 768px */

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
 #t-content {
 width: 570px;
 }
 #t-left {
 font-size: 12px;
 }
 #t-right {
 font-size: 16px;
 } 
 #header {
 width: 570px;
 }
 #header > h1 {
 font-size: 36px;
 line-height: 48px;
 padding-top: 10px;
 }
 nav ul li {
 float: none;
 display: inline;
 line-height: 18px;
 }
 #slider-wrap {
 width: 570px;
 height: 256px;
 }
 #slider img {
 width: 570px;
 height: 256px;
 }
 .nivo-caption {
 width: 400px;
 height: 160px;
 TOP: 20px;
 left: 20px;
 }
 #slider span.first {
 padding-left: 10px;
 font-size: 18px;
 line-height: 24px;
 }
 #slider span.second {
 padding-left: 25px;
 font-size: 48px;
 line-height: 50px;
 }
 #slider span.third {
 font-size: 14px;
 line-height: 24px;
 }
 a.slider-more {
 margin: 20px 0 0 10px;
 }
 .nivo-controlNav {
 margin-top: -55px;
 margin-left: 15px;
 }
 #middle {
 width: 570px;
 }
 .num-block, #middle .num-block:first-child {
 float: none;
 width: 230px;
 margin: 0 auto;
 width: 300px;
 }
 .num-block > h3 {
 height: 75px;
 }
 #bottom-container {
 width: 570px;
 }
 .bottom-block, #bottom-container .bottom-block:first-child {
 float: none;
 width: 300px;
 margin: 0 auto 30px auto;
 }
 .bottom-block h3 {
 font-size: 24px;
 }
 .bottom-message {
 height: auto;
 }
 #f-content {
 width: 570px;
 padding-top: 20px;
 }
 #f-content ul {
 float: none;
 padding-top: 20px;
 display: inline;
 }
 #f-content ul li {
 display: inline;
 }
 .copy {
 margin-top: 30px;
 }
 .video-block {
 float: none;
 margin: 0 0 20px 0;
 }
 .video-block > * {
 width: 570px;
 }
 img.page-image-left {
 max-width: 250px;
 }
 .expert {
 width: auto;
 height: auto;
 }
 .expert img {
 margin-right: 20px;
 margin-top: 0;
 }
 table.our-experts td {
 display: block !important;
 float: left;
 }
 .contact-left {
 float: none;
 width: auto;
 }
 .contact-right {
 margin-left: 0;
 margin-top: 30px;
 }
}

/* until 480 */

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
 #t-content {
 width: 300px;
 text-align: center;
 line-height: 20px;
 }
 #t-left {
 float: none;
 }
 #t-right {
 float: none;
 } 
 #header {
 width: 300px;
 }
 #header > h1 {
 font-size: 28px;
 line-height: 48px;
 }
 nav {
 margin-bottom: 15px;
 }
 #slider-wrap {
 width: 300px;
 height: 135px;
 }
 #slider img {
 width: 300px;
 height: 135px;
 }
 .nivo-caption {
 display: none !important;
 }
 a.slider-more {
 display: none;
 }
 .nivo-controlNav {
 margin-top: -40px;
 margin-left: 10px;
 }
 #middle {
 width: 300px;
 }
 #bottom-container {
 width: 300px;
 }
 #footer {
 height: auto;
 }
 #f-content {
 width: 300px;
 padding-top: 0;
 overflow: hidden;
 }
 #f-content ul {
 display: none;
 }
 .copy {
 margin: 0;
 padding: 10px 0;
 }
 .video-block > * {
 width: 320px;
 height: 220px;
 }
 img.page-image-left, img.page-image-right {
 float: none;
 margin: 0 0 10px 0;
 max-width: 288px;
 }
 .contact-map {
 width: 320px;
 }
 .contact-map > * {
 max-width: 320px;
 }
}