* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 62.5%;
background: #0096db;
color:#3f3f3f;
}

img {border:0px;}
img.border{border:1px solid #d2d4d3;}

img.block {display:block;}
img.imgwhy {display:block;border:1px solid #d2d4d3;margin-left:13px}

img.blockspace {display:block;margin-bottom:10px;}

img.inline {display:inline;}

.clear {clear: both;}
.clear10 {clear: both;height:10px;}

.clear-block:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear-block {display: inline-block;}

img.alignright {float:right;margin:0px 0px 10px 15px;}
a.alignright {float:right;margin:0px 0px 10px 15px;}
img.alignleft {float:left;margin:0px 15px 10px 0px;}
img.alignleft2 {float:left;margin:0px 15px 0px 0px;}
a.alignleft {float:left;margin:0px 15px 10px 0px;}

em {font-style:italic;}

strong {font-weight:bold;}

pre {font-size:13px;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}
hr {display:none;}

div.hr-sub {
display:block;
height: 10px;
width:100%;
border-bottom: 1px solid #ededed;
clear: both;
margin:0px 0px 10px 0px;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

span.white {color: #fff;}
span.blue {color: #0094d9;}

.wrapper {
min-width:980px;
background:#fff url(../images/blue.png) repeat-x top;
margin: 0px 0px 0px 0px;
}

.header {
height: 144px;
width:960px;
margin: 0px auto 0px auto;
position:relative;
}

/*.header {background: url(../images/leaf.png) no-repeat 306px 0px;}*/ 
 #home .header 		{background: url(../images/butterflys.jpg) no-repeat 415px 15px;} 
 #portfolio .header {background: url(../images/green_leaves.jpg) no-repeat 406px 5px;} 
 #whyus .header 	{background: url(../images/wheat.jpg) no-repeat 480px 5px;} 
 #services .header 	{background: url(../images/red_leaves.jpg) no-repeat 406px 5px;} 
 #contact .header 	{background: url(../images/starfish.jpg) no-repeat 530px 5px;} 


h1 {
position:absolute;
top:35px;
text-indent:-1000000px;
}

.logo {
width:379px;
height:45px;
background: url(../images/images.png) 0px 0px no-repeat;
display:block;
}

a.logo:focus {outline: none;}

p.telephone {
position:absolute;
left:auto;
right:0px;
background: url(../images/phone.png) no-repeat top;
width: 190px;
height: 26px;
top:45px;
}

#searchform {position: absolute; left: auto; right:0px; top: 88px; z-index: 100; width: 185px; height: 20px; background: url(../images/images.png) 0px -108px no-repeat;}

#searchform input#s {
width: 155px;
height:15px;
margin: 1px 0px 0px 0px;
padding: 3px 0px 0px 0px;
font-size:1em;
border:none;
text-transform:uppercase;
background:#fff;
position:absolute;
}

#searchform button {
background:transparent none repeat scroll 0 0;
border:medium none;
font-family:Arial,Helvetica,sans-serif;
height:20px;
line-height:18px;
text-align:left;
text-transform:uppercase;
width:18px;
cursor:pointer;
}


.navbar {
width:960px;
height:27px;
margin: 0px auto 0px auto;
position:absolute;
top:auto;
bottom:0px;
}

.survey {
background:url(../images/portfolio-bottom-btn.png) repeat-x 0px 0px;
width:100%;
height:54px;
border-top:1px solid #e2e2e2;
}

.survey a {
background:url(../images/portfolio-bottom-btn-a.png) no-repeat 0px 0px;
height:39px;
line-height:39px;
text-indent:15px;
width:406px;
display:block;
color:#fff !important;
font-size:1.4em;
margin:7px 0px 0px 25px;
}

.survey a:hover {text-decoration:none;}

.navbar ul {
height:27px;
display: block;
width: auto;
list-style-type: none;
background: url(../images/navbar.png) 0px 0px no-repeat;
}

/*.navbar li {
display: inline;
position: relative;
list-style-type: none;
}

.navbar a {
display: block;
position: relative;
float: left;
text-decoration: none;
height: 20px;
background: url(../images/navbar.png) 0px 0px no-repeat;
width: 95px;
color:#fff;
font-size:1.3em;
font-weight:bold;
text-align:center;
padding: 7px 0px 0px 1px;
}

.navbar a:hover, 
#home .navbar-home a, 
#whyus .navbar-whyus a, 
#portfolio .navbar-portfolio a, 
#portfolio-details .navbar-portfolio a, 
#services .navbar-services a, 
#contact .navbar-contact a {background: url(../images/navbar.png) 0px -31px no-repeat;}
*/

.navbar li {
position: relative;
list-style-type: none;
float: left;
display: block;
}

.navbar a {
display: block;
position: relative;
float: left;
text-decoration: none;
height: 20px;
background: #7fcaed;
width: 95px;
color:#fff;
font-size:1.3em;
font-weight:bold;
text-align:center;
padding: 7px 0px 0px 1px;
margin: 0 1px 0 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-transition-property: background; 
-webkit-transition-duration: 0.2s; 
-webkit-transition-timing-function: ease-in;
-moz-transition-property: background; 
-moz-transition-duration: 0.2s; 
-moz-transition-timing-function: ease-in;
}

.navbar a:hover, 
#home .navbar-home a, 
#whyus .navbar-whyus a, 
#portfolio .navbar-portfolio a, 
#portfolio-details .navbar-portfolio a, 
#services .navbar-services a, 
#contact .navbar-contact a {background: #0096DB; }

.navbar a:focus {outline: none;}

.wrapper-banner {
background: url(../images/background-banner.png) repeat-x top;
height:120px;
}

#portfolio .wrapper-banner,
#portfolio .banner {height:100px;}

.portfolioform {
position:absolute;
left:auto;
right:0px;
top:auto;
bottom:42px;
}

.formR {
float:left;
margin: 0px 0px 0px 18px
}

.formR label {color:#fff;font-size:1.4em;}

.banner {
width:960px;
margin: 0px auto 0px auto;
height:120px;
position:relative;
}

.banner h2 {
font-size:2em;
font-weight:normal;
color:#fff;
top:35px;
position:absolute;
}

#home .wrapper-banner {
background: url(../images/background-middle.png) repeat-x top;
height:305px;
}

.titleContact {
width:960px;
margin: 0px auto 0px auto;
position:relative;
}

#home .banner .project {
min-width:377px;
height:40px;
position: absolute;
left:auto;
right:0px;
}

#home .banner .projectL {
display:block;
float:left;
width:11px;
height:40px;
background: url(../images/p-left.png) no-repeat top;
}

#home .banner .projectR {
display:block;
float:left;
width:11px;
height:40px;
background: url(../images/p-right.png) no-repeat top;
}

#home .banner .project p {
font-size:1.1em;
text-transform: uppercase;
background: #0096db url(../images/project.png) no-repeat top left;
height:40px;
line-height:40px;
color:#cae7f4;
float:left;
}

#home .banner .project p a {
color:#fff;
text-decoration:none;
}
#home .banner .project p a:hover {text-decoration:underline}

#home .banner {
width:960px;
margin: 0px auto 0px auto;
height:305px;
}

.we-design {
position:absolute;
top:20px;
left:47px;
height:88px;
width:890px;
}

#home .banner h2 {top:0px;left:0px;}

.we-design h2.h2-we-design {
width:208px;
height:88px;
background: url(../images/we-design.png) no-repeat top left;
text-indent:-300000px;
}

.we-design p {
color:#fff;
font-size:1.3em;
line-height:1.5em;
margin: 15px 0px 0px 231px;
}

.we-design a {
color:#fff;
text-decoration:none;
font-size:0.8em;
}

.we-design a:hover {text-decoration:underline;}

.wrapper-content {
margin: 1px 0px 0px 0px;
background: #fff;
}

.content {
width:960px;
margin: 0px auto 0px auto;
min-height: 300px;
padding: 0px 0px 40px 0px;
position:relative;
}

/*Meet the Team*/
#meet ul.the-team-list li { float: left; width: 470px; height: 125px; list-style: none !important; margin: 0 0 100px 0;}
#meet ul.the-team-list li img { float: left; border: 3px solid #fff; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.11); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.11); box-shadow: 0 3px 5px rgba(0,0,0,0.11); }
#meet h3 { font-weight: normal; color: #009bde; font-size: 14px; margin: 0 0 10px 0; }
#meet .team-right { width: 275px; padding: 0 20px 0 0; float: right; }
#meet .team-right p { margin: 0 0 10px 0; }
#meet .team-right a.team-email { display: block; background: url(../images/email-icon.jpg) no-repeat left; text-indent: 25px; color:#555555; }
#meet .team-right a:hover.team-email { color: #009bde; }

#meet .content				{ padding: 60px 0px 0px 0px; }
#useful .content,
#portfolio .content,
#portfolio-details .content {padding: 20px 0px 40px 0px;}

#portfolio-details .content, #meet .content {margin: -30px auto 0px auto;}

#home .wrapper-content {background: #fff url(../images/background-home.png) repeat-x top;}

#home .content {padding: 65px 0px 0px 0px;}

#portfolio-details .wrapper-content {background: #fff url(../images/background-details.png) repeat-x top;}
/*#meet .wrapper-content {background: #fff url(../images/background-details.png) repeat-x top;}*/

.imgs {
position: relative; 
height:400px;
margin: 0px 0px 40px 0px;
overflow: hidden;
}

.imgs ul {position: absolute; left: 0; top: 30px; height: 395px; margin: 0; padding: 0; list-style: none;}

.imgs li {
position: absolute;
overflow: hidden;
margin: 0;
padding: 15px;
width:450px;
height:350px;
}

.imgs li img.shadow {position: absolute; left: 0; top: 5px; z-index: 0;}
.imgs li img.show {position: absolute; left: 15px; top: 15px; z-index: 1;}
a#prev, a#next {position: absolute; z-index: 10; top: 200px; overflow: hidden; width: 40px; height: 40px; color: #fff; font-size: 3em; line-height: 40px; text-align: center; text-decoration: none; text-indent: -500px;}
a#next {left: 697px; background: #0096DB url(../images/next.gif) center center no-repeat;}
a#prev {left: 285px; background: #0096DB url(../images/prev.gif) center center no-repeat;}
a#prev:hover, a#next:hover {background-color: #000;}


a.link {
margin:10px 0px 0px 0px;
font-size:1.3em;
background:url(../images/thick.png) no-repeat left;
display:block;
text-indent:17px;
height:18px;
}

a.readmore {font-size:0.8em;}

#legal .content h3, #creator .content h3 {
color: #0088D5;
font-size:1.6em;
margin:0px 0px 5px 0px;
}

.content p {
font-size:1.2em;
line-height:1.5em;
margin:0px 0px 10px 0px;
}

.content p.morespacetop {margin-top:25px;}
.content p.morespacebottom {margin-bottom:25px;}

/*.content p.disable {width:290px;margin:0px 0px 5px 0px;}*/
.content div.accessibility {
clear:both;
background: url(../images/wheelchair.jpg) no-repeat left 3px;
margin:20px 0px 5px 20px;
padding:0px 0px 0px 50px;
width:470px;
}

.text {
float:left;
width:700px;
}

#useful .text {
float:none;
width:960px;
}

.content h4 {
font-size:1.3em;
margin:0px 0px 10px 0px;
}
.content h4.search {margin:20px 0px 15px 0px;}

.content a {
color:#0094d9;
text-decoration:none;
}

.content a:hover {text-decoration:underline;}

.content ul {
font-size:1.2em;
line-height:1.5em;
margin: 0px 0px 0px 15px;
}
.content ul ul {
font-size:1em;
margin:0px 0px 20px 45px;
}

.content ul li {
margin: 0px 0px 5px 0px;
list-style: url(../images/list2.png);
}

.content ul li p {font-size:1em;margin:0px 0px 5px 0px;}

.portfolio-panel {
float: left;
width:350px;
height:360px;
position:relative;
margin: 2px 0px 0px 0px;
border-bottom: 1px solid #f3f3f3;
}

.portfolio-panel p.img-shadow {
padding: 30px 10px 15px 35px;
width:287px;
height:216px;
background: url(../images/drop-shadow.png) no-repeat 26px 21px;
margin:0px 0px 0px 0px;
}

.portfolio-panel h3 {
color:#0098da;
font-size:1.5em;
margin:0px 0px 0px 45px;
}

.portfolio-panel p.txt {margin:0px 33px 0px 45px;}

.portfolio-panel a.link {margin:10px 33px 0px 45px;}

#search .portfolio-panel {
height:320px;
width:320px;
}
#useful .portfolio-panel {
height:360px;
width:320px;
}

#search .portfolio-panel p.img-shadow, #useful .portfolio-panel p.img-shadow  {
padding: 30px 10px 15px 20px;
background: url(../images/drop-shadow.png) no-repeat 10px 21px;
}

#search .portfolio-panel h3, #useful .portfolio-panel h3 {margin:0px 0px 0px 20px;}
#search .portfolio-panel p.txt, #useful .portfolio-panel p.txt {margin:0px 0px 0px 20px;}
#useful .portfolio-panel a.link {margin:10px 0px 0px 20px;}

#search .border-top, #useful .border-top {background: #fff url(../images/back-panel.png ) repeat-x top;
padding: 3px 0px 0px 0px;}

div.hover {background: #f9f9f9;}

.sublink {
border-top: 1px solid #f3f3f3;
clear:both;
}

.desc {
float:left;
width:555px;
margin: 0px 0px 20px 0px;
}
.desclong {
margin: 0px 0px 20px 0px;
}

.testimonials {
float:right;
width:374px;
margin: 0px 0px 20px 0px;
}

.top-testi {
height:8px;
width:374px;
background: url(../images/images.png) 0px -131px no-repeat;
}

.bottom-testi {
height:8px;
width:374px;
background: url(../images/images.png) 0px -144px no-repeat;
}

.testi {
padding:20px 35px 10px 40px;
background:#0096db url(../images/testiback.png) no-repeat bottom;
min-height:107px;
}

.testi p {color:#fff;}

.testi2 {
padding:0px 0px 10px 0px;
background:#0096db url(../images/testiback.png) no-repeat bottom;
min-height:107px;
}

.testi2 ul {margin: 20px 0px 0px 45px;}
.testi2 ul li {list-style: url(../images/list.gif);}
.testi2 ul li a {color:#fff;}

.submenu {
float:right;
width:255px;
}

a.rest {
display:block;
height: 40px;
width:169px;
background: #b8b8b8 url(../images/left-arrow.png) no-repeat left;
color: #fff;
text-decoration:none;
line-height:40px;
font-size:1.3em;
text-indent:35px;
float:left;
margin:0px 0px 0px 0px;
}

a.rest:hover {
/* background: #0096db url(../images/left-arrow.png) no-repeat left; */
text-decoration:none;
} 

a.contact {
display:block;
height: 40px;
width:273px;
background: #0096db url(../images/right-arrow.png) no-repeat right;
color: #fff;
text-decoration:none;
line-height:40px;
font-size:1.3em;
text-indent:15px;
float:left;
margin:0px 0px 0px 10px;
}

a.contact:hover {
/* background: #b8b8b8 url(../images/right-arrow.png) no-repeat right; */
text-decoration:none;
}

a.client-survey-btn { 
position: relative;
width: 183px;
height: 65px;
display: block;
color: #fff;
padding: 10px 45px 0px 15px;
margin: 15px 0 0 15px;
font-size: 13px; 
line-height: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #0295db; /* Old browsers */
background: -moz-linear-gradient(top, #0295db 0%, #34aae8 4%, #52b6e8 5%, #48b5de 7%, #3eb2e1 9%, #3faee6 11%, #39aae6 13%, #2daae0 14%, #0296dc 30%, #0195db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0295db), color-stop(4%,#34aae8), color-stop(5%,#52b6e8), color-stop(7%,#48b5de), color-stop(9%,#3eb2e1), color-stop(11%,#3faee6), color-stop(13%,#39aae6), color-stop(14%,#2daae0), color-stop(30%,#0296dc), color-stop(100%,#0195db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0295db', endColorstr='#0195db',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* W3C */
}

a.client-survey-btn:hover {
background: #d4d4d4; /* Old browsers */
background: -moz-linear-gradient(top, #d4d4d4 0%, #b7b7b7 4%, #c8c8c8 5%, #cdcdcd 7%, #cdcdcd 9%, #cacaca 11%, #c1c1c1 19%, #bababa 28%, #b7b7b7 37%, #b8b8b8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(4%,#b7b7b7), color-stop(5%,#c8c8c8), color-stop(7%,#cdcdcd), color-stop(9%,#cdcdcd), color-stop(11%,#cacaca), color-stop(19%,#c1c1c1), color-stop(28%,#bababa), color-stop(37%,#b7b7b7), color-stop(100%,#b8b8b8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#b8b8b8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* W3C */
text-decoration: none;
}

a.client-survey-btn::after { 
content:"";
background: url(../images/paper-icon.png) no-repeat right !important;
width: 14px;
height: 18px;
position: absolute;
top: 10px;
right: 10px;
}

a.serviceview {
position: relative;
display:block;
height: 40px;
width:auto;
background: #0096db url(../images/right-arrow.png) no-repeat right;
color: #fff;
text-decoration:none;
line-height:40px;
font-size:1.3em;
text-indent:15px;
float:left;
margin:8px 0px 0px 0px;
padding:0px 45px 0px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #0295db; /* Old browsers */
background: -moz-linear-gradient(top, #0295db 0%, #34aae8 4%, #52b6e8 5%, #48b5de 7%, #3eb2e1 9%, #3faee6 11%, #39aae6 13%, #2daae0 14%, #0296dc 30%, #0195db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0295db), color-stop(4%,#34aae8), color-stop(5%,#52b6e8), color-stop(7%,#48b5de), color-stop(9%,#3eb2e1), color-stop(11%,#3faee6), color-stop(13%,#39aae6), color-stop(14%,#2daae0), color-stop(30%,#0296dc), color-stop(100%,#0195db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0295db', endColorstr='#0195db',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* W3C */
}

a.serviceview:hover {
text-decoration:none;
background: #d4d4d4; /* Old browsers */
background: -moz-linear-gradient(top, #d4d4d4 0%, #b7b7b7 4%, #c8c8c8 5%, #cdcdcd 7%, #cdcdcd 9%, #cacaca 11%, #c1c1c1 19%, #bababa 28%, #b7b7b7 37%, #b8b8b8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(4%,#b7b7b7), color-stop(5%,#c8c8c8), color-stop(7%,#cdcdcd), color-stop(9%,#cdcdcd), color-stop(11%,#cacaca), color-stop(19%,#c1c1c1), color-stop(28%,#bababa), color-stop(37%,#b7b7b7), color-stop(100%,#b8b8b8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#b8b8b8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* W3C */
}

a.serviceview::after { 
content:"";
background: url(../images/right-arrow.png) no-repeat right !important;
width: 40px;
height: 40px;
position: absolute;
top: 0px;
right: 0px;
}

div.range a.serviceview {margin:18px 0px 0px 0px;}

.subnavtop {
width:242px;
height:6px;
background: url(../images/images.png) 0px -157px no-repeat;
margin:0px 0px 0px 15px;
}

.subnavbottom {
width:242px;
height:5px;
background: url(../images/images.png) 0px -166px no-repeat;
margin:0px 0px 0px 15px;
}

.submenu ul {
border-right: 1px solid #d1d3d2;
border-left: 1px solid #d1d3d2;
width:240px;
margin:0px 0px 0px 15px;
min-height:180px;
background: #fff url(../images/backsubnav.png) no-repeat bottom;
text-transform: uppercase;
font-size:1.2em;
font-weight:bold;
padding: 13px 0px 13px 0px;
}

.submenu ul li {
list-style:none;
margin: 0px 0px 0px 0px;
}

.submenu ul li a {
display:block;
width:222px;
height:29px;
line-height:29px;
color:#0297db;
text-decoration:none;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #e8e8e8;
text-indent:23px;
}

.submenu ul li a:hover {background: url(../images/hover.png) no-repeat 10px;text-decoration:none;}

.submenu ul#web-design li a.web-design,
.submenu ul#branding li a.branding,
.submenu ul#photography li a.photography,
.submenu ul#web-hosting li a.web-hosting,
.submenu ul#social-media-optimisation li a.social-media-marketing,
.submenu ul#copywriting li a.copywriting,
.submenu ul#consultation li a.consultation,
.submenu ul#web-development li a.web-development,
.submenu ul#google-apps li a.google-apps,
.submenu ul#digital-marketing li a.website-marketing,
.submenu ul#adwords li a.adwords,
.submenu ul#search-engine-optimisation li a.seo,
.submenu ul#e-commerce li a.e-commerce,
.submenu ul#web-videos li a.web-videos,
.submenu ul#mobile-website-optimisation li a.mobile-website-optimisation,
.submenu ul#novio-business-website-cms li a.novio-business-website-cms
{
background: url(../images/select.png) no-repeat;
color:#fff;
width:232px;
height:30px;
margin: 0px 0px 0px -10px;
border-bottom: 0px;
text-indent:33px;
}

.the-team {
position:absolute;
top:auto;
bottom:-24px;
left:auto;
right:0px;
height:133px;
width:175px;
background: url(../images/the-team.png) no-repeat top;
}

#home .content h2, #home .content h3 {
font-size:2.2em;
margin:0px 0px 10px 0px;
font-weight:normal;
}

.blurb {
height:275px;
margin: 0 0 35px 0;
border-bottom: 1px solid #D8D8D8;
}

.specialising {
width:550px;
float:left;
}

.google-adwords {
float:left;
width:100px;
margin: 20px 0px 0px 0px;
}

.design-profile {
float:left;
width:400px;
margin: 20px 0px 0px 0px;
}

.range {
width:380px;
float:right;
}

.serviceslist_top {
width:380px;
height:6px;	
background:url(../images/list_top.png) no-repeat top;
line-height:0px;
margin:0px;
padding:0px;
overflow:hidden;
}

.serviceslist {
width:374px;
margin:0 auto;
background:#0096db url(../images/list_background.png) no-repeat bottom right;
padding-bottom:3px;
}

.serviceslist_bottom {
width:380px;
height:28px;
margin:0 auto;
background:url(../images/list_bottom.png) no-repeat;
}

.serviceslist ul {
color: #fff;
margin: 14px 0px 0px 42px;
}

.serviceslist ul li {list-style: url(../images/list.gif);}

.serviceslist ul li a {color:#fff;}

.left {float:left;}
.testi .left {float:left;}

.quick {clear:both; overflow: auto; padding: 0 0 35px 0;}

.benefits {
width:320px;
float:left;
background: url(../images/sep.png) no-repeat right center;
height:230px;
position:relative;
}

.services {
width:320px;
float:left;
background: url(../images/sep.png) no-repeat right center;
height:230px;
position:relative;
}

.team {
width:320px;
float:left;
height:230px;
position:relative;

}

.latest-blog {	
width:640px;
float:left;
background: url(../images/sep.png) no-repeat right center;
height:270px;
position:relative;	
}

.twitter-feed {	
width:320px;
padding: 0 0 0 0px;
float:left;
height:270px;
position:relative;	
}

.quick h3 {height:60px;line-height:60px;margin: 0px 0px 5px 0px;}
.benefits h3 {background: url(../images/ham.png) no-repeat left;text-indent:80px;}
.services h3 {background: url(../images/chichester-design_services.png) no-repeat 10px top;text-indent:90px;}
.team h3 {background: url(../images/coffeecup.png) no-repeat 10px;text-indent:90px;}
.latest-blog h3 {background: url(../images/latest-blog.png) no-repeat 0px 10px;text-indent:80px; margin: 0 !important; }
.twitter-feed h3 {background: url(../images/twitter-feed.png) no-repeat 20px 10px;text-indent:90px;}

.blog { width:542px; margin: -5px 0 0 80px; }
.latest-blog p {margin: 0px 30px 0px 0px; font-size: 13px;}
.latest-blog a.post-link {margin: 10px 30px 0px 0px; font-size: 14px;}
.latest-blog ul li p:first-child { margin-top: -17px !important;}
#home .content .latest-blog ul li, #home .content .twitter-feed ul li {list-style: none;}

.benefits p {margin: -17px 30px 0px 80px;}
.twitter-feed ul li p {margin: -17px 30px 0px 80px;}
.services p {margin: -17px 15px 0px 90px;}
.team p {margin: -17px 15px 0px 90px;}

.quick a.readmore {
position:absolute;
top:176px;
display:block;
width:82px;
height:28px;
line-height: 28px;
text-align: center;
color: #fff;
font-size: 11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #0295db; /* Old browsers */
background: -moz-linear-gradient(top, #0295db 0%, #34aae8 4%, #52b6e8 5%, #48b5de 7%, #3eb2e1 9%, #3faee6 11%, #39aae6 13%, #2daae0 14%, #0296dc 30%, #0195db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0295db), color-stop(4%,#34aae8), color-stop(5%,#52b6e8), color-stop(7%,#48b5de), color-stop(9%,#3eb2e1), color-stop(11%,#3faee6), color-stop(13%,#39aae6), color-stop(14%,#2daae0), color-stop(30%,#0296dc), color-stop(100%,#0195db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0295db', endColorstr='#0195db',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #0295db 0%,#34aae8 4%,#52b6e8 5%,#48b5de 7%,#3eb2e1 9%,#3faee6 11%,#39aae6 13%,#2daae0 14%,#0296dc 30%,#0195db 100%); /* W3C */
}

.quick .latest-blog a.readmore { top: 220px; }
.quick .twitter-feed a.readmore { top: 220px; }

.quick a.readmore:hover {
	
	text-decoration:none;
	background: #d4d4d4; /* Old browsers */
	background: -moz-linear-gradient(top, #d4d4d4 0%, #b7b7b7 4%, #c8c8c8 5%, #cdcdcd 7%, #cdcdcd 9%, #cacaca 11%, #c1c1c1 19%, #bababa 28%, #b7b7b7 37%, #b8b8b8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(4%,#b7b7b7), color-stop(5%,#c8c8c8), color-stop(7%,#cdcdcd), color-stop(9%,#cdcdcd), color-stop(11%,#cacaca), color-stop(19%,#c1c1c1), color-stop(28%,#bababa), color-stop(37%,#b7b7b7), color-stop(100%,#b8b8b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#b8b8b8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d4d4d4 0%,#b7b7b7 4%,#c8c8c8 5%,#cdcdcd 7%,#cdcdcd 9%,#cacaca 11%,#c1c1c1 19%,#bababa 28%,#b7b7b7 37%,#b8b8b8 100%); /* W3C */
	}

.benefits a.readmore {left:80px;}
.services a.readmore {left:90px;} 
.team a.readmore {left:90px;}
.latest-blog a.readmore {left:80px;}
.twitter-feed a.readmore {left:95px;}

.latest-blog li.odd, .twitter-feed li.odd  {margin:0 0 25px 0;}

.wrapper-footer {
border-top: 4px solid #0088d5;
height:150px;
}

.footer {
width:960px;
margin: 40px auto 0px auto;
position:relative;
font-size:0.9em;
}

a.logo-footer {
width:74px;
height:33px;
background: url(../images/images.png) 0px -71px no-repeat;
display:block;
position:absolute;
}

div.footer-menu {
position:absolute;
left: 90px;
color: #82aec2;
text-transform: uppercase;
}

.footer-menu ul {
display: inline;
width: auto;
list-style-type: none;
}

.footer-menu li.first {float: left;display:block;padding:0px 7px 0px 0px;background: url(../images/separator.gif) no-repeat right;}
.footer-menu li {float: left;display:block;padding:0px 7px 0px 7px;background: url(../images/separator.gif) no-repeat right;}
.footer-menu li.last {float: left;display:block;padding:0px 0px 0px 7px;background: none;}

.footer-menu a, .footer-copyright a {
color: #fff;
text-decoration:none;
}

.footer-menu a:hover, .footer-copyright a:hover {text-decoration:underline;}

.footer-copyright {
text-transform: uppercase;
position:absolute;
left: 90px;
top:16px;
color: #82aec2;
}

.liking ul		{ 
float: right;
}

.liking ul li	{
float: left;
list-style-type: none; 	
}


.txtwork {
float:left;
width:330px;
}

.form {
float:left;
width:630px;
margin: 0px 0px 0px 0px;
}

.content label {
font-size: 1.2em;
float:left;
color:#393939;
font-weight:bold;
position:relative;
width:80px;
margin: 0px 15px 0px 0px;
padding: 0px 8px 0px 0px;
height:25px;
}

.content .formRowFirst {
padding: 0px 0px 0px 0px;
clear: both;
display: block;
}

.content .formRow {
padding: 15px 0px 0px 0px;
clear: both;
display: block;
}

.content .field {
float:left;
padding: 0px 0px 0px 0px;
font-size:1.2em;
color:#888888;
}

.content input.txtField {
width:400px;
padding:3px 0px 3px 0px;
border: 1px solid #a5acb2;
font-size:1em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

.content textarea {
width:400px;
height:130px;
border: 1px solid #a5acb2;
font-size:1em;
padding:3px 0px 3px 0px;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

.content input.submitbutton {
border: 1px solid #0096DB;
background:#7FCAED;
padding:1px 8px 1px 8px;
color:#fff;
cursor:pointer;
font-weight:bold;
}

.content div.error {
color:#c02026;
font-weight:bold;
margin:3px 0px 0px 0px;
}

.content p.error {
color:#c02026;
font-weight:bold;
}

.content select {
width:400px;
height:22px;
border: 1px solid #a5acb2;
font-size:1em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

/*MAP*/

#maps {
height:380px;
width:610px;
border:1px solid #666;
}

#mapbox {
/*visibility:hidden;*/
display:none;
position:absolute;
top:-46px;
left:0px;
height:417px;
width:612px;
margin-top:15px;
}

a.buttonmap {
display:block;
width:100px;
height:32px;
line-height:32px;
background: url(../images/pointer.png) 0px -36px no-repeat;
margin:0px 0px 10px 0px;
font-size:1.4em;
text-indent:28px;
color:#ff6460;
}

a.buttonmap:hover {background:url(../images/pointer.png) 0px 0px no-repeat;color:#0094D9;text-decoration:none;}

a.buttonmap:focus {outline: none;}


/*portfolio new*/
#portfolio .content ol li.projectlist {
list-style:none;
border-bottom:1px solid #d8d8d8;
padding:20px 0px;
position:relative;
}

.projectname {
width:200px;
float:left;
/*text-align:right;*/
margin:0px 0px 0px 0px;
padding:0px 30px 0px 0px;
}

.projectname h3 {
font-size:1.5em;
font-weight:bold;
margin:0px 0px 5px 0px;

}

.projectcontent {
height:223px;
overflow:hidden;
float:left;
width:722px;
border:1px solid #ebebeb;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}


#portfolio .content ol li.projectlist:first-child {border-top:1px solid #d8d8d8;}

#portfolio .content ul {margin:0px;line-height:1.2em;margin:0px 0px 0px 15px;}

#portfolio .content ul li {font-style:italic; list-style: disc outside url("../images/bullets.png");}
#portfolio .content ul li.link {font-style:normal; list-style: disc outside url("../images/list2.png");}

.imgportfolio {
display:block;
margin:0px 0px 40px 0px;
}

.brief {padding:0px 25px 20px 25px;}

.brief h3 {color:#0096db;font-size:1.6em;margin:40px 0px 10px 0px;}


.slideshowlaptop {
background:url(../images/slideshowlaptop.png) 0px 0px;
width:594px;
height:400px;
margin:0px 0px 30px 0px;
padding:26px 0px 0px 128px;
}

.feature-nav-link {
margin: 87px 0px 0px 180px;
display:block;
height:10px;
/*position:absolute;*/
/*top:auto;*/
/*bottom:0px;*/
/*left:45%;*/
}


.feature-nav-link a {
background:url(../images/navslide.png) -23px 0px;
width:10px;
height:10px;
display:block;
float:left;
margin:0px 0px 0px 10px;
text-indent:-100000px
}

.feature-nav-link a:focus {outline: none;}

.feature-nav-link a.activeSlide,
.feature-nav-link a:hover {background:url(../images/navslide.png) 0px 0px;}

.slideshowinside {
overflow:hidden;
width:470px;
height:301px;
display:block;
background: #000;
}

.closebutton,
.openbutton {
display:block;
width:135px;
height:46px;
background:url(../images/openbutton.png) 0px 0px;
position:absolute;
top:17px;
left:auto;
right:10px;
/*right:240px;*/
}

.closebutton {background:url(../images/closebutton.png) 0px 0px;}

.youtube {
height:500px;
}

#youtubeplayer {
margin:0px auto 0px auto;
width:600px;
}

.overWait {
z-index:10000;
background:#e6e6e6;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
}



/*CLIENT SURVEY*/

form#client-survey, .nice-form {
	position:relative;
	background:#ffffff;
	z-index:999;
}
	
	#client-survey h2, .nice-form h2 {
		margin:0px 0px 20px 0px;
		font-size:16px;
	}

	#client-survey fieldset {
		border:none;
		display:none;
	}
	
	.nice-form fieldset {
		border:none;
	}
	
	#client-survey fieldset.first-child, .nice-form fieldset.first-child {
		display:block;
		margin:36px 0px 0px 0px;
		padding:18px 0px 0px 0px;
		border-top:1px solid #dfdfdf;
	}
	
		.client-survey-row {
			position:relative;
			margin:0px 0px 20px 0px;
			padding:0px 0px 36px 0px;
			border-bottom:1px solid #dfdfdf;
			overflow:auto;
		}
		
		.client-survey-row-shallow {
			padding:0px;
		}
	
			.client-survey-left-column {
				width:200px;
				min-height:100px;
				float:left;
			}
			
			.client-survey-row-shallow .client-survey-left-column {
				min-height:80px;
			}
			
				.client-survey-left-column label {
					display:block;
					width:auto;
					height:auto;
					margin:0px 0px 8px 0px;
					font-size:14px;
					color:#0094D9;
				}
				
				p.tip {
					margin:0px;
					padding:0px 10px 0px 0px;
					font-size:11px;
					color:#8b8b8b;
					clear:left;
				}
				
					p.tip span {
						border-bottom:1px dashed #dfdfdf;
					}

					
			.client-survey-right-column {
				float:left;
			}
			
				.client-survey-right-column input, .client-survey-right-column textarea {
					/* display:block; */
					position:absolute;
					background:none;
					border:none;
					outline:none;
					width:478px;
					padding:10px;
					font-size:18px;
					/*background:#f3f3f3;*/
					background:#cccccc;
				}
				
				.client-survey-right-column input[type=text] {
					height:50%;
				}
				
				.client-survey-right-column textarea {
					height:70%;
					overflow:auto;
				}
				
				.client-survey-right-column select {
					max-width:200px;
					font-size:12px;
				}
				
					.client-survey-right-column option {
						padding:8px;
					}
				
				.client-survey-right-column input:focus, .client-survey-right-column textarea:focus {
					/*background:#FFFCD6;*/
					/* error: f55555 */
				}
				
				.client-survey-right-column input.valid, .client-survey-right-column textarea.valid {
					background:#EDFFD6;
				}
				
				.client-survey-right-column input.invalid, .client-survey-right-column textarea.invalid {
					background:#FFA0A0;
				}
				
				a.i-dont-know, a.bool-no {
					position:absolute;
					display:block;
					width:100px;
					height:24px;
					line-height:24px;
					top:0px;
					right:2px;
					text-align:center;
					color:#555555;
					text-transform:uppercase;
					background:#ffffff;
					-moz-border-radius-bottomleft:3px;
					opacity:0.6;
					z-index:99;
				}
				
				.client-loader {
					position:absolute;
					width:16px;
					height:16px;
					top:0px;
					right:-20px;
					background:#000000;
					z-index:99;
				}
				
				a.bool {
					display:block;
					width:70px;
					line-height:35px;
					margin:0px 10px 0px 0px;
					font-size:18px;
					color:#555555;
					text-align:center;
					-moz-border-radius:2px;
					background:#cccccc;
					float:left;
				}
				
				a.bool-no, a.bool-no-group {
					display:none;
				}
				
				.conditional {
					display:none;
				}
				
.submenu .client-survey-help {
	position:absolute;
	width:208px;
	min-height:58px;
	padding:16px;
	background:#000000;
	-moz-border-radius:0px 10px 10px 10px;
	-webkit-border-radius:0px 10px 10px 10px;
	border-radius:0px 10px 10px 10px;
	opacity:0.8;
	float:right;
	display:none;
	z-index:999;
	-moz-box-shadow:0px 0px 50px #ffffff;
}

	.client-survey-help p {
		color:#ffffff;
	}
	
.client-survey-progress {
	width:auto;
	height:8px;
	margin:0px auto 30px;
	background:#cccccc;
}

	.client-survey-progress div {
		height:100%;
		float:left;
	}
	
	.client-survey-progress div:first-child {
		border:none;
	}
	
	.client-survey-progress-section-complete {
		/*background:#6DD63C;*/
		background:#0096DB;
		background:
			-moz-linear-gradient(
			    center bottom,
			    rgb(18,131,179) 31%,
			    rgb(0,150,219) 66%
			);
		background:
			-webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.31, rgb(18,131,179)),
			    color-stop(0.66, rgb(0,150,219))
			);
	}
	
.next-section {
	width:100%;
	text-align:center;
}

	.next-section a {
		text-decoration:none;
		padding:10px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	
	.next-section a:hover {
		text-decoration:none;
	}
	
	.next-section a#inactive {
		color:#f7f7f7;
		text-shadow:0px -1px 0px #c4c4c4;
		background:#cccccc;
		background:
			-moz-linear-gradient(
			    center bottom,
			    rgb(191,189,189) 31%,
    			rgb(204,204,204) 66%
			);
		background:
			-webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.31, rgb(191,189,189)),
    			color-stop(0.66, rgb(204,204,204))
			);
	}

	.next-section a#active, .next-section input[type=submit]#active {
		color:#ffffff;
		text-shadow:0px -1px 0px #0C72A2;
		background:#0096DB;
		background:
			-moz-linear-gradient(
			    center bottom,
			    rgb(9,128,179) 23%,
			    rgb(0,150,219) 62%
			);
		background:
			-webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.23, rgb(9,128,179)),
			    color-stop(0.62, rgb(0,150,219))
			);
		box-shadow:0px 1px 0px #0C72A2;
		-moz-box-shadow:0px 1px 0px #0C72A2;
		-webkit-box-shadow:0px 1px 0px #0C72A2;
	}
	
	.next-section a#active:active {
		outline:none;
		box-shadow:inset 0px 1px 4px #0C72A2;
		-moz-box-shadow:inset 0px 1px 4px #0C72A2;
		-webkit-box-shadow:inset 0px 1px 4px #0C72A2;
	}
	
#client-survey-status {
	position:fixed;
	width:930px;
	height:40px;
	bottom:0px;
	left:50%;
	margin-left:-485px;
	padding:0px 15px 0px 15px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-box-shadow:0px 0px 3px #666666;
	background:transparent url(../images/background-banner.png);
	z-index:999;
	display:none;
}

	#client-survey-status p {
		line-height:40px;
		color:#ffffff;
		float:left;
	}
	
		#client-survey-status p a {
			font-weight:bold;
			color:#ffffff;
		}
		
		a#client-survey-status-collapse {
			outline:none;
			display:block;
			width:30px;
			height:30px;
			margin:5px -8px 0px 0px;
			background:transparent url(../images/client-survey-status-collapse.png);
			float:right;
		}
		
#error {
	display:none;
	position:absolute;
	width:208px;
	top:0px;
	left:0px;
	padding:16px;
	background:#000000;
	opacity:0.8;
	z-index:999;
	-moz-border-radius:10px 10px 10px 0px;
}

#error p {
	font-size:1.2em;
	line-height:1.5em;
	color:#ffffff;
}

#section-progress {
	position:absolute;
	width:208px;
	top:0px;
	left:50%;
	margin:0px 0px 0px -22px;
	*margin:0px 0px 0px 225px;
	padding:0px 16px;
	font-size:12px;
	z-index:998;
	background:#0096DB;
	border-radius:0px 4px 4px 0px;
	-moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	/*-moz-box-shadow:1px 1px 3px #a7a7a7;*/
}

	#section-progress li {
		/*margin:0px 0px 13px 0px;
		padding:0px 0px 14px 0px;*/
		line-height:44px;
		border-top:1px solid #6dbfe3;
		list-style-type:none;
		color:#6dbfe3;
	}
	
	#section-progress li:first-child {
		border-top:none;
	}
	
	#section-progress li.complete {
		color:#ffffff;
		background:transparent url(../images/complete.png) no-repeat center right;
	}
	
		#section-progress h2 {
			font-size:14px;
			color:#ffffff;
		}
		
.form-columns ul {
	margin:0px 0px 20px 20px;
	float:left;
}

.form-columns ul:first-child {
	margin:0px;
}

	.form-columns li {
		margin:0px;
		width:auto;
		list-style-type:none!important;
		list-style-image:none!important;
		clear:left;
	}
	
		.form-columns input {
			position:static!important;
			width:auto;
			margin:0px 10px 0px 0px;
			float:left;
		}
		
		.form-columns label {
			position:static!important;
			width:auto;
			margin:0px!important;
			font-size:12px;
			font-weight:normal;
			float:left;
		}
		
	.form-columns textarea {
		position:relative;
		float:left;
		clear:both;
	}

.nice-form input[type=checkbox] {
	background:none!important;
}	
	
	
.rating {
}

	.rating li {
		width:24px;
		height:23px;
		margin:0px 0px 0px 5px!important;
		float:left;
		list-style:none!important;
		background:transparent url(../images/star.png);
		cursor:pointer;
	}
	
	.rating li:first-child {
		margin:0px;
	}
		
		.rating span {
			display:none;
		}
		
	.star-active {
		background-position:0px, -23px;
	}
	
#portfolio-text {
	margin:0px 0px 60px 0px;
}