@charset "utf-8";
/* CSS Document */

#website-designers-block {background:url(../images/website-designers-quote.png) no-repeat; width:980px; height:112px; color:#fff; margin-bottom:0px; padding-top:9px;}
#website-designers-block h1, #website-designers-block h2, #website-designers-block h3 {padding:0px 0px 0px 15px; text-align:center; margin:0px;}

/* Home Slider */
#slider {position:relative; margin:0px; padding:0px; height:258px;}
#slider .left {position:absolute; left:0px; z-index:1000;}
#slider .right {position:absolute; right:0px; z-index:1000;}

div#slider div#slide-holder {z-index:40; width:980px; height:247px; position:absolute; left:0px;}
div#slider div#slide-holder div#slide-runner {top:0px; left:0px; width:980px; height:247px; overflow:hidden; position:absolute;}
div#slider div#slide-holder div.slide2 {}
div#slider div#slide-holder img {margin:0; display:none; position:absolute;}
div#slider div#slide-holder div#slide-controls {left:0; top:0px; width:980px; height:46px; display:none; position:absolute; background:none;}
div#slider div#slide-holder div#slide-controls p.text {color:#fff; display:inline; font-size:10px; line-height:16px; margin:0px 0 0 20px; text-transform:uppercase; display:none;}
div#slider div#slide-holder div#slide-controls p#slide-nav {float:right; height:15px; display:inline; margin:15px 5px 0 0;
}
div#slider div#slide-holder div#slide-controls p#slide-nav a {float:left; width:19px; height:15px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight : bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat;
}
div#slider div#slide-holder div#slide-controls p#slide-nav a.on {background-position:0 -15px;}
div#slider div#slide-holder div#slide-controls p#slide-nav a {background:url(../images/silde-nav.png);}
div#nav ul li a {background:url(../images/nav.png) no-repeat;}
/* Slider END */

/* Content Block */

.content-block-left {float:left; width:640px; display:block;}
.content-block-right {float:right; display:block; width:312px; font-size:0.8em; line-height:1.5em;}
.content-block-right h3 {margin:10px 0px;}
#our-services{list-style:none; padding-left:2px; margin-top:-10px; margin-bottom:20px;}
#our-services li a {border-bottom:1px dotted #ef59a3; padding:0px 0px 0px 15px; display:block; background:url("../images/icons/bullet.png") left center no-repeat; line-height:3em;}

#our-work-head {background:url("../images/banners/our-work.jpg") no-repeat #ff61c5; width:980px; height:139px; position:relative;}
 #our-work-head label { width:90px; display:block; float:left; font-weight:bold; font-size:12px; margin-top:2px; color:#fff;}
 #our-work-head select {font-size:1em; width:270px; height:20px; margin-top:5px;}
 #our-work-head fieldset {border:none;}
 #our-work-head input {border:none; padding:4px; width:280px; margin-top:0px; border:1px solid #e54bac;}
 #our-work-head .input-submit {border:none; padding:0px; width:155px; position:absolute; right:-150px; top:0px;}
 #our-work-head .input-textarea {border:none; padding:5px; width:100%; height:200px; margin-bottom:20px;}
 #our-work-head .check-label {float:left;}
 #our-work-head .input-check {border:1px solid #cbcac9; padding:10px; float:left; width:20px;}
 #our-work-head .form-left {float:left;  margin-bottom:10px; margin-right:20px;}
 #our-work-head .form-right {float:left;  margin-bottom:0px; margin-left:0px;}
	#our-work-head .work-form {position:absolute; top:70px; left:17px;}
.work-block {list-style:none; margin:16px 0px;}
.work-block li {margin-right:16px; margin-bottom:16px; float:left; width:316px; cursor:pointer; position:relative;}
.work-block li:hover {background:#e70675;}
.work-block li.last {background:#e9e9e9; float:right; margin-right:0px;}
.work-block li .inside {padding:5px; background:#e9e9e9;}
.work-block li .inside:hover {background:#e70675}
.work-block li .inside:hover a.site-link {color:#fff;}
.work-block li .inside:hover a.site-link:hover {text-decoration:underline;}
.work-block li .inside a.site-link {font-size:14px; font-weight:bold; color:#363636; text-decoration:none; display:block; margin:10px 5px;}
.work-block li .inside p {background:#fff; border:1px solid #e0e0e0; font-size:12px; padding:5px; margin:0px;}
.work-block li .more-info {position:absolute; right:-3px; bottom:87px; background:url("../images/buttons/more-info.png") no-repeat; display:block; width:92px; height:30px}
.work-block li .more-info span {display:none;}
	.case-study-link {float:right; margin-right:3px; padding-left:15px; background:url("../images/icons/bullet.png") left center no-repeat; line-height:3em; font-size:0.8em;}
	.view-website-link {float:left; margin-left:3px; padding-left:15px; background:url("../images/icons/bullet.png") left center no-repeat; line-height:3em; font-size:0.8em;}
.work-block li .inside:hover .view-website-link {color:#fff; float:left; margin-left:3px; padding-left:15px; background:url("../images/icons/bullet-white.png") left center no-repeat; line-height:3em; font-size:0.8em;}
.work-block li .inside:hover .case-study-link {float:right; margin-right:3px; padding-left:15px; background:url("../images/icons/bullet-white.png") left center no-repeat; line-height:3em; font-size:0.8em; color:#fff;}
#our-clients {list-style:none; width:980px; position:relative; background:url(../images/our-clients.jpg); height:52px;}
	#our-clients li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
	#our-clientsli, #our-clients a {height:52px; display:block;}
		
	#our-clients #panel1 {left:0; width:100px;}
	#our-clients #panel2 {left:120px; width:195px;}
	#our-clients #panel3 {left:360px; width:100px;}
	#our-clients #panel4 {left:490px; width:130px;}
	#our-clients #panel5 {left:600px; width:120px;}
	#our-clients #panel6 {left:750px; width:250px;}
		
	#our-clients #panel1 a:hover {background:url(../images/our-clients.jpg) 0 -51px no-repeat;}
	#our-clients #panel2 a:hover {background:url(../images/our-clients.jpg) -120px -51px no-repeat;}
	#our-clients #panel3 a:hover {background:url(../images/our-clients.jpg) -360px -51px no-repeat;}
	#our-clients #panel4 a:hover {background:url(../images/our-clients.jpg) -490px -51px no-repeat;}
	#our-clients #panel5 a:hover {background:url(../images/our-clients.jpg) -600px -51px no-repeat;}
	#our-clients #panel6 a:hover {background:url(../images/our-clients.jpg) -750px -51px no-repeat;}
	
#left-block {width:68%; float:left; margin-top:10px;}
 #left-block #our-services {margin-top:10px;}
 #left-block #our-services li {float:left; width:299px; margin-right:30px;}
 #left-block .list {list-style:none; padding-left:2px; margin-top:-10px; margin-bottom:20px;}
 #left-block .list li {float:left; width:299px; margin-right:30px;}
 #left-block .list li span {border-bottom:1px dotted #ef59a3; padding:0px 0px 0px 15px; display:block; background:url("../images/icons/bullet.png") left center no-repeat; line-height:3em;}
#contact-left-block {width:65%; float:left; margin-top:10px; position:relative;}
 #contact-left-block label {width:180px; display:block; font-weight:bold; font-size:1em; margin-top:10px;}
 #contact-left-block select {font-size:1em; width:270px; height:20px; margin-top:5px;}
 #contact-left-block fieldset {border:none;}
 #contact-left-block input {border:none; padding:5px; width:100%; margin-top:0px;}
 #contact-left-block .input-submit {border:none; padding:0px; width:158px; margin:-5px 0 20px 40%;}
 #contact-left-block .input-textarea {border:none; padding:5px; width:100%; height:200px; margin-bottom:20px;}
 #contact-left-block .check-label {float:left;}
 #contact-left-block .input-check {border:1px solid #cbcac9; padding:10px; float:left; width:20px;}
 #contact-left-block .form-left {float:left; width:48%; margin-bottom:10px;}
 #contact-left-block .form-right {float:right; width:48%; margin-bottom:10px;}

#page-banners {width:28%; float:right; margin-top:10px;}
#left-block-animals {width:68%; float:left; margin-top:10px;}
#page-banner-animals {width:28%; float:right; margin-top:28px; margin-right:5px;}
#page-banners img {margin-bottom:30px;}
.animals img {margin-right:20px; margin-bottom:20px}
.animals .last {margin-right:0px;}
#contact-right {width:284px; float:right; margin-top:20px;}
#contact-right img {padding-left:8px; margin-top:10px;}
.contact-right-block {background:url("../images/contact-block.jpg") no-repeat; padding:13px 34px 18px 34px;  margin:0px;}
.contact-right-block ul {list-style:none; margin-bottom:13px;}
.quote {float:left; width:400px; text-align:justify; padding-bottom:20px; margin-top:-5px;}
.quote h2 {line-height:12px;}
.hd-img {float:right; margin-top:12px;}
.quote-right {float:right; width:520px; text-align:right; padding-bottom:20px; margin-top:5px;}
.quote-right h2 {line-height:12px; text-align:right;}
.hd-img-left {float:left;}
#sidebar {float:right; width:25%;}
#sidebar ul {list-style:none; padding-left:2px; margin-top:4px;}
	#sidebar ul li a {border-bottom:1px dotted #ef59a3; padding:0px 0px 0px 15px; display:block; background:url("../images/icons/bullet.png") left center no-repeat; line-height:3em;}
	
#sitemap{margin-left:10px;}
#sitemap ul {padding:5px; list-style:none;}
 #sitemap ul li a {padding-left:25px; background:url("../images/icons/bullet.png") left center no-repeat;}
 #sitemap ul li ul li a {padding-left:25px; background:url("../images/icons/bullet.png") left center no-repeat; color:#333;}
	
/* Error Page */


.error {background:url("../images/404/error-404-bg.jpg") no-repeat center top; width:100%; height:800px;}
.mankini {float:left; text-align:center; margin:auto; display:block; width:180px;}
.error-right-block {float:left; margin-left:140px;}
.error-right-block img {display:block; clear:both; margin-bottom:20px;}
.text-block {background:url("../images/404/text-bg.png") no-repeat; width:585px; height:240px; color:#fff; font-size:14px; font-weight:bold; padding:0px 0 0 0;}
.text-block p {padding:10px 0 0 10px; margin:0px}

.text-block ul {list-style:none; margin:0px; padding:10px;}
.text-block ul li span {padding:0px 0px 0px 15px; display:block; background:url("../images/icons/bullet.png") left center no-repeat; line-height:3em; font-size:12px; margin-left:10px;}