/*
Theme Name: WebsiteUK
Theme URI: http://www.websiteuk.net/
Description: WebsiteUK Wordpress Theme
Version: 1.0
Author: WebsiteUK Ltd - Rose Mckeon
Author URI: http://www.websiteuk.net/
Tags: websiteuk, orange, blue, fixed width, two columns, widgets


*/

* {
padding:0;
margin:0;
}

body {
background: #001b27;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
line-height:1.5em;
color:#4F4F4F;
text-align:center;
}
div#body-wrap {
background:#fff url(web-design-images/bg-x.png) top repeat-x;
}
div#body {
width:970px;
margin:auto;
padding-bottom:30px;
height:auto;
text-align:justify;
position:relative;
}

/* THICKBOX */

#TB_window {
font: 11px Verdana, Arial, sans-serif;
color: #4f4f4f;
line-height:1.4em;
}

#TB_secondLine {
font: 11px Verdana, Arial, sans-serif;
color: #E53F22;
margin-top:10px
}
#TB_window a:link 	{color: #fff; background-color:#E53F22;}
#TB_window a:visited {color: #fff; background-color:#E53F22;}
#TB_window a:hover 	{color: #fff; background-color:#2bc5e5;}
#TB_window a:active 	{color: #fff; background-color:#2bc5e5;}
#TB_window a:focus	{color: #fff; background-color:#2bc5e5;}

#TB_window img#TB_Image {
border:0px;
}
#TB_caption,
#TB_closeWindow{
height:auto;
}
#TB_title {
background-color:#fff;
}
/* STANDARD LINK STYLES - specific nav styles further down */

a:link {
color:#E53F22;
text-decoration:none;
}
a:visited  {
color:#E53F22;
text-decoration:none;
}
a:hover {
color:#2bc5e5;
text-decoration:none;
}	

div#bg-dark-tile a:link,
div#bg-footer a:link {
color:#2bc5e5;
text-decoration:none;
}
div#bg-dark-tile a:visited,
div#bg-footer a:visited {
color:#2bc5e5;
text-decoration:none;
}
div#bg-dark-tile a:hover,
div#bg-footer a:hover {
color:#E53F22;
text-decoration:none;
}

div#more-about-website-uk a:link,
div#more-about-website-uk a:visited {
color:#E53F22;
text-decoration:none;
}
div#more-about-website-uk a:hover {
color:#2bc5e5;
text-decoration:none;
}

ol li a:link {
color:#E53F22;
text-decoration:none;
}
ol li a:visited {
color:#E53F22;
text-decoration:none;
}
ol li a:hover {
color:#2bc5e5;
text-decoration:none;
}

ol li a:link,
ol li a:visited,
ol li a:hover {text-decoration:underline;}

div#bg-dark-tile a:link.button,
div#bg-page-tile a:link.button,
div#bg-dark-tile a:visited.button,
div#bg-page-tile a:visited.button,
#TB_window a:link.button,
#TB_window a:visited.button {
display:inline-block;
min-width:100px;
width:auto;
overflow:hidden;
padding:11px 10px 12px 10px;
line-height:0.6em;
color:#001119;
text-decoration:none;
background: url(web-design-images/orange-button.png) repeat-x;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div#bg-dark-tile a:hover.button,
div#bg-page-tile a:hover.button,
#TB_window a:hover.button{
display:inline-block;
min-width:100px;
width:auto;
overflow:hidden;
padding:11px 10px 12px 10px;
line-height:0.6em;
color:#001119;
text-decoration:none;
background: url(web-design-images/blue-button.png) repeat-x;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#TB_window a:link.button,
#TB_window a:visited.button,
#TB_window a:hover.button,
#TB_window a:hover.button {
padding:10px 10px 12px 10px;
}

/* DEFAULTS AND STANDARD CLASSES */

img {border:0px;}
table {font-size:1em;}
td {vertical-align:top;}
address {font-style: normal;}
acronym {border:none;cursor:help;}

h1 {font-size: 1.4em; font-weight:normal;}
h2, h3, h4, h5, h6 {font-size: 1em; font-weight: bold;clear:both;}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-weight:normal;}

ul {
list-style-type:disc;
text-align:left;
color:#E53F22;
}
li {
color:#4f4f4f;
margin-bottom:8px;
}
p {
margin:8px 0 8px 0;
}

div#tooltip {
position:absolute;
z-index:2000;
margin-left:10px;
width:auto;
max-width:350px;
display:none;
text-align:center;
color:#6c96a8;
border: 1px solid #6c96a8;
background: #fff;
-o-box-shadow: 1px 2px 8px #6c96a8;
-icab-box-shadow: 1px 2px 8px #6c96a8;
-khtml-box-shadow: 1px 2px 8px #6c96a8;
-moz-box-shadow: 1px 2px 8px #6c96a8;
-webkit-box-shadow: 1px 2px 8px #6c96a8;
box-shadow: 1px 2px 8px #6c96a8;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 10px 15px 10px 15px;
}
div#tooltip p {
position:relative;
}
img.tooltip {
position:absolute;
left:-32px;
}
img#websiteuk-logo {
position:absolute;
z-index:10;
right:0px;
}

.fix {padding-top: 0 !important;}

.big-pad {
clear: both;
padding: 30px 0 0 32px;
font-size: 1.4em;
}

.details{display:none;}
.right 	{float:right;}
.left	{float:left;}
.clear	{clear:both;}
.clearL	{clear:left;}
.clearR	{clear:right;}
.clearer{clear:both;height:0px;}

.padding{padding:10px;}
.margin 	{margin:15px;}

.thin 	{width:200px;}
.wide	{width:550px;}
.col 	{width:400px;}
.col p 	{padding:8px 0 8px 0;}

.orange 	{color:#E53F22;}
.blue 	{color:#32C6E4;}
.big       	{font-size:1.4em; line-height:1.4em;}
.bold {font-weight: bold;}

.bigdotsT {
	border-top: 2px dotted #32C6E4;
	margin-top: 8px;
	padding-top:3px;
}
.bigdotsB {
	border-bottom: 2px dotted #32C6E4;
	margin-bottom: 8px;
	padding-bottom:3px;
}
.bigdotsL {
	border-left: 2px dotted #32C6E4;
	margin-left: 8px;
	padding-left:3px;
}
.bigdotsR {
	border-right: 2px dotted #32C6E4;
	margin-right: 8px;
	padding-right:3px;
}

.calluna {
	font-family: Georgia;
	font-weight:normal;
	text-align: left;
	font-size: 3em;
	line-height:1.5em;
	color:#2B4C5A;
}
.huge {
	font-size: 2em;
	line-height:1.4em;
}
.calluna.huge {
	font-size: 5em;
	line-height:1.5em;
}
.calluna b.grew1 {
	font-size: 1.2em;
}
.calluna b.grew2 {
	font-size: 1.4em;
}


/* PAGE STRUCTURE */

div#nav {
background: url(web-design-images/bg-nav.png) top center no-repeat;
height:37px;
position:relative;
z-index:20;
}
div#bg-page-tile {
background: url(web-design-images/bg-page-tile-y.png) top center repeat-y;
min-height:330px;
height:auto;
text-align:center;
position:relative;
overflow: auto;
}
body.page-template-home-php div#bg-page-tile,
body.error404 div#bg-page-tile {
height:445px;
overflow: hidden;
}
div#bg-dark-top {
background: url(web-design-images/bg-dark-top.png) top center no-repeat;
height:9px;
overflow:hidden;
}
div#bg-dark-tile {
background: url(web-design-images/bg-dark-tile-y.png) top center repeat-y;
min-height:100px;
color:#6c96a8;
}
div#bg-dark-tile div.padding {
padding: 10px 40px 10px 40px;
}
div#bg-dark-end {
background: url(web-design-images/bg-dark-end.png) bottom center no-repeat;
height:27px;
overflow:hidden;
}
div#bg-footer {
background: #001b27 url(web-design-images/bg-footer-tile.png) top center repeat-x;
height:auto;
overflow:visible;
}
/* ul.topnav - DROPDOWN NAV styled in /wp-content/plugins/wp_jquery_dropdownmenu/styles.css */




/* BOOKMARK */


a#bookmark {
display:block;
width:64px;
position:absolute;
top:0px;
left: -20px;
z-index:30;
text-align:center;
}
span#bookmark-tile {
display:block;
width:64px;
height:0px;
overflow:hidden;
padding-top:10px;
background: url(web-design-images/bookmark-tile.png) top center repeat-y;
}
span#bookmark-tile img {
filter:alpha(opacity=00);
-moz-opacity: 0.0;
opacity: 0.0;
}
span#bookmark-end {
display:block;
width:64px;
height:95px;
background: url(web-design-images/bookmark-end.png) top center no-repeat;
}

/* BLUE FOLDER BAR */

div#web-folder-bar {
height:74px;
width:951px;
clear: both;
overflow:hidden;
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 0 10px;
z-index:10;
background: url(web-design-images/webuk-folder-bar.png) center bottom no-repeat;
}
div#web-folder-bar-top {
height:74px;
width:951px;
overflow:hidden;
position:absolute;
bottom:0px;
left:-1px;
z-index:0;
background: url(web-design-images/webuk-folder-bar-top.png) left bottom no-repeat;
}

div#bg-dark-tile li {
color: #6c96a8;
}

div#bg-page-tile a.tab {
display:block;
width:152px;
text-align:center;
font-size:1.2em;
color:#fff;
margin:20px 43px 0 0;
padding:8px 0 15px 0;
}
div#bg-page-tile a.tab:visited {
color:#fff;
}
div#bg-page-tile a.tab:hover {
font-weight:bold;
}
div#bg-page-tile a.video-portfolio {
position:absolute;
z-index:10;
right:13px;
bottom:15px;
}


/* PAGES (standard) */

body.page div#bg-dark-tile h1,
h2.top {
background: url(web-design-images/ink-underline.png) left bottom no-repeat;
padding: 0px 0px 24px 32px;
font-weight:normal;
font-size:1.4em;
}

body.page div#bg-page-tile h2 {
font-weight:normal;
font-size:1.4em;
}

body.page div#bg-dark-tile h2.bottom-watermark ,
body.error404 div#bg-dark-tile h2.bottom-watermark{
font-weight:normal;
font-size:7.4em;
color:#001620;
line-height:1em;
text-align:left;
margin:40px 0px 0px 0px;
}
body.error404 div#bg-dark-tile h2.bottom-watermark {
margin:10px 0px 0px 0px;
font-size:10.4em;
}
body.page div#bg-page-tile h3.thought-bubble {
padding:40px 0px 0px 180px;
height:400px;
font-size:1.4em;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
body.page div#bg-page-tile h2.big-head {
padding:140px 0px 0px 340px;
height:160px;
font-size:2.4em;
line-height:2.1em;
font-weight:normal;
text-align:left;
}


div#bg-page-tile div.bg-banner {
height:auto;
margin: 0px 0px 0px 11px;
overflow:hidden;
}

div#bg-dark-tile p.box {
margin: 5px 0px 0px 15px;
padding:10px;
border:1px solid #225369;
float:left;
text-align:left;
width:20%;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div#bg-dark-tile p.box.right {
float:right;
}
div#bg-dark-tile p.box.wider {
width:auto;
float:none;
margin:20px 30px 0px 15px;
}

body.page-id-3 div#bg-page-tile div.bg-banner,
body.page-id-60 div#bg-page-tile div.bg-banner,
body.page-id-62 div#bg-page-tile div.bg-banner,
.question {
background: url(web-design-images/amy-has-questions.jpg) bottom center no-repeat;
}
body.page-id-52 div#bg-page-tile div.bg-banner {
background: url(web-design-images/website-revenue.jpg) bottom left no-repeat;
}
body.page-id-58 div#bg-page-tile div.bg-banner {
background: url(web-design-images/holding-up-email.jpg) bottom center no-repeat;
height:300px;
}

body.page img#telephone,
body.error404 img#telephone{
margin-bottom: -10px;
position:absolute;
bottom: 0;
right:60px;
z-index:10;
}


div#bg-footer div.padding {
padding:80px 0px 50px 0px;
margin:auto;
width:950px;
text-align:center;
color:#3E768F;
font-size:0.9em;
line-height:1.2em;
position:relative;
}
div#bg-footer .dotted {
border-top:1px dotted #00374F;
margin-top:15px;
padding-top:15px;
}
div#bg-footer img#twitter-birds {
position:absolute;
top:-103px;
left:90px;
}


div#bg-footer div.icon-info.padding {
text-align:left;
font-size:1.1em;
line-height:1.5em;
padding:0px 0px 30px 50px;
border-bottom:1px dotted #00374F;
margin-bottom: 15px;
}
div#bg-footer div.icon-info h3.calluna {
color:#E53F22;
}

ul#logos {
list-style-type:none;
width:634px;
padding-top: 50px;
margin-left: 128px;
clear: both;
overflow: auto;
}
ul#logos li{
display:block;
float:left;
width:auto;
}

div#bg-footer ul#logos {
width: 834px;
margin: 0 auto;
padding: 0;
}

div#bg-footer a.normal {
color:#3E768F;
}


/* PORTFOLIO */

div#portfolio {
width:949px;
height:auto;
position:relative;
overflow:hidden;
text-align:left;
}

body.page-template-portfolio-php div.padding {
padding:15px 0px 5px 60px;
position:relative;
text-align:left;
}

body.page-template-portfolio-php div#bg-website-preview {
width:500px;
height:550px;
background: url(web-design-images/portfolio.jpg) bottom right no-repeat;
position:absolute;
bottom:20px;
right:9px;
}
body.page-template-portfolio-php div#website-preview {
width:287px;
height:287px;
position:absolute;
bottom:42px;
right:155px;
}



/*div#portfolio div.padding {
padding:30px 50px 100px 50px;
}*/
body.page-template-portfolio-logos-php div#portfolio div.padding {
padding:35px 150px 70px 60px;
}
body.page-template-portfolio-print-php div#portfolio div.padding {
padding:35px 150px 70px 60px;
}
body.page-template-portfolio-php div#portfolio-information {
width:350px;
min-height:435px;
height:auto;
overflow:visible;
margin:20px 0px 70px 0px;
}
body.page-template-portfolio-php div#portfolio-information  p {
margin-top:10px;
}



div.testimonial-tile {
background: url(web-design-images/bg-testimonial-tile.png) top left repeat-y;
margin-top:20px;
position:relative;
left:-6px;
}
div.testimonial-top {
background: url(web-design-images/bg-testimonial-top.png) top left no-repeat;
}
div.testimonial-end {
background: url(web-design-images/bg-testimonial-end.png) bottom left no-repeat;
padding:10px 40px 25px 20px;
}



a.google-listing {
display:block;
width:110px;
background: url(web-design-images/google-logo.png) left no-repeat;
padding:10px 0px 10px 110px;
margin: 25px 0px 30px 0px;
text-align:left;
}
a.testimonial,
a.maininfo {
display:block;
width:160px;
height:51px;
padding:12px 20px 28px 20px;
text-align:center;
position:absolute;
top:-110px;
right:105px;
z-index:10;
}
a.testimonial {
background: url(web-design-images/bg-testimonial-link.png) top left no-repeat;
}
a.maininfo {
background: url(web-design-images/bg-maininfo-link.png) top left no-repeat;
}
a.maininfo:hover {
background: url(web-design-images/bg-maininfo-link-on.png) top left no-repeat;
}
a.maininfo.details {
display:none;
}


input.portfolio-thumbnails {
width:150px;
height:209px;
overflow:hidden;
border:0px;
float:left;
cursor:pointer;
}


div#portfolio div.logos.margin,
div#portfolio div.stationery.margin {
margin-left: 0px;
position:relative;
left:-5px;
}

div#bg-page-tile div#portfolio div.padding div.logos a {
display:block;
border:1px solid #CFCFCF;
background-color:#fff;
-o-box-shadow: 1px 2px 8px #6c96a8;
-icab-box-shadow: 1px 2px 8px #6c96a8;
-khtml-box-shadow: 1px 2px 8px #6c96a8;
-moz-box-shadow: 1px 2px 8px #6c96a8;
-webkit-box-shadow: 1px 2px 8px #6c96a8;
box-shadow: 1px 2px 8px #6c96a8;
padding:5px;
height:70px;
width:150px;
overflow:hidden;
float:left;
margin:5px;
}
div#bg-page-tile div#portfolio div.padding div.logos a:hover {
border-color: #2bc5e5;
}

div#portfolio div.stationery img {
border:1px solid #CFCFCF;
-o-box-shadow: 1px 2px 8px #6c96a8;
-icab-box-shadow: 1px 2px 8px #6c96a8;
-khtml-box-shadow: 1px 2px 8px #6c96a8;
-moz-box-shadow: 1px 2px 8px #6c96a8;
-webkit-box-shadow: 1px 2px 8px #6c96a8;
box-shadow: 1px 2px 8px #6c96a8;
padding:0px;
overflow:hidden;
margin:5px;
}




/* VIDEO PAGE */


body.page-id-22 div#bg-page-tile { 
overflow: visible;
}

div#video  {
position:relative;
z-index:1;
top:4px;
}

div#choose-video-presenter {
margin-top:40px;
}


/* SEO page */


body.page-id-56 div#bg-page-tile div.bg-banner div.padding {
padding:35px 0px 0px 60px;
text-align:left;
position:relative;
}

body.page-id-56 div#bg-page-tile div.bg-banner div.padding div#bg-who-am-i {
width:500px;
height:550px;
background: url(web-design-images/who-am-i.jpg) bottom center no-repeat;
position:absolute;
bottom:0px;
right:9px;
}
body.page-id-56 div#bg-page-tile div.bg-banner div.padding div#who-am-i{
width:200px;
height:250px;
position:absolute;
top:175px;
left:150px;
}
body.page-id-56 div#bg-page-tile div.bg-banner div.padding p.margin {
margin: 10px 0px 5px 0px;
}
body.page-id-56 div#bg-page-tile div.bg-banner div.padding div.seo {
width:350px;
min-height:400px;
height:auto;
overflow:visible;
margin:20px 0px 70px 0px;
}

/* DOMAIN PAGES */

body.page-id-336 div.bg-banner div.padding {
padding:35px 250px 70px 60px;
}

body.page div#bg-page-tile ul.domains {
list-style-type:none;
margin:50px 0 50px -13px;
overflow:auto;
padding:10px;
}
body.page div#bg-page-tile ul.domains li {
display:block;
border:1px solid #CFCFCF;
background-color:#fff;
-o-box-shadow: 1px 2px 8px #6c96a8;
-icab-box-shadow: 1px 2px 8px #6c96a8;
-khtml-box-shadow: 1px 2px 8px #6c96a8;
-moz-box-shadow: 1px 2px 8px #6c96a8;
-webkit-box-shadow: 1px 2px 8px #6c96a8;
box-shadow: 1px 2px 8px #6c96a8;
float:left;
margin:5px;
}
body.page div#bg-page-tile ul.domains li a {
display:block;
width:auto;
padding:10px;
overflow:hidden;
}

div#domainpages div.padding a.button {
width:160px;
}
div#domainpages div.padding {
padding:35px 0px 0px 60px;
text-align:left;
position:relative;
overflow:auto;
}

div#domainpages div.padding h2 {
font-size:2em;
}

div#domainpages div.padding div#bg-contact-details,
div#domainpages div.padding div#bg-contact-details {
width:500px;
height:750px;
background: url(web-design-images/amy-looks-up.jpg) bottom right no-repeat;
position:absolute;
bottom:0px;
right:9px;
}
div#domainpages div.padding div#contact-details,
div#domainpages div.padding div#contact-details {
width:200px;
height:250px;
position:absolute;
top:175px;
left:150px;
}
div#domainpages div.padding div.quote {
width:350px;
min-height:590px;
height:auto;
overflow:visible;
margin:20px 0px 70px 0px;
}

/* CONTACT PAGES  - and default forms */
/* output messages are styled in wp-content/plugins/contact-form-7 */


body.page-id-64 div#bg-page-tile div.bg-banner div.padding,
body.page-id-66 div#bg-page-tile div.bg-banner div.padding {
padding:35px 0px 0px 60px;
text-align:left;
position:relative;
}

body.page-id-64 div#bg-page-tile div.bg-banner div.padding div#bg-contact-details,
body.page-id-66 div#bg-page-tile div.bg-banner div.padding div#bg-contact-details {
width:500px;
height:750px;
background: url(web-design-images/amy-looks-up.jpg) bottom right no-repeat;
position:absolute;
bottom:0px;
right:9px;
}
body.page-id-64 div#bg-page-tile div.bg-banner div.padding div#bg-contact-details {
margin-bottom: -25px;
}
body.page-id-64 div#bg-page-tile div.bg-banner div.padding div#contact-details,
body.page-id-66 div#bg-page-tile div.bg-banner div.padding div#contact-details {
width:200px;
height:250px;
position:absolute;
top:175px;
left:150px;
}
body.page-id-64 div#bg-page-tile div.bg-banner div.padding p.margin,
body.page-id-66 div#bg-page-tile div.bg-banner div.padding p.margin {
margin: 10px 0px 5px 0px;
}
body.page-id-64 div#bg-page-tile div.bg-banner div.padding div.quote,
body.page-id-66 div#bg-page-tile div.bg-banner div.padding div.quote {
width:350px;
min-height:590px;
height:auto;
overflow:visible;
margin:20px 0px 70px 0px;
}


form input,
form textarea,
form select {
font-size:1.4em;
color: #00AEDA;
padding:1px;
font-family: Verdana,Helvetica,Arial,sans-serif;
border: 1px solid #00AEDA;
border-radius: 3px;
-o-border-radius: 3px;
-icab-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

input.wpcf7-validates-as-required,
input#captcha {
border: 1px solid #E53F22;
color: #E53F22;
}

.wpcf7-captcha-captcha {
vertical-align: middle;
}

input.button {
display:block;
min-width:160px;
width:auto;
overflow:hidden;
padding:8px 10px 10px 10px;
line-height:0.6em;
color:#001119;
text-decoration:none;
background: #00BDE3 url(web-design-images/blue-button.png) repeat-x;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
border:0px;
font-size:1.1em;
cursor:pointer;
-o-box-shadow: 1px 1px 3px #00778F;
-icab-box-shadow: 1px 1px 3px #00778F;
-khtml-box-shadow: 1px 1px 3px #00778F;
-moz-box-shadow: 1px 1px 3px #00778F;
-webkit-box-shadow: 1px 1px 3px #00778F;
box-shadow: 1px 1px 3px #00778F;
margin:20px 0;
}
input:hover.button {
background: #DE410B url(web-design-images/orange-button.png) repeat-x;
}


span.wpcf7-list-item {
display:block;
width:168px;
float:left;
}
span.wpcf7-list-item  input {
border:0px;
padding:0px;
}




/* POSTS */

.post {
margin: 0 0 40px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.post h2, .post h1 {
font-size: 1.4em;
font-weight:normal;
}

.postmetadata {
border: 1px dotted #0C323F;
width:300px;
font-size:0.9em;
line-height:1.3em;
text-align:left;
}

.entry {
margin-left:25px;
}



/*HOMEPAGE*/


#intro {
	font-family: Georgia;
	text-align: left;
	font-size: 2em;
	width: 590px;
	margin: 0 0 0px 90px;
	padding: 50px 0 100px 0;
	color: #2B4C5A;
}

#saymore {
	text-align: left;
	font-size: 1.4em;
	margin: 0;
	padding: 30px 0 0 0;
	color: #2B4C5A;
	overflow: auto;
}

#saymore p {
	padding-left: 32px;
	margin-top: 10px;
}
#saymore .quote {
	margin-top: 0;
}
#saymore .left {
	padding-left: 10px;
}

#see-examples {
	line-height: 41px;
	padding-left: 32px !important;
}

.case {
	clear: both;
	overflow: auto;
	margin-bottom: 5px;
}
.case img {
	float: left;
	padding: 2px;
	background: #001a25;
	border: 1px solid #02384c;
	margin: 0 5px 5px 0;
}

#browsers {
	background: url(web-design-images/browser-icons-small.jpg) bottom center no-repeat;
	padding-bottom: 130px;
}

#intro p {
	padding-bottom: 20px;
	padding-right: 40px;
	line-height: 1.4em;
	font-size:1em;
}

#intro p#once {
	padding: 0;
	font-size: 4.5em;
	font-weight:normal;
	margin-top: -20px;
}
#intro p#twice {
	padding: 0;
	font-size: 5em;
	margin-top: -50px;
	margin-bottom: -5px;
}
#intro p.examples {
padding-top:6px;
}

#intro p.examples.calluna a,
a.calluna {
	font-size: 1em;
	line-height:1.4em;
	font-weight:normal;
	padding:15px 0px 4px 0;
	margin:0 7px 0 0;
}
div#intro a:link.readmore,
div#intro a:visited.readmore,
div#intro a:link.calluna,
div#intro a:visited.calluna,
a:link.calluna,
a:visited.calluna  {
padding-bottom:4px;
}
div#intro a:hover.readmore,
div#intro p.examples.calluna a:hover,
div#intro a:hover.calluna,
div#intro a:hover.calluna,
a:hover.calluna,
a:hover.calluna{
border-bottom:2px dotted #2bc5e5;
padding-bottom:2px;
}

#right {
float: right;
margin-right: 9px;
}

div#more-about-website-uk {
clear:both;
text-align:justify;
background: #fff;
padding: 15px 0 15px 15px;
}

div#more-about-website-uk > p {
padding: 0 15px;
}

div#more-about-website-uk .question {
background-position: 52px 80px;
}

h1#browsers {
background: url(web-design-images/browser-icons-angle.jpg) top right no-repeat;
margin:0 170px 0 10px;
padding: 130px 0 30px 0;
}


div.question {
height:500px;
overflow:hidden;
position:relative;
}
div.question h2 {
margin:80px 0 150px 70px;
}
div.question h3 {
position:absolute;
bottom:10px;
padding:0;
margin:0;
}
div.question p {
width:250px;
margin-left: 50px;
}

ol {
margin:30px 0 0 100px;
list-style-type:none;
}
ol li {
display:block;
float:left;
width:300px;
text-align:left;
margin:10px;
}
ol li.bigdotsL.bigdotsT {
padding-left:15px;
margin-left:10px;
}


div.gradeA {
background: url(web-design-images/apple-with-a-plus.jpg) 50px bottom no-repeat;
padding: 100px 0 0 0;
margin-left:20px;
}
body.page div#bg-page-tile div.gradeA h2.calluna {
padding:0;
font-size:3em;
}
div.gradeA div.margin {
margin: 50px 50px 50px 380px;
padding: 20px;
}



div.seo {
padding: 50px 0 0px 0;
position:relative;
}
div.seo div.margin {
width:455px;
padding: 20px;
position:absolute;
bottom:10px;
margin:0;
}
div.seo div.graph {
width:406px;
height:296px;
background: url(web-design-images/crayon-graph-rise.jpg) left bottom no-repeat;
}
body.page div#bg-page-tile div.seo h2 {
padding:0;
font-size:3em;
}

div#even-more {
padding: 50px 0 0 0;
margin: 0;
}


#bg-light-end {
	height: 9px;
	background: url(web-design-images/bg-light-end.jpg) center no-repeat;
}


a.slide {
display:block;
height:32px;
width:50px;
text-align:right;
padding: 0 30px 0 0;
background: url(web-design-images/down.png) top right no-repeat;
margin: -10px 0 0 -50px;
position:absolute;
z-index:50;
}

div#bg-footer a.balloon {
display:block;
width:50px;
height:33px;
text-align:left;
padding: 0 0 0 30px;
background: url(web-design-images/up.png) bottom left no-repeat;
position:absolute;
top:-33px;
right:-50px;
color:#fff;
}

#main-box-content {
height: 0;
line-height: 0;
overflow: hidden;
clear: both;
}

#quote {
margin-top: 18px;
}

#what-examples {
margin: 18px 10px 8px 0;
font-size: 1.4em;
line-height: 41px;
padding-left: 32px;
}

#what-examples a {
font-size:1em;
font-weight:normal;
line-height:1.4em;
padding:16px 0 4px 0;
}

/* POSTER IMAGE LINKS */

div#web-design-poster {
background: url(web-design-images/web-design-poster.jpg) top center no-repeat;
position:absolute;
top:20px;
left:0px;
height:404px;
width:970px;
overflow:hidden;
}
div#design-links {
width:265px;
height:265px;
margin:auto;
margin-top:100px;
position:relative;
left:4px;
color:#2b4c5a;
font-size:2.2em;
line-height:1.4em;
}
div#design-links b {
font-weight:normal;
}
div#design-links a.med {
font-size:0.8em;
}
div#design-links a.small {
font-size:0.6em;
}
div#design-links a:link {
color:#2b4c5a;
padding:8px;
}
div#design-links a:visited {
color:#2b4c5a;
padding:8px;
}
div#design-links a:hover {
color:#E53F22;
padding:8px;
}
div#design-links a#branding:link,
div#design-links a#hosting:link,
div#design-links a#domain-names:link,
div#design-links a#newsletters:link,
div#design-links a#stationery:link {
color:#576a7c;
}
div#design-links a#branding:visited,
div#design-links a#hosting:visited,
div#design-links a#domain-names:visited,
div#design-links a#newsletters:visited,
div#design-links a#stationery:visited {
color:#576a7c;
}
div#design-links a#branding:hover,
div#design-links a#hosting:hover,
div#design-links a#domain-names:hover,
div#design-links a#newsletters:hover,
div#design-links a#stationery:hover{
color:#E53F22;
}




img.fade-in {
position:absolute;
z-index:5;
}
img.webdesign {
position:absolute;
top:150px;
left:10px;
}

img.branding {
position:absolute;
top:250px;
left:0px;
}

img.hosting {
position:absolute;
bottom:35px;
left:100px;
}

img.e-commerce {
position:absolute;
top:85px;
left:0px;
}

img.domain-names {
position:absolute;
top:100px;
left:610px;
}

img.newsletters {
position:absolute;
bottom:65px;
left:0px;
}

img.people {
position:absolute;
top:8px;
left:45px;
}

img.online-marketing {
position:absolute;
top:150px;
left:550px;
}

img.justdesign {
position:absolute;
top:0px;
left:500px;
}

img.stationery {
position:absolute;
bottom:100px;
right:0px;
}
#examples {
margin:19px 50px 0 0;
}
#quote a {
margin: 0;
}
a.quote {
	margin-top: 10px;
	display: block;
	height: 41px;
	width: 231px;
	background: url(web-design-images/get-free-quote.png) 0 0 no-repeat;
	padding: 0 !important;
}
a.quote:hover {
	background-position: 0 -41px;
}
a.quote:active {
	background-position: 0 -82px;
}

/*newsletter*/

#bg-watercolor {
	text-align:center;
	background: #0CC0E5 url(web-design-images/bg-watercolor.jpg) top center repeat-x;
	overflow: auto;
}
#bg-watercolor div.padding {
padding:40px 0px 50px 0px;
margin:auto;
width:950px;
text-align:left;
color:#3E768F;
overflow: auto;
}

.widget{
	overflow: auto;
	width:435px;
	margin:auto;
	padding:10px 0 10px 0;
	text-align:left;
	float:left;
}
.widget h3 {
	font-family: Georgia;
	font-weight:normal;
	text-align: left;
	font-size: 3em;
	padding:0 0 10px 0;
	margin:0 0 30px 0;
	border-bottom: 2px dotted #32C6E4;
}
.widget p {
padding-bottom:5px;
}
.widget p.description {
padding-bottom:20px;
}
.widget label {
display:block;
float:left;
width:100px;
text-align:right;
margin-right:10px;
}

#text-3 {
margin-right:80px;/*
padding-bottom:380px;
background: url(web-design-images/email-newsletter.png) bottom center no-repeat;*/
}

#text-3 div.wpcf7 {
width:275px;
margin:auto;
}
#text-3 br {
	display: none;
}

#text-3 input {
	width: 150px;
}

#rss-3 ul {
width: 425px;
overflow:hidden;
}
#rss-3 li{
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*border:2px solid #39CDE7;
background: #C5F2F8;*/
padding:0;
color:#2B4C5A;
margin:10px;
list-style-type:none;
}
#rss-3 li a,
#rss-3 li a:link,
#rss-3 li a:visited {
text-decoration:none;
color:#2B4C5A;
padding:15px;
display:block;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-box-shadow: 1px 1px 3px #00778F;
-icab-box-shadow: 1px 1px 3px #00778F;
-khtml-box-shadow: 1px 1px 3px #00778F;
-moz-box-shadow: 1px 1px 3px #00778F;
-webkit-box-shadow: 1px 1px 3px #00778F;
box-shadow: 1px 1px 3px #00778F;
}
#rss-3 li a:hover,
#rss-3 li a:active {
color:#0CC0E5;
background:#fff;
text-decoration:none;
}

span.rss-date {
display:block;
text-align:right;
margin:0;
padding:2px 0 2px 0;
text-shadow: 0.5px 0.5px 0px #6FEAFF;
}

/* not in local */
p.clear {padding-left: 32px;}