/*

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:left;

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 h1 a:link {

	font-weight:bold;

}

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: 17px; 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;}



.inline {display:inline;}



.padding{padding:10px;}

.margin 	{margin:15px;}



.thin 	{width:200px;}

.wide	{width:550px;}

.col 	{width:375px;}

.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;

}

body.home div#bg-dark-tile p {

	font-size: 14px;
	line-height:24px;

}


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,
div.dark-title {

background: url(web-design-images/ink-underline.png) left bottom no-repeat;

padding: 0px 0px 24px 32px;

font-weight:normal;

font-size:17px;

}

body.page div#bg-dark-tile div.dark-title h1 {

background:none;

font-size:17px;

padding:0;

}

body.page div#bg-dark-tile div.dark-title h2 {

font-weight:normal;
font-size:17px;

}



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;

}


#tweetandlike-heading {

line-height:24px;

font-size:17px;

margin: 0 30px;

}

.tweetandlike-container {

margin: 20px 30px;

}


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 {

font-size:14px;

line-height:24px;

text-align:left;

float:none;

margin:20px 30px 40px 30px;

}

div#bg-dark-tile p.box.right {

float:right;

width:20%;

}




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:280px;

}





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;

}

div.portfolio-controls {

font-size:27px;

position:absolute;

top:20px;

right:20px;

}

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:0px;

right:0px;

}

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,
a.portfolio-thumbnails {

display:block;

text-indent:999px;

line-height:999px;

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.parent-pageid-27 div#bg-page-tile div.bg-banner div.padding {

padding:35px 0px 0px 60px;

text-align:left;

position:relative;

}

body.parent-pageid-27 div#bg-page-tile div.bg-banner div.padding div.job {

width:500px;

}



body.parent-pageid-27 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.parent-pageid-27 div#bg-page-tile div.bg-banner div.padding div#bg-contact-details {

margin-bottom: -25px;

}



body.parent-pageid-27 div#bg-page-tile div.bg-banner div.padding div#contact-details {

width:200px;

height:250px;

position:absolute;

top:175px;

left:150px;

}

body.parent-pageid-27 div#bg-page-tile div.bg-banner div.padding p.margin {

margin: 10px 0px 5px 0px;

}



body.parent-pageid-27 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,

select.wpcf7-validates-as-required {

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: 17px;

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 > 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:333px;

height:296px;

background: url(web-design-images/crayon-graph-rise.jpg) center 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: 48px;

}



#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.nominet {

position:absolute;

top:12px;

left:45px;

}

iframe.facebook {

position:absolute;

top:12px;

left:130px;

}



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:20px 0px 50px 0px;

margin:auto;

width:950px;

text-align:left;

color:#3E768F;

overflow: auto;

}



.widget {

	overflow:hidden;

	position:relative;

	padding:10px 0 10px 0;

	text-align:left;

	float:none;

}

.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 #0B87A0;

}

#text-4.widget h3 {

	border-bottom: 2px dotted #32C6E4;

}
a.freeindex {

	position:absolute;

	right:0px;

	top:-4px;

	font-family: Georgia;

	font-weight:normal;

	font-size: 3em;

	z-index:10;

}

a.twitter {

	width:184px;

	height:39px;

	display:block;

	margin: 10px 60px 0 0;

	text-indent:999px;

	line-height:999px;

	overflow:hidden;

	float:right;

	background: url(web-design-images/twitter.png) top left no-repeat;

}


.widget p a:hover {

	color:#fff;

}




.widget p {

padding-bottom:5px;

}

.widget p.testimonial {

font-size:17px;
line-height:24px;
text-align:center;

}




/* not in local */

p.clear {padding-left: 32px;}