/*
Theme Name: Website Design Brighton update
Theme URI: http://www.websitedesignbrighton.com
Description: The Theme for Website Design Brighton
Version: 1.1 (WP2.7.4)
Author: Sean Blakeley
Author URI: http://www.seanblakeley.co.uk
Tags: Brighton Web Design, Website Design Brighton
*/

/* CSS Reset */
	html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	color: #faeada;
	font-family: inherit;
	vertical-align: baseline;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", Arial, serif;
font-size: 15px;
}

a:focus, a.active {
outline:none
}

ol, ul {
	list-style: none;
}

a {
text-decoration: none;
}

img a {
border: none;
}

img a:hover {
border: none;
}

html, body {
width: 100%;
height: 100%;
background: url(images/bg_main.jpg) no-repeat bottom right #000;
overflow: hidden;
}

h1 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
color: #fdeede;
font-weight: normal;
font-size: 30px;
height: 45px;
margin: 10px 0 5px 0;
}

h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
color: #fdeede;
font-weight: normal;
font-size: 18px;
height: 37px;
margin: 10px 0 5px 0;
}


h2 a {
position: relative;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
color: #fdeede;
font-weight: normal;
font-size: 18px;
height: 37px;
display: block;
}

h2 a:hover {
color: #fff;
}

h4 {
font-size: 10px;
margin-bottom: 10px;
}

.homepage-list-details {
margin: -23px 0 0 50px;
z-index: -1;
color: #fff;

}

.brighton-web-design-icon a{
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 0 no-repeat;
}

.brighton-web-design-icon a:hover{
height: 37px;
background: url(images/wdb-icons.gif) 0 -37px no-repeat;
}

.our-prices-icon a{
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -74px no-repeat;
}

.our-prices-icon a:hover{
height: 37px;
background: url(images/wdb-icons.gif) 0 -111px no-repeat;
}

.ten-years-experience-icon a{
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -148px no-repeat;
}

.ten-years-experience-icon a:hover{
height: 37px;
background: url(images/wdb-icons.gif) 0 -185px no-repeat;
}

.personal-touch-icon a{
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -222px no-repeat;
}

.personal-touch-icon a:hover{
height: 37px;
background: url(images/wdb-icons.gif) 0 -259px no-repeat;
}

.environmentally-friendly-icon a{
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -296px no-repeat;
}

.environmentally-friendly-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -333px no-repeat;
}

.competitive-prices-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -370px no-repeat;
}

.competitive-prices-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -407px no-repeat;
}

.guaranteed-price-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -444px no-repeat;
}

.guaranteed-price-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -481px no-repeat;
}

.flexible-price-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -518px no-repeat;
}

.flexible-price-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -555px no-repeat;
}

.training-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -592px no-repeat;
}

.training-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -629px no-repeat;
}

.support-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -666px no-repeat;
}

.support-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -703px no-repeat;
}

.website-design-and-redesign-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -740px no-repeat;
}

.website-design-and-redesign-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -777px no-repeat;
}

.website-hosting-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -1183px no-repeat;
}

.website-hosting-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -1220px no-repeat;
}

.content-management-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -888px no-repeat;
}

.content-management-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -925px no-repeat;
}

.website-functionality-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -962px no-repeat;
}

.website-functionality-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -999px no-repeat;
}


.search-engine-optimisation-icon a {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -1036px no-repeat;
}


.search-engine-optimisation-icon a:hover {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -1073px no-repeat;
}

.homepage-list {
margin: 30px 0;
}

#brighton-seaside {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}

#background-close {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
background: #000;
}

#main-container, #main-container-background {
position: absolute;
top: 0;
width: 175px;
height: 100%;
overflow: hidden;
}

#single-page-main-container {
position: absolute;
top: 10%;
left: 50%;
height: 80%;
width: 550px;
margin-left: -190px;
}

#single-page-background {
position: absolute;
top: 10%;
left: 50%;
height: 80%;
width: 700px;
margin-left: -265px;
border: solid 1px #fdeede;
background: url(images/single-page-bg.jpg) center center no-repeat #000;
}

#main-container-background {
background: #000;
}

#main-content-background {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 0px;
background: url(images/home-page-bg.jpg) center center no-repeat #000;
}

#main-content {
z-index: 10;
}

#single-page-navigation {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 175px;
}

#single-page-navigation-background {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 175px;
background: #000;
}

#navigation {
position: absolute;
right: 0;
top: 60px;
width: 175px;
text-align: right;
}

#navigation ul {
margin-right: 20px;
}

#navigation ul li a, .selected-nav {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
font-size: 18px;
line-height: 26px;
}

.selected-nav {
color: #FF8302;
}

.selected-sub-nav {
font-size: 12px;
color: #fff;
line-height: 14px;
margin: 0 0 8px 2px;
}

.news-image-thumb {
margin-right: 10px;
width: 50px;
height: 50px;
display: block;
float: left;
border: solid 1px #faeada;
overflow: hidden;
background: url(images/thumbs/news-default-thumb.jpg) no-repeat #000;
}

.news-headline a {
font-size: 24px;
line-height: 28px;
color: #fdeede;
}

.news-headline a:hover {
font-size: 24px;
color: #fff;
border-bottom: solid 2px #FF8302;
}

.news-details {
margin: 5px 0 20px 0;
}

.content-link-container ul{
float: left;
}

.content-news-container ul{
float: left;
width: 295px;
}

.single-content-news-container ul{
float: left;
width: 360px;
}

.content-header-link a {
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
}

.unselected a{
color: #fdeede;
}

.unselected a:hover {
color: #fff;
}

.selected a{
color: #ff8302;

}

#website-design-brighton-logo, #website-design-brighton-logo-sub {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 75px;
height: 39px;
margin: 10px 20px 0 0;
}

.sub-unselected, #latest-sub-header, #about-sub-header, #what-sub-header, #how-sub-header, #cost-sub-header, #news-sub-header, #contact-sub-header, .content-sub-header-link {
color: #999;
font-size: 12px;
line-height: 14px;
margin: 0 0 8px 5px;
}

.content-sub-header-link {
color: #999;

}

.sub-selected {
font-size: 12px;
color: #fff;
line-height: 14px;
margin: 0 0 8px 20px;
}

#footer {
position: absolute; 
bottom: 10px;
right: 0px;
}

#last-updated, #copyright {
margin-right: 20px;
text-align: right;
color: #fff;
font-size: 12px;
line-height: 14px;
}

#site-in-brief {
margin-right: 20px;
text-align: right;
font-size: 12px;
line-height: 14px;
cursor: pointer;
}

#wp-email-button {
cursor: pointer;
}

#email-a-friend {
position: relative;
top: 20px;
margin-right: 20px;
text-align: right;
font-size: 12px;
line-height: 14px;
cursor: pointer;
}

#page-content {
position: relative;
height: 100%;
width: 0px;
overflow: hidden;
}

#latest-work-section, #about-us-section, #what-we-do-section, #how-we-work-section, #cost-section, #wdb-news-section, #contact-us-section {
position: absolute;
margin-top: 5px;
left: 40px;
width: 495px;
height: 100%;
overflow: hidden;
}

#close-btn {
position: absolute;
top: 24px;
left: 760px;
}

#close-btn a {
text-indent: -99999px;
width: 15px;
display: block;
overflow: hidden;
height: 23px;
background: url(images/close-btn.gif) 0 0 no-repeat;
}

#close-btn a:hover {
background: url(images/close-btn.gif) 0 -23px no-repeat;
}

.image-info-header {
padding: 5px 5px 2px 10px;
}

 .image-info-header a {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
font-size: 18px;
line-height: 20px;
color: #faeada;
letter-spacing: -1px;
}

 .image-info-header a:hover {
 color: #fff;
border-bottom: solid 1px #ff8302;
}

.image-info-content p{
color: #fff;
margin: 10px 10px;
line-height: 16px;
font-size: 12px;
}

.single-image-info-status {
clear: left;
}

.image-info-status {
color: #ff8302;
margin: 0 0 0 10px;
}

.single-image-info-status {
color: #ff8302;
margin: 10px 0;
}

.image-info-status a, .single-image-info-status a {
background: url(images/wdb-buttons.gif) 0 -48px no-repeat;
width: 89px;
height: 24px;
margin-top: 5px;
display: block;
text-indent: -99999px;
}

.image-info-status a:hover, .single-image-info-status a:hover {
background: url(images/wdb-buttons.gif) 0 -72px no-repeat;
border-bottom: none;
}

.page-header {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
width: 565px;
border-bottom: solid 1px #ff8302;
padding-bottom: 5px;
font-size: 48px;
line-height: 60px;
color: #fdeede;
letter-spacing: -4px;
}

.single-page-header {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
border-bottom: solid 1px #ff8302;
padding-bottom: 5px;
font-size: 48px;
line-height: 60px;
color: #fdeede;
overflow: hidden;
margin: 10px 0;
letter-spacing: -4px;
width: 550px;
}

#single-page-content {
margin: 0 0;
width: 550px;
}

#single-page-content p {
line-height: 20px;
margin-bottom: 16px;
}

.page-header a {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
width: 565px;
border-bottom: solid 1px #ff8302;
padding-bottom: 5px;
font-size: 48px;
line-height: 60px;
color: #fdeede;
letter-spacing: -4px;
}

.page-header a:hover {
color: #fff;

}

.page-content {
margin-top: 15px;
line-height: 20px;
color: #ccc;
width: 490px;
margin-left: -200%;
height: 85%;
overflow: auto;
}

.page-content p{
margin-bottom: 10px;
font-weight: normal;
}

.single-page-content img a {
border-bottom: none;
}

.page-content p a, #single-page-content p a, #signature p a, .author a {
color: #fff;
border-bottom: solid 1px #ff8302;
padding-bottom: 1px;
}

.page-content h3 {
position: relative;
top: -15px;
}

.content-header-link {
margin-bottom: 5px;
}

.content-header-link a, .page-title a, #error-404 p a {
color: #ff8302;
padding-bottom: 1px;
}

.page-content img a {
border-bottom: none;
}

.page-content p a:hover, #single-page-content p a:hover, #signature p a:hover, .content-header-link a:hover, .page-title a:hover, #error-404 p a:hover, .author a:hover {
color: #ff8302;
border-bottom: solid 1px #fff;
}

#menu {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 250px;
background: #000;
z-index: 10;
}

#large-image {
border: solid 1px #faeada;
width: 379px;
height: 275px;
margin-left: 58px;
}

#large-image1, #large-image2, #large-image3, #large-image4, #large-image5, #large-image6, #large-image7, #large-image8, #large-image9, #large-image10 {
position: absolute;
overflow: hidden;
}

#wdb-large-logo {
position: absolute;
width: 379px;
height: 275px;
background: #000;
}
 #availability {
 position: absolute;
 background: #ff8302;
margin: 100px 0 0 52px;
 text-align: center;
 font-size: 18px;
 color: #000;
 font-weight: bold;
  border: solid 2px #faeada;
 line-height: 22px;
 height: 44px;
 width: 255px;
 padding: 10px;
 display: block;
 }
  
#wdb-large-logo img {
margin: 17px 0 0 16px;
}

.image-info-bg {
position: absolute;
top: 0px;
left: -190px;
background: #000;
width: 189px;
height: 275px;
overflow: hidden;
}

#image-info1, #image-info2, #image-info3, #image-info4, #image-info5, #image-info6, #image-info7, #image-info8, #image-info9, #image-info10 {
position: absolute;
top: 0px;
left: -190px;
width: 189px;
height: 275px;
overflow: hidden;
}

#thumbnail1, #thumbnail2, #thumbnail3, #thumbnail4, #thumbnail5, #thumbnail6, #thumbnail7, #thumbnail8, #thumbnail9, #thumbnail10 {
background: url(images/portfolio/thumbs/default.jpg);
}

#thumbnails {
margin: 5px 0 0 34px;
}

#thumbnails ul li {
float: left;
margin: 10px 10px 0 0;
}

#thumbnails ul li a{
display: block;
height: 54px;
width: 75px;
}

.thumbnail-selected {
border: solid 1px #ff8302;
}

.thumbnail-unselected {
border: solid 1px #fff;
}



.date {
clear: both;
float: left;
margin-right: 10px;
line-height: 50px;
font-size: 30px;
color: #faeada;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -2px;
width: 110px;
}

.author {
position: relative;
top: -10px;
clear: left;
font-size: 12px;
padding-bottom: 1px;
}

#comments {
position: absolute;
top: 10px;
right: 10px;
background: #000;
padding: 5px;
color: #fff;
font-size: 10px;
border: solid 1px #fff;
}

#sean-blakeley {
float: left;
height: 125px;
overflow: hidden;
width: 100px;
margin: 5px 20px 10px 0;
}

#experience {
float: right;
width: 150px;
margin: 10px 0 10px 10px;
}

#years-experience {
float: left;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
display: inline;
color: #ff8302;
line-height: 75px;
font-size: 70px;
border-right: solid 1px #444;
padding: 0 10px 0 5px;
letter-spacing: -8px;
font-weight: bold;
background: #111;
}

#experience-details {
color: #999;
padding-left: 10px;
margin-top: -10px;
overflow: hidden;
font-size:11px;
line-height: 16px;
}

#scrollbox {
color: #fff;
overflow:auto;
font-size: 12px;
height: 100%;
width: 633px;
}

#cookie {
position: absolute;
top: 20px;
right: 20px;
background: #fff;
}


#cookie2 {
position: absolute;
top: 70px;
right: 20px;
background: #ff8302;
}

.opening-paragraph p{
font-weight: bold;
color: #fff;
}

#signature {
float: left;
padding-bottom: 5px;
}

#signature a {
font-size: 16px;
}

.telephone {
color: #ff8302;
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
letter-spacing: -1px;
}

.telephone img{
margin-right: 10px;
}

.more-btn {
float: right;
margin: 10px 0;
text-indent: -99999px;
}

.more-btn a {
background: url(images/wdb-buttons.gif) 0 0 no-repeat;
width: 70px;
height: 24px;
display: block;
}

.btn {
text-indent: -99999px;
font-size: 15px;
line-height: 24px;
height: 24px;
width: 68px;
border: none;
overflow: hidden;
background: url(images/wdb-buttons.gif) 0 -144px no-repeat;
color: #ccc;
}

.btn a:hover {
background: url(images/wdb-buttons.gif) 0 -168px no-repeat;
}

.more-btn a:hover {
background: url(images/wdb-buttons.gif) 0 -24px no-repeat;
}

.small-more-btn {
position: absolute;
bottom: 10px;
right: 10px;
text-indent: -99999px;
}

.small-more-btn a {
background: url(images/wdb-buttons.gif) 0 0 no-repeat;
width: 70px;
height: 24px;
display: block;
}

.small-more-btn a:hover {
background: url(images/wdb-buttons.gif) 0 -24px no-repeat;
}
.transcript-btn {
margin: 10px 0;
text-indent: -99999px;
}

.transcript-btn a {
background: url(images/wdb-buttons.gif) 0 -96px no-repeat;
width: 99px;
height: 24px;
display: block;
}

.transcript-btn a:hover {
background: url(images/wdb-buttons.gif) 0 -120px no-repeat;
}

.dna-btn {
margin: 10px 0;
text-indent: -99999px;
}

.dna-btn a {
background: url(images/dna-btn.gif) 0 0 no-repeat;
width: 103px;
height: 23px;
display: block;
}

.dna-btn a:hover {
background: url(images/dna-btn.gif) 0 -23px no-repeat;
}

#form-send, #wp-email-submit, #submit {
margin: 10px 0;
width: 68px;
height: 24px;
display: block;
text-indent: -99999px;
background-image: url(images/send-btn-up.gif);
overflow: hidden;
}

.clear-both {
clear: both;
height: 10px;
display: block;
}

.cost-box {
float:left;
position: relative;
height: 200px;
width: 167px;
margin: 10px 0 0 5px;
background: url(images/design-box.gif) no-repeat;
}

.cost-box-header, .price {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
font-size: 18px;
line-height: 26px;
color: #fff;
}

.cost-box-header {
padding: 5px 0 0 10px;
}

.price {
position: absolute;
bottom: 25px;
left: 0px;
width: 167px;
text-align: center;
}

.cost-feature {
margin-left: 10px;
}

.cost-feature a {
color: #fff;
}

.cost-feature a:hover{
border-bottom: solid 2px #ff8302; 
}

#form-name, #form-email, #message-area, #yourname, #youremail, #yourremarks, #friendname, #friendemail, #imageverify, #comment, #author, #email, #url {
position: relative;
background: #faeada;
font-size: 20px;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", Arial, serif;
border: solid 1px #fff;
font-weight: bold;
color: #333;
}

#call-name, #call-num {
position: relative;
background: #faeada;
font-size: 20px;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", Arial, serif;
border: solid 1px #fff;
font-weight: bold;
color: #333;
width: 185px;
margin: 5px;
line-height: 20px;
}

#call-back-close-btn {
float: right;
margin: 5px 10px;
font-size: 12px;
color: #faeada;
}

#call-back-sticker {
position: absolute;
top: 12px;
left: 12px;
width: 125px;
height: 125px;
background: url(images/call-back-sticker.gif) no-repeat;
}

#call-back-form {
clear: right;
float: right;
width: 250px;
}

#call-send {
margin: 10px 0 0 50px;
width: 68px;
height: 24px;
display: block;
text-indent: -99999px;
background-image: url(images/send-btn-up.gif);
}

#yourremarks {
width: 495px;
}

#form-name, #form-email, #message-area, #yourname, #youremail, #friendname, #friendemail {
width: 490px;
}

#message-area {
height: 90px;
}

#comment, #author, #email, #url {
width: 135px;
}

#imageverify {
margin-left: 15px;
}

#message-area, #yourremarks, #yourname, #youremail, #friendname, #friendemail, #imageverify, #comment, #comment, #author, #email, #url {
margin: 5px 0 15px 0;
}
#tooltip{
position:absolute;
border: solid 2px #fff; 
color: #fff;
background: #ff8302;
font-weight: bold;
padding:3px 5px;
display:none;
z-index: 100;
}	

.clear-left {
clear: left;
}

.portfolio-content-box {
position: relative;
width: 548px;
background: #000;
height: 297px;
border: solid 1px #faeada;
}

.portfolio-brighton-web-design-icon {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 0 no-repeat;
}

.portfolio-brighton-website-design-icon {
height: 37px;
padding-left: 40px;
background: url(images/wdb-icons.gif) 0 -1184px no-repeat;
}

.portfolio-brighton-web-design-icon, .portfolio-brighton-website-design-icon {
font-size: 18px;
line-height: 37px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
color: #fdeede;
font-weight: normal;
margin: 10px 0 0 0;
}

.portfolio-float-right {
position: relative;
float: right;
margin: 10px 10px 0 0;
width: 135px;
height: 278px;
overflow: hidden;
}

.portfolio-technology {
position: absolute;
width: 135px;
bottom: -10px;
}

.news-float-left, .technology-float-left, .single-page-float-left   {
clear: left;
float: left;
width: 193px;
overflow: hidden;
margin-top: 20px;
}

.news-content-float-left, .technology-content-float-left, .single-page-content-float-left {
float: left;
width: 320px;
margin: 10px 0 0 30px;
overflow: hidden;
}

.single-page-content-float-left h2 {
margin: 0 0 10px 0;
height: 24px;
}

.portfolio-btns {
margin-top: 20px;
}

.portfolio-details-container {
background: #ff8302;
margin-top: 30px;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.img-left {
clear: left;
float: left;
margin: 5px 10px 10px 0;
}

.img-left img a:hover{
border-bottom: none;
}

#wpcf7-form {
margin-top: 10px;
}

.news-image, .technology-image, .single-page-image {
clear: left;
float: left;
margin: 0 20px 5px 0;
width: 189px;
height: 137px;
overflow: hidden;
border: solid 1px #faeada;
background: url(images/news/news-default.jpg) no-repeat;
}

.inpost-image {
clear: left;
float: left;
margin: 0 0px 5px 95px;

}
.portfolio-image {
float: left;
margin: 10px;
width: 379px;
height: 275px;
overflow: hidden;
border: solid 1px #ff8302;
background: url(images/portfolio/medium-sized/wdb-medium-logo.jpg) no-repeat;
}

.portfolio-image a:hover{
border: solid 2px #ff8302;
}

.page-title a{
clear: both;
margin: 30px 0 20px 0;
font-size: 30px;
}

.portfolio-title, .portfolio-title a {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
font-size: 24px;
line-height: 30px;
color: #fff;
letter-spacing: -1px;
padding-bottom: 1px;
}

.portfolio-title a:hover {
border-bottom: solid 1px #ff8302;
}

.portfolio-rollover-container {
position: absolute;
top: 11px;
left: 11px;
height: 275px;
width: 379px;
overflow: hidden;
z-index: 500;
background: url(images/empty.gif);
}

.portfolio-website-info-bg {
position: absolute;
top: 0px;
left: 0px;
height: 275px;
width: 190px;
overflow: hidden;
margin-left: -190px;
background: #fff;
}

.portfolio-design-info-bg {
position: absolute;
top: 0px;
right: 0px;
height: 275px;
width: 190px;
background: #000;
overflow: hidden;
margin-right: -190px;
}

.portfolio-website-info-content {
position: absolute;
top: 0px;
left: 0px;
color: #000;
height: 275px;
width: 170px;
display: block;
padding: 60px 10px 10px 10px;
font-size: 12px;
line-height: 16px;
overflow: hidden;
margin-left: -190px;
}

.portfolio-design-info-content {
position: absolute;
top: 0px;
right: 0px;
height: 275px;
width: 170px;
display: block;
padding: 60px 10px 10px 10px;
font-size: 12px;
line-height: 16px;
overflow: hidden;
margin-right: -190px;
}

.website-details-top-graphic {
position: absolute;
width: 34px;
height: 37px;
overflow: hidden;
margin-left: 68px;
margin-top: -45px;
background: url(images/website-details-top-graphic.gif) no-repeat;
}

.design-details-top-graphic {
position: absolute;
width: 34px;
height: 37px;
margin-top: -45px;
overflow: hidden;
margin-left: 68px;
background: url(images/wdb-icons.gif) 0 -37px no-repeat;
}

hr {
color: #909090;
width: 550px;
overflow: hidden;
margin: 15px 0;
height: 2px;
}

#first-website {
float: right;
margin: 10px 0 10px 10px;
}

.image-caption-right, .image-caption-left {
margin-top: 2px;
font-size: 11px;
text-align: center;
border: solid 1px #fff;
background: #ff8302;
width: 113px;
padding: 5px;
}

.image-caption-right{
clear: right;
float: right;
}

.image-caption-left{
clear: left;
float: left;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	width: 10px;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(images/selector-trans.gif) no-repeat;
	cursor: pointer;
	width: 12px;
	height: 13px;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -99999px;
	overflow: hidden;
	height: 9px;
	width: 12px;
	background:url(images/scroll-arrows.gif) 0 0 no-repeat;
	height: 9px;
}
a.jScrollArrowUp:hover {
	height: 9px;
	width: 12px;
	background:url(images/scroll-arrows.gif) 0 -9px no-repeat;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -99999px;
	overflow: hidden;
	height: 9px;
	width: 12px;
	background:url(images/scroll-arrows.gif) 0 -18px no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
		height: 9px;
	width: 12px;
	background:url(images/scroll-arrows.gif) 0 -27px no-repeat;
}


#error-404 {
position: absolute;
left: 200px;
bottom: 30px;
color: #fff;
z-index: 10;
}

#error-404 p, #error-404 p a{
font-size: 24px;
}

#starting-price {
margin: 0 4px;
font-size: 24px;
color: #ff8302;
font-weight: bold;
}

.single-quote {
position: relative;
width: 316px;
height: 40px;
margin: 10px 0;
display: block;
background: #faeada;
border: solid 2px #FF8302;
}



#telehone {
position: absolute;
top: 0px;
right: 20px;
height: 50px;
width: 208px;
}

.quote-call {
position: absolute;
text-align: right;
top: 0px;
right: 10px;
height: 40px;
width: 200px;
line-height: 40px;
color: #000;
}

.quote-callback {
position: absolute;
text-align: right;
top: 0px;
right: 10px;
height: 40px;
width: 200px;
line-height: 40px;
color: #000;

}
.quote-call a{
display: block;
}

.quote-callback a {
display: block;
}

.call-back {
margin-top: -15px;
}

.call-back a {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
color: #fdeede;
font-weight: normal;
font-size: 18px;
line-height: 37px;
display: block;
height: 37px;
padding-left: 40px;
letter-spacing: -1px;
height: 37px;
background: url(images/wdb-icons.gif) 0 -1110px no-repeat;
}

.call-back a:hover {
padding-left: 40px;
color: #fff;
background: url(images/wdb-icons.gif) 0 -1147px no-repeat;
}

.how-video a{
width: 495px;
height: 297px;
overflow: hidden;
display: block;
text-indent: -99999px;
background: url(images/video.jpg) no-repeat #000;
}

.how-video a:hover {
width: 495px;
height: 297px;
overflow: hidden;
background: url(images/video.jpg) 0 -297px no-repeat #000;
}

#contact-overlay, #brief-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
z-index: 100;

}

#contact-overlay-box {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 150px;
margin: -100px 0 0 -200px;
background: #000;
border: solid 2px #FF8302;
z-index: 110;
display: none;
}

#brief-overlay-box {
position: absolute;
top: 50%;
left: 50%;
width: 760px;
height: 500px;
margin: -250px 0 0 -380px;
background: #000;
border: solid 2px #fdeede;
z-index: 110;

}

#brief-content-left {
float: left;
width: 340px;
margin-left: 20px;
}

#brief-content-right {
float: left;
width: 360px;
margin-left: 20px;
}
 
#brief-content-left h3 a, #brief-content-right h3 a, .single-page-content-float-left h3 a{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
color: #fdeede;
font-weight: normal;
font-size: 18px;
line-height: 26px;
}

#brief-content-left h3 a:hover, #brief-content-right h3 a:hover, .single-page-content-float-left h3 a:hover{
color: #fff;
}

#brief-content-left p, #brief-content-right p {
margin: 0 0 15px 0;
}

#brief-content-left p a, #brief-content-right p a {
color: #fff;
border-bottom: solid 1px #ff8302;
padding-bottom: 1px;
}

#brief-content-left p a:hover, #brief-content-right p a:hover {
color: #ff8302;
border-bottom: solid 1px #fff;
}

#brief-page-header {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Trebuchet, Verdana, sans-serif;
width: 720px;
margin: 10px 20px;
border-bottom: solid 1px #ff8302;
padding-bottom: 5px;
font-size: 48px;
line-height: 60px;
color: #fdeede;
letter-spacing: -4px;
}

#brief-close-btn {
position: absolute;
top: 10px;
right: 20px;
font-size: 12px;
color: #faeada;
}

.validation {
float: right;
margin-left: 10px;
}

.brief-quote {
position: relative;
width: 350px;
height: 40px;
margin: 20px 0;
display: block;
background: #faeada;
border: solid 2px #FF8302;
}

#site-in-brief {
position: absolute; 
bottom: 40px;
right: 0px;
}

#loading-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
z-index: 500;
}

#loading-gif {
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -15px;
}

#bottom-info-bar {
position: absolute;
bottom: 0px;
right: 0px;
width: 350px;
height: 50px;
margin-right: 10px;
}

#like-our-site-box {
position: absolute;
bottom: 60px;
right: 20px;
text-align: right;
}

#send-to-a-friend-btn-on-page, #comments-btn-on-page {
position: relative;
top: -15px;
text-align: left;
background: url(images/wdb-buttons.gif) 0 -210px no-repeat;
height: 18px;
width:135px;
display: block;
}

#send-to-a-friend-btn a, #comments-btn a {
position: relative;
top: -15px;
text-align: left;
background: url(images/wdb-buttons.gif) 0 -192px no-repeat;
height: 18px;
width:135px;
display: block;
}

#send-to-a-friend-btn a:hover, #comments-btn a:hover {
color: #FF8302;
background: url(images/wdb-buttons.gif) 0 -210px no-repeat;
}

#comments-boxes-bg {
position: fixed;
top: 0px;
right: 0px;
width: 175px;
height: 100%;
background: #000;
}

#comments-boxes-content {
position: fixed;
top: 20px;
right: 20px;
width: 135px;
height: 100%;
}
.reply {
display: none;
}

#verifyimage {
float: left;
margin: 8px 20px 0 0;
}

#wp-email-button {
float: left;
text-indent: -999999px;
}