/* Name: Gooey Creative */


/***** Global Styles *****/
/* Body */
body {margin:0; font-family:Arial, Helvetica, sans-serif;color:#5e5e5e; font-size:13px;line-height:18px;background:url(../img/global/wallpaper.jpg) no-repeat #ebebeb;}
a{color:#5e5e5e;}
img {border:none}
.img-align-right {float: right}

/* Paragraphs */
p {margin-bottom: 10px;}
* p:last-child {margin-bottom: 0;}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {display: block;}

/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 1006px; position:relative;z-index:999;}


/* Header */
#top-header {height:125px;}
#logo {width: 303px; height:94px; position:absolute; top:40px; left:16px; display:block}
.tel {width: 303px; height:94px; position:absolute; top:40px; right:36px; text-align:right; display:block;color:#ec008c; margin:0px; padding:0px; border:none; font-size:26px; font-weight:normal; line-height:28px;}

#splat {position:absolute;left:-357px; top:0px;}
#tab {position: fixed; right:0px; top:230px; z-index:999999999;}

/* Main Nav */
#top-header nav {width: 500px; position:absolute; right:25px; top:108px; text-align:right;}
#top-header nav ul {list-style: none;}
#top-header nav li {display:inline; color:#ec008c; font-size:15px; font-weight:bold; height:30px;}
#top-header nav ul li a {color:#ec008c; text-decoration: none; margin:0 12px 0 12px; padding:0 0 9px 0;}
#top-header nav ul li a:hover {color:#ec008c;}
#top-header nav ul li.current-item a {color:#ec008c; border-bottom: 4px solid #ec008c; .color: #666666;}

/* Hero Shot */
#hero {margin:48px auto 0 auto;background:url(../img/global/wall-repeat.png) repeat-y; padding:0 32px 0 34px;.margin-top:34px;}
#hero-head {position: absolute; top:-35px; left:0px;}
#hero-bttm {position: absolute; bottom:-35px; left:0px;}

#slides {width:940px; height:329px; margin:0;background:url(../img/colorbox/loading.gif) no-repeat center center; position:relative;}

/* Main Content */

#content-wp {background:url(../img/global/wall-repeat.png) repeat-y; padding:25px 32px 0 34px; height:400px;}

#content-s1 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px;height:630px;.margin-top:34px;}
#content-s2 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:1210px;.margin-top:34px;}
#content-s3 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:930px;.margin-top:34px;}
#content-s4 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:670px;.margin-top:34px;}
#content-s5 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:1300px;.margin-top:34px;}
#content-s6 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:1050px;.margin-top:34px;}
#content-s7 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:1120px;.margin-top:34px;}
#content-s8 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:1070px;.margin-top:34px;}
#content-s9 {background:url(../img/global/wall-repeat.png) repeat-y; padding:0px 32px 0 34px; margin-top:48px; height:650px;.margin-top:34px;}

.left {width: 460px;float:left;}
.left H1 {color:#ec008c; font-size:25px; font-weight:bold; padding:0 0 5px 0; margin:0 0 8px 0; border-bottom:1px solid #9d9d9d; line-height:29px;}
.left H4 {color:#ec008c; font-size:17px; font-weight:bold; padding:0 0 5px 0; margin:20px 0 8px 0; border-bottom:1px solid #9d9d9d}
.left p {color:#5e5e5e; font-size:13px; margin:0 0 8px 0; line-height:18px;}
.left p a {color:#5e5e5e; text-decoration: underline;font-weight:bold}
.left p a:hover {color:#5e5e5e; text-decoration: none;font-weight:bold}
.left p img {margin:0;}

.main {width: 680px;float:left; margin:0 20px 0 0;}
.main H1 {color:#ec008c; font-size:25px; font-weight:bold; padding:0 0 5px 0; margin:0 0 8px 0; border-bottom:1px solid #9d9d9d;line-height:29px;}
.main H2 {color:#ec008c; font-size:17px; font-weight:bold; padding:0px; margin:10px 0 8px 0; border:none}
.main H3 {color:#ec008c; font-size:20px; font-weight:bold; padding:0 0 5px 0; margin:18px 0 8px 0; border-bottom:1px solid #9d9d9d;line-height:29px;}
.main p {margin:0 0 8px 0;}
.main p a {text-decoration: underline; font-weight:bold}
.main p a:hover {text-decoration: none;font-weight:bold}
p.intro {font-size:15px; color:#ec008c; line-height:24px;}
.main ul {margin:10px 0 20px 25px;padding:0; list-style-type:none;}
.main li{list-style-type:nonefont-size:13px;margin:0 5px 10px 0;padding-left:35px;padding-top:8px;line-height:22px;background:url(../img/icons/bullet_tick.png) top left no-repeat;}
.main li a {color:#5e5e5e;text-decoration:none;}
.main li a:hover{color:#5e5e5e;text-decoration: underline;}

.main nav {width:330px; float:left; margin:0 10px 20px 0;}

.center {width: 220px;float:left; margin:0 0 0 20px;}
.center H2 {color:#ec008c; font-size:17px; font-weight:bold; padding:0 0 5px 0; margin:11px 0 8px 0; border-bottom:1px solid #9d9d9d}
.center H3 {color:#ec008c; font-size:13px; font-weight:bold; padding:0 0 5px 0; margin:0 0 4px 0; border-bottom: none;}
.center p {color:#5e5e5e; font-size:13px; margin:0 0 8px 0; line-height:18px;}
.center p a {color:#5e5e5e; text-decoration: underline;font-weight:bold}
.center p a:hover {color:#5e5e5e; text-decoration: none;font-weight:bold}
.center p img {margin:0 10px 0 0;}
.center img {margin:0 0 10px 0; padding:7px; border:1px solid #9d9d9d;}

p.subscribe {background:url(../img/icons/rss_feed.jpg) no-repeat top left; padding:0 0 0 50px;color:#5e5e5e; font-size:13px; margin:0 0 8px 0; line-height:18px; display:block;}
.pink {color:#ec008c; font-weight:bold}

.contact-details {font-style: italic;padding: 0 3em; margin-top:12px;}

/* Carousel */

#carousel-wp {margin:55px auto 65px auto;background-image:url(../img/global/wall-repeat.png); background-repeat: repeat-y; padding:0 32px 0 34px; height:150px;}
#carousel-wp .goo {width: 300px; height:25px; position: absolute; bottom:-45px; left:25px;}
#carousel-wp H2 {color:#ec008c; font-size:17px; font-weight:bold; padding:0 0 5px 0; margin:20px 0 18px 0; border-bottom:1px solid #9d9d9d; width:940px; .margin-top:0px;}

#cara-head {position: absolute; top:-35px; left:0px;}
#cara-foot {position: absolute; bottom:-35px; left:0px;}

label {display: block; } 
#full_c_wp {width: 1006px;position: relative;height: 252px;background: none; top:-40px; left:-40px;}
.infiniteCarousel {width: 948px;position: relative;height: 168px;border: none; top:40px;left:-60px;}
.infiniteCarousel .wrapper {width: 803px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */overflow: auto;height: 168px;margin: 0 168px;position: absolute;top: 0;}
.infiniteCarousel ul a img {border: none;-moz-border-radius: 0px;-webkit-border-radius: 0px;}
.infiniteCarousel .wrapper ul {width: 840px; /* single item 
 n */list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;}
.infiniteCarousel ul li {display:block;float:left;padding-left:10px;padding-right:10px;height: 104px;width: 140px;font-size:13px;font-weight: normal; color:#191b52}
.infiniteCarousel ul li img { margin:8px 0 8px 0;}
.infiniteCarousel ul:hover li img {border: none;}
.infiniteCarousel ul:hover li:hover img {border: none;}
.infiniteCarousel ul li a img {display:block;}
.infiniteCarousel .arrow {display: block;height: 76px;width: 48px;text-indent: -999px;position: absolute;top: 20px;cursor: pointer;outline: 0;}
.infiniteCarousel .forward {background: url(../img/carousel/previous.png) no-repeat;right: -105px;}
.infiniteCarousel .back {background: url(../img/carousel/next.png) no-repeat;left: 90px;}
.infiniteCarousel .forward:hover {}
.infiniteCarousel .back:hover {}

/* Footer */

#foot-wrap {width:100%; background:url(../img/global/footer-repeat.png) repeat-x #e0e2e3; height:300px;}

#footer-links {width: 960px;margin:0 auto 0 auto; height: 260px;padding: 30px 0 10px 0;position: relative;}

#footer-links .links {width: 190px;float:left;margin-right: 40px;}
#footer-links .links p {font-size:15px;color:#ec008c;margin-bottom:1px;line-height:20px;}
#footer-links .links ul {list-style-type:disc; margin:0px; padding:0px;}
#footer-links .links li {list-style-type:disc;font-size:12px;margin-bottom:5px;color:#5e5e5e;margin-left:16px;}
#footer-links .links li a {color:#5e5e5e;text-decoration:none;font-weight:normal;}
#footer-links .links li a:hover {color:#5e5e5e;text-decoration:underline;font-weight:normal;}

#high-priority {width: 180px;height:158px;background-image:url(../img/icons/form-bg.png);background-repeat: no-repeat;position: absolute;right: 10px;top: 13px;padding: 10px 20px 20px 20px;}
#high-priority h6 {font-size:14px; margin:0 0 0 0; padding:0 0 0 0; font-weight:bold; color:#FFFFFF}
#contact_us {.margin-top:0px;}

#share-website {width: 180px;height:35px;background-image:url(../img/icons/share.png);background-repeat: no-repeat;position: absolute;right: 10px;top: 200px;padding: 47px 20px 20px 20px;}
#share-website p {font-size:15px;color:#154b5e;margin-bottom:1px;line-height:20px;}
.share {text-align:right;width: 160px;float: left;}

#copy {width: 100%;margin: 0 auto 0 auto; padding: 20px 0 20px 0; background-color:#484848}
#copy p {color:#FFFFFF;font-size:11px; display:block; width:960px; margin:0 auto 0 auto;}
#copy p a {color:#FFFFFF; text-decoration:underline}
#copy p a:hover {color:#FFFFFF; text-decoration:none}

#copy p a.nul {text-decoration:none}
#copy p a.nul:hover {text-decoration:underline}

.html5 {margin:0 0 -6px 3px;}

/* Forms */
input#email {padding:5px; width:170px; margin:10px 0 8px 0; font-family:Arial, Helvetica, sans-serif; color:#606060; font-size:12px; font-weight:bold}
textarea#enquiry {padding:5px; width:170px; margin:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; color:#606060; font-size:12px; height:50px;font-weight:bold}
#send {background:none; border:none; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; margin:8px 0 0 37px; .margin:7px 0 0 25px;cursor:pointer;}

/* Contact us */
#map {width: 660px; height:320px; padding:10px 10px 5px 10px; background-color: #FCCDF9; float:left; margin:8px 0 15px 0;}
#map p {padding:8px 0 8px 0;}
#contact-enquiry {width:660px; height:330px; background-color: #E9E9E9; padding:10px;}
#contact-enquiry p {margin:1px;}
#send-contact {color:#ffffff;background-color:#EC008C;font-size:18px;font-weight:bold;text-align:center;cursor:pointer;float:left;width: 159px;height: 47px;border: 1px #ffffff solid;}
textarea#enquiry-contact-box {font-family: Arial, Helvetica, sans-serif; width:632px;font-size:14px;margin-bottom: 17px;background-color: #ffffff;color: #606060;height: 70px;font-weight: bold;padding: 10px;border: 2px #CCCCCC solid;}
input#enquiry-contact {font-family: Arial, Helvetica, sans-serif; width:300px;font-size:14px;background-color: #ffffff;color: #606060;height: 18px;font-weight: bold;padding: 10px;margin-bottom:10px;border: 2px #CCCCCC solid;}

/* Portfolio */
.teaser {width:205px; height:165px; margin:10px 24px 14px 0; padding:5px; border:1px solid #999999; float: left}
h1.portfolio {color:#ec008c; font-size:25px; font-weight:bold; padding:0 0 5px 0; margin:0 0 8px 0; border-bottom:1px solid #9d9d9d;line-height:29px; width:940px;}

.wp-vid {width:660px; background-color:#E9E9E9; padding:10px; position:relative; height:371px;}
.wp-vid-2 {width:660px; background-color:#E9E9E9; padding:10px; position:relative; height:375px;}

p.back{background-color:#EC008C; padding:3px 5px 3px 5px; display:block; font-weight:bold; text-align:center; width:45px;}

#work-wp {width:660px; background-color:#E9E9E9; padding:10px; position:relative; height:474px;}
#work-wp #pager {padding:10px 2px 11px 2px; z-index:999; right:0px;position: absolute; top:-42px; -webkit-border-radius: 7px; -moz-border-radius: 7px}
#work-wp #pager A { padding:3px 6px 3px 6px; font-size: 12px; margin:0 5px 0 5px;background-color:#fff; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; color:#5E5E5E; font-weight:bold;}
#work-wp #pager A:hover {color:#fff; background-color:#EC008C}
#work-wp #pager A.activeSlide {color:#fff; background-color:#EC008C}
#rotate {}
#rotate img {left:0px; top:0px;}



.seo-more-container {margin: 0 auto 0px auto;width: 900px;position:relative; z-index:9999;margin-top:-2px;}

.seo-more-button, .seo-more-button a {color: #CCC;text-decoration: none;}
.seo-more-button {/*background: transparent url(../img/global/seo-more-button-container.gif) scroll no-repeat 0 0;*/border-top: 1px solid #CCC;border-left: 1px solid #CCC;border-right: 1px solid #CCC; border-bottom:none;background-color: white;font-size: 12px;font-weight: bold;line-height: 20px;padding: 3px 5px 2px;width: auto;width: 31px;float: left;clear: left;margin-bottom: -1px;color: #CCC; margin-top:-26px;}
#seo-contents {border-top: 1px solid #CCC;border-left: 1px solid #CCC;border-right: 1px solid #CCC; border-bottom:none;padding: 10px;background-color: white;clear: left; width:880px}