body {background:#fff url(../images/bg.jpg) repeat-x; font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; font-size:12px; line-height:1.7; color:#7b8183;overflow-x:hidden;}
section, aside {display:block;}
.clear {clear:both;}
.left {float:left;}
.divider {background:#f3f3f3; width:940px; height:1px; display:block; margin:60px 0 60px 10px;}
a {outline:none;}



h1, h2, h3, h4, h5, h6 {color:#191919; font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; sans-serif;font-weight: 400; }
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}



.tipsy { padding: 5px; font-size: 10px;background: url(../images/tipsy.gif) no-repeat; left:10px;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #5ee0cb; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }



.button {width:102px; height:41px; display:block; text-align:center; line-height:3.5; color:#fff; text-shadow: 0px 1px 0px #000; background:url(../images/buttons.png) no-repeat; font-weight:bold; text-decoration:none;}

.button.green {background-position:0px 0px;}
.button:hover.green {background-position:0px -82px;}

.button.blue {background-position:-102px 0px;}
.button:hover.blue {background-position:-102px -82px;}

.button.red {background-position:-204px 0px;}
.button:hover.red {background-position:-204px -82px;}

.button.orange {background-position:-306px 0px;}
.button:hover.orange {background-position:-306px -82px;}

.button.black {background-position:0px -41px;}
.button:hover.black {background-position:0px -123px;}

.button.yellow {background-position:-102px -41px;}
.button:hover.yellow {background-position:-102px -123px;}

.button.pink {background-position:-204px -41px;}
.button:hover.pink {background-position:-204px -123px;}

.button.purple {background-position:-306px -41px;}
.button:hover.purple {background-position:-306px -123px;}



#header {height:60px; position:relative; margin-top:24px;}
#header h1 {margin:0; padding:0;}
#header h1 a {color:#191919; font-size:34px; text-decoration: none; float:left; margin:0;}
#header h2 {color:#d4d4d4; font-size:12px; float:left; margin:25px 0 0 0px;}
#header .advert {background:#f3f3f3; font-size:12px; float:right; width:468px; height:50px; color:#d4d4d4; text-align:center; line-height:5; margin:10px 0 0 0;}



#menu {border-bottom:1px solid #dedede; position:relative;}
#menu ul#nav {float:right; list-style-type:none;}
#menu ul#nav li {float:left; display:inline;position:relative; height:30px;}
#menu ul#nav li a {float:left; display:block; color:#646464; padding:0 0 10px 0; margin:0 20px 0 0; text-decoration: none; font-weight:bold; font-size:14px; position:relative;height:20px;}
#menu ul#nav li a:hover {color:#191919;}
#menu ul#nav li a.active {color:#191919; border-bottom:2px solid #191919;}

#menu ul#nav li:hover a {color:#191919;}
#menu ul#nav li ul.subnav {visibility:hidden;display:block;  position:absolute; left: 0; top: 30px;z-index:40; list-style-type:none; border:1px solid #f3f3f3; height:auto; background:#fff; padding:0 0 10px 0; width:150px;}
#menu ul#nav li:hover ul.subnav {visibility:visible;}
#menu ul#nav li ul.subnav li {display:inline;}
#menu ul#nav li ul.subnav li a {display:block; margin:0; float:left; font-size:11px; font-weight:normal; color:#191919;width:140px; height:25px; line-height:3.5; padding:0 0 0 10px;}
#menu ul#nav li ul.subnav li a:last {border:none;}
#menu ul#nav li ul.subnav li a:hover {color:#5ee0cb;}
#menu ul#nav li ul.subnav li a.subactive {color:#5ee0cb;}



#tagline h1 {width:940px; text-align:center; font-size:30px; margin:40px 0 20px 0;}
#tagline h1 span {background:#5ee0cb; color:#fff; padding:5px;}
#tagline h2 {width:940px; text-align:center; font-size:20px; color:#6e6e6e; margin:0 0 40px 0;}



#contentslider {width: 940px;height:330px;background:url(../images/loader.gif) no-repeat 50% 50%;position:relative;}

.main_image {width: 640px; height: 330px;float: left;background: #f3f3f3;position: relative;overflow: hidden;color: #fff;}
.main_image h2 {font-size: 2em;font-weight: normal;margin: 0 0 5px;	padding: 10px;}
.main_image p {font-size: 1.2em;padding: 10px;	margin: 0;line-height: 1.6em;}
.block small { padding: 0 0 0 20px; background: url(icon_calendar.gif) no-repeat 0 center; font-size: 1em; }
.main_image .desc {position: absolute;bottom: -5px; left: 0;width: 100%;display: none;}
.main_image .desc h2 {color:#fff;}
.main_image .block {width: 100%; background:url(../images/spanbg.png) repeat;}
.image_thumb {float: left;width: 300px;background: #f3f3f3;}
.image_thumb ul {margin: 0; padding: 0;list-style: none;}
.image_thumb ul li {background: url(../images/slider/content/thumbnormal.jpg) no-repeat;width: 300px; height: 110px;float: left; position:relative;}
.image_thumb li img {background: #fff; position:absolute; top:25px; left:20px;}
.image_thumb ul li.hover {color:#fff;}
.image_thumb ul li.active {background: url(../images/slider/content/thumbactive.jpg) no-repeat;cursor: default;}
.image_thumb ul li.active h2 {color:#fff;}
html .image_thumb ul li h2 {font-size: 12px; color:#9d9d9d; font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; position:absolute; top:45px; left:100px;}
.image_thumb ul li .block {float: left;}	


#lastwork {position:relative; height: auto; margin-top:50px; margin:40px 0 20px 10px; border-bottom:1px dotted #dedede; padding:0 0 15px 0;}
#lastwork h1.header {font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; font-size:14px; margin:0 0 40px 0; border-bottom:1px dotted #dedede; padding:0 0 10px 0; font-weight:bold;}

#lastwork #posts {position:relative; width:940px;}
#lastwork #posts li {float:left; width:220px; position:relative; display:inline; margin-left:10px;  padding:0 0 15px 0;}
#lastwork #posts li span {display:none; position:absolute; top:5px; left:5px; background:url(../images/spanbg.png) no-repeat; width:210px; height:140px; z-index:5;}
#lastwork #posts li span a {display:block; position:absolute; bottom:0px; right:0px; background:url(../images/prevnext.jpg) no-repeat top right; width:20px; height:20px;z-index:8; text-indent:-6000px;}
#lastwork #posts li span a:hover {background-position:bottom right; }
#lastwork #posts li img {display:block; border:5px solid #f3f3f3; width:210px; height:140px;}
#lastwork #posts li:hover img {border:5px solid #FF116F;}
#lastwork #posts li h1 {font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; font-size:13px; margin:10px 0 5px 5px; font-weight:bold;}
#lastwork #posts li p {font-size:12px; margin:0 0 0 5px;}
#lastwork #posts li p a {text-decoration:none; color:#FF116F;}
#more {display: block; padding: 5px 0 0 5px;}
#more a {text-decoration:none; color:#FF116F; }

#lastwork .pager {position:absolute; top:5px; right:0px;}
#lastwork .pager li {display:inline;}
#lastwork .pager li a {background: url(../images/prevnext.jpg) no-repeat ; width: 20px; height: 20px; text-decoration:none; display:block; float:left; margin:0 0 0 1px; text-indent:-6000px;}
#lastwork .pager li a.prev {background-position: top left}
#lastwork .pager li a:hover.prev {background-position: bottom left;}
#lastwork .pager li a.next {background-position: top right}
#lastwork .pager li a:hover.next {background-position: bottom right;}


#about {width:220px;}
#about h1.header {font-size:14px; margin:12px 0 12px 10px;  padding:0 0 0 6px; font-weight:bold; width:214px;}
#about p {font-size:12px; margin:5px 0 12px 10px; padding:0 0 10px 6px;width:214px;}
#about p span {font-size:12px; padding: 7px 0 0 0; display: block;}
#about p span2 {font-size:13px;}
#about p a { text-decoration:none; color:#FF116F;}


#offer .subheader {font-size:14px; margin:0 0 12px 0px; font-weight:bold;  padding:11px 0 0px 5px;width:675px;}
#offer h1 {border-bottom:1px solid #eeeeee; padding:0 0 20px 0; margin:60px 0 30px 10px; font-size:14px; width:940px;}
#offer #tabs {width:680px;} 

#offer #tabs ul.tabs {float: left;list-style: none; height: 10px;width:680px;}
#offer #tabs ul.tabs li {display: block;height: 20px;position: relative;float:left; color:#fff; margin:0 10px 0 0;padding:4px 0px 0 10px; }
#offer #tabs ul.tabs li a {text-decoration: none;color:#c1c1c1;display: block;font-size: 12px; font-weight:bold; outline: none;line-height:1.3; height:20px; float:left; }
#offer #tabs ul.tabs li.active a {color:#fff;}
#offer #tabs ul.tabs li.active a span{background:#FF116F; padding:4px}
#offer #tabs .tab_container {overflow: hidden; clear: both;float: left; width: 100%;background: #fff;}
#offer #tabs .tab_content {padding: 5px 0 0 12px;}
#offer #tabs .tab_content h1 {margin:0; border:none; padding:0;}
#offer #tabs .tab_content p {font-size: 12px; margin:20px 0 0 0; line-height:22px;}
#offer #tabs .tab_content p span {font-size:12px; padding: 7px 0 0 0; display: block;}
#offer #tabs .tab_content p span2 {font-size:13px;}
#offer #tabs .tab_content p a { text-decoration:none; color:#FF116F;}
#offer #headers h1 {margin:0; padding: 0;border:none;}
#offer #headers h1,h2,h3,h4,h5,h6 {margin-bottom:20px; padding: 0;border:none;}


#contact h1 {border-bottom:1px dotted #dedede; padding:0 0 10px 0; margin:40px 0 30px 10px; font-size:14px; width:940px; font-weight:bold;}
#contact p { padding:0 0 0 15px;}
#contact p a {text-decoration:none; color:#FF116F; }
#contact #map {padding:0 0 0 50px;}
#contact .map {border:5px solid #e4e2e2; width:340px; height:200px;}
#contact #social {padding:0 0 0 50px;} 
#contact #social h2 {margin-top:20px;} 
#contact #social ul {list-style-type:none; margin:0 0 0 0;}
#contact #social ul li {display:block;}
#contact #social ul li a {display:block; font-size:11px; color:#7b8183; text-decoration:none; border-bottom:1px dotted #ececec; padding:5px 0 5px 10px;}
#contact #social ul li a:hover {color:#5ee0cb;}

#contact-form .formblock { display: block; clear: left; position:relative; padding:0 0 0 15px;}
#contact-form .formblock label { display: block;  font-weight: 600; color: #232323;  color: #fff; font-size:11px;}
#contact-form .formblock input {width:270px; height: 37px; padding: 0 0 0 20px;float:left; background:#ececec; border:none; margin:0px 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;position:relative;}
#contact-form .formblock input:focus {background:#ececec; outline:none;}
#contact-form .formblock textarea {width:400px; height: 100px; padding: 20px 0 0 22px;background:#ececec; clear:left; border:none;margin:0px 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;position:relative; color:#3c4042; font-size:12px; font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif;  }
#contact-form .formblock textarea:focus {background:#ececec; outline:none; color:#3c4042;}
#contact-form .formblock .error {color:#FF116F; font-size:11px; position:relative; top:15px; left:10px;}
#contact-form .info { font-weight: bold; color: #3c4042; }
#contact-form p.tick { font-weight: bold; color: #3c4042; }
#contact-form .button {border:none; float:right; margin:20px 0 0 15px;}
#contact-form .send {margin:10px 0 0 15px;}


form {float: left;width: 320px;color: #cccccc;padding: 20px 0 20px 15px;}
input[type=text], textarea {color: #cccccc;border: 1px solid #d4d0cc;padding: 3px 7px 4px;margin: 0 0 6px;}
input[type=text]{height: 11px;width: 184px;}
input[type=submit]{width: 60px;height: 24px;background:#ececec; no-repeat left top;border: 0;float: right;cursor: pointer;}
input[type=submit]:hover {background-position: left bottom;}
textarea {width: 319px;height: 111px;}
#form_output {float: left; color: #FF116F;padding: 20px 0 0px 0;}
#form_output ul {padding: 5px 0 0px 40px;}
#error {padding: 5px 0 0px 40px;}



#footer {position:relative; margin-top:0;}
#footer .backtop {position:absolute; top:-80px; right:10px; background:url(../images/backtop.jpg) no-repeat top left; width:20px; height:20px; text-indent:-8880px;}
#footer .backtop:hover {background-position:bottom left;}
#footer h1 {font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; font-size:12px; margin:0 0 40px 0; border-bottom:1px solid #dedede; padding:0 0 10px 0; font-weight:bold;}


#footer {font-size:11px;}

#footer #links ul {list-style-type:none;}
#footer #links ul li {display:block;}
#footer #links ul li a {display:block; font-size:11px; color:#7b8183; text-decoration:none; border-bottom:1px dotted #dedede; padding:5px 0 5px 10px;}
#footer #links ul li a:hover {color:#FF116F;}

#footer #newsletter {font-size:11px;}
#footer #text {background:url(../images/newsletter.jpg) no-repeat top left; width:320px; height:43px; float:left; border:none; outline:none; margin:0; color:#a0a0a0; font-size:10px; margin:20px 0 0 0; line-height:3; padding:0 0 0 20px;}
#footer #text:focus {background-position:bottom left;}
#footer #subscribe {background: #ececec; width:118px; height:43px; float:left; border:none; outline:none; float:left;margin:20px 0 0 0; font-weight:bold; color:#757575;}
#footer #subscribe:hover {background:#5ee0cb; color:#fff;}

#footer #credits {position:relative; margin:20px 0 40px 0; border-top:1px solid #eeeeee; padding:10px 0 0 0;}
#footer #credits p {font-size:11px;}
#footer #credits p a {color:#191919; text-decoration:none;}
#footer #credits p a:hover {color:#FF116F;}
#footer #credits p.rights {float:left; width:50%;}
#footer #credits p.social {float:right; width:50%; text-align:right;}