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

/*********************************************/
/* WebCatch Styles by WebCatch.co.uk 2009    */
/*********************************************/ 

*, body, html, img {
	font-size:1em;
	padding:0;
	margin:0;
}

body {
	margin: 0;
	padding:0;
	color:#4D555B;
	background-color: #fff;
	font:0.9em Arial, Helvetica, sans-serif;
	text-align:center;
}

img {
	border: none;
}

.right {
	float:right;
}
.left {
	float:left;
}

.img_left {
	float: left;
	padding-right: 10px;
}

.img_right {
	float: right;
	padding-right: 10px;
	padding-bottom: 50px;
}

div.container {
  	width: 960px;
  	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	text-align:left;
}

#nav {
	background-color:#000;
	width:100%;
	height:40px;
	line-height:40px;
}

#nav a, #nav a:visited, #footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
	border-bottom: 1px #fff solid;
}

#nav a:hover, #footer a:hover, a.preview, a.preview:visited {
	color:#fff;
	text-decoration:none;
	border-bottom: none !important;
}

#nav a.navOn, #nav a.navOn:visited
{
    text-decoration:none;
    border-bottom: none;
}

#callback {
    float:right;
    background:transparent url(../images/callback-bg.png) top left no-repeat;
    display:inline;
    margin:0;
    width:270px;
    height:28px;
    font-size:0.75em;
    text-align:center;
    line-height:24px;
}

#callback a, #callback a:visited {
	color:#fff;
	text-decoration:none;
	border-bottom: 1px #fff solid;
}

#callback a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom: none;
}

.enquiry-form
{
    padding:15px 20px;
    background-color:#eeeeee;
    border: 1px #dedede solid;
}

.phone {
	float:right;
	text-align:right;
	height:40px;
	line-height:35px;
	color:#fff;
	font-size:0.8em;
}

.phone img{
	padding:4px 4px 0px 0px;
}
.phone span{
	font-size:1.6em;
	font-weight:bold;
	line-height:40px;
	vertical-align:top;
}

.login {
	float:right;
	text-align:right;
	height:40px;
	line-height:40px;
	font-style:italic;
	color:#999;
	font-size:0.8em;
}

.login input{
	width:70px;
}

#top {
	background: #0e50a2 url(../images/top-bg.png) top center repeat-x;
	height:400px;
}

#top2 {
	background: #0e50a2 url(../images/top2-bg.png) bottom center repeat-x;
	height:190px;
}

.trolley {
	margin: -5px 100px 20px 150px;
	padding-left: 50px;
}

.blurb {
	width: 320px;
	float:left;
}

.tagline
{
    padding:25px 0px 0px 30px;
    float:right;
    text-align:right;
    clear:right;
    width:600px;

}
.tagline h1
{
    color:#000;
    font-size:2.4em;
    letter-spacing:-2px;
    line-height:1em;
}

.tagline h1 a, .tagline h1 a:visited {
	color:#fff;
	text-decoration:none;
}

.tagline h1 a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom: 1px #fff solid;
}

.tag
{
	position:relative;
}

.tag h2 a, .tag h2 a:visited, .tag h2 a:hover
{
	color:#222222 !important;
	border:none !important;
	text-decoration:none !important;
}

.tag h2
{
	position:absolute;
	top:60px;
	left:0px;
	color:#222222;
	font-family:Georgia;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;
}

#top h1 {
	color:#000000;
	font-size:2.4em;
	letter-spacing:-2px;
	line-height:1em;
	margin:0 0 10px;
}

#top h2 {
	color:#222222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 10px;
}

#top h3 {
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 15px;
}

#top h3 a, a:visited {
	color:#fff;
	text-decoration:none;
}
#top h3 a:hover {
	color:#fff;
	text-decoration:none;
}

#contentWrapper{
	margin-top:0px;
}

#one { 
	background: url(../images/glass_numbers_1.png) no-repeat;
	padding: 15px 0 20px 60px;
}

#two { 
	background: url(../images/glass_numbers_2.png) no-repeat;
	padding: 15px 0 20px 60px;
}

#three { 
	background: url(../images/glass_numbers_3.png) no-repeat;
	padding: 0px 0 20px 60px;
}

.content {
	width:320px;
	float:left;
}

.contentWide {
	width:640px;
	float:left;
}

.addons {
	margin: 0;
	padding: 0;
	float: right;
	width: 300px;
	margin-right: 30px;
}

.homepage {
	width:590px;
	margin-left:50px;
}

.quoteForm {
	width:580px;
	margin:0 auto;
	margin-left:50px;
}

.quoteForm ul {
	border-top:1px solid #DEDEDE;
	margin:10px 0;
	padding:0;
}

.quoteForm ul li {
	border-bottom:1px solid #DEDEDE;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:4px 0;
}

.quoteForm h2, .website-size span {
	margin:10px 0px;
}

#onlineform td
{
    padding:0px 10px 8px 0px;
}

.onlineForm{
    width:100%;
    float:left;
}

.onlineformSteps
{
    width:320px;
}

.cost{
	float:right;
	text-align:right;
}

.cost-pink{
	float:right;
	text-align:right;
	color:#EC0578;
}

#footer {
	/*margin-top:20px;*/
	background-color:#000;
	color:#fff;
	clear:both;
	padding:30px 0px;
	font-size:0.9em;
}

#twitter
{
	float:right;
	width:330px;
	font-style:italic;
}

#twitter_div ul {
	line-height:1.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

#twitter_div img {
	float:left;
}

#twitter-link
{
	float:right;
}


.social ul
{
    display:inline;
    margin:0;
    padding:0;
}
.social ul li
{
    display:inline;
    list-style:none;
    padding-right:10px;
}
.social ul li img
{
    padding-right:10px;
}
.social h2
{
    text-transform:uppercase;
    font-size:0.9em;
    border:none;
    font-weight:normal;
    color:#333;
}

h2 {
	color:#434343;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.3em;
	margin:0 0 15px;
}

p {
	line-height:1.5em;
	font-size:0.9em;
	margin-bottom:10px;
}

.small{
	font-size:0.6em;
}
.explanation{
	font-size:0.8em;
}
.pink{
color:#EC0578;
}

.pinkLink
{
	text-align:center;
}
.pinkLink a, .pinkLink a:visited
{
	color:#EC0578;
	text-decoration:none;
	border-bottom: none;
}
.pinkLink a:hover
{
	color:#0099ff;
	text-decoration:none;
}

a, a:visited {
	color:#0099ff;
	text-decoration:none;
}

a:hover {
	color:#EC0578;
	text-decoration:none;
	border-bottom: none;
}

ul {
	line-height:2em;
	font-size:0.9em;
	margin-left:20px;
}

.thumbnails {
	width:260px;
	margin:0 auto;
	text-align:center;
}

.thumbnails div {
	clear:both;
}

.thumbnails a:link img, .thumbnails a:visited img {
	border:1px solid #DEDEDE;
	margin:0 10px 10px 0;
	padding:5px;
	text-decoration:none;
}

.thumbnails a:hover img {
	border:6px solid #EC0578;
	padding:0;
	text-decoration:none;
}

.thumbnails span {
	clear:both;
}

.features {
	width:260px;
	margin:0 auto;
}

.features ul {
	border-top:1px solid #DEDEDE;
	margin:10px 0;
	padding:0;
}

.features ul li {
	border-bottom:1px solid #DEDEDE;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:4px 0;
}

.features ul li a {
	/*background-image:url(../images/arrow.jpg);
	background-position:8px 8px;
	background-repeat:no-repeat;*/
	padding:6px 6px 6px 4px;
	text-decoration:none;
}

.free {
	width:260px;
	margin:0 auto;
	padding-left: 10px;
}

.free ul {
	border-top:1px solid #DEDEDE;
	margin:10px 0;
	padding:0;
}

.free ul li {
	border-bottom:1px solid #DEDEDE;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:4px 0;
}

.free ul li span {
	background-image:url(../images/arrow.jpg);
	background-position:8px 8px;
	background-repeat:no-repeat;
	padding:6px 6px 6px 22px;
	text-decoration:none;
}

.free-features {
	width:260px;
	margin:0 auto;
}

.free-features ul {
	border-top:1px solid #DEDEDE;
	margin:10px 0;
	padding:0;
}

.free-features ul li {
	border-bottom:1px solid #DEDEDE;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:4px 0;
}

.free-features ul li span {
	background-image:url(../images/arrow.jpg);
	background-position:8px 8px;
	background-repeat:no-repeat;
	padding:6px 6px 6px 22px;
	text-decoration:none;
}

.features2 {
	width:300px;
	margin:0 auto;
}

.features2 div {
	clear:both;
	height:145px;
}

.features2 div img {
	float:left;
	margin-right:10px;	
}

.features2 ul, .CMS ul  {
	border-top:1px solid #DEDEDE;
	margin:10px 0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.features2 ul li, .CMS ul li  {
	background-image:url(../images/arrow.jpg);
	background-position:8px 12px;
	background-repeat:no-repeat;
	padding:6px 6px 6px 22px;
	text-decoration:none;
	border-bottom:1px solid #DEDEDE;
}

.centre {
	margin: 20px;
	margin-left: 20px;
}

.CMS
{
    height:245px;
}
/*********************************************/
/* Portfolio page                            */
/*********************************************/ 

.portfolio, .portfolioHome {
	width:220px;
	margin:0 auto;
}

.portfolio div {
	clear:both;
	height:410px;
}

.portfolioHome div {
	clear:both;
	height:330px;
}

.portfolio a:link img, .portfolio a:visited img, .portfolioHome a:link img, .portfolioHome a:visited img {
	border:1px solid #DEDEDE;
	margin:0 10px 10px 0;
	padding:5px;
	text-decoration:none;
}

.portfolio a:hover img, .portfolioHome a:hover img {
	border:6px solid #EC0578;
	padding:0;
	text-decoration:none;
}

.portfolio span, .portfolioHome span {
	clear:both;
}

.portfolio img, .portfolioHome img
{
	text-align:center;
}

.pager  {
	clear:both;
	text-align:center;
	margin:10px;
}

.pager ul {
	margin:0;
	padding:0;
}

.pager ul li{
	display:inline;
	margin:0 10px;
	padding:0;
	list-style:none outside none;
}

.pager ul li a{
	border:1px #dedede solid;
	padding:5px 8px;
}

.pager ul li.curPage a {
	color:#EC0578;
}

img#pager-progress-top{
    margin-top:5px;
}

img#pager-progress-bottom{
    margin-bottom:5px;
}

/*********************************************/
/* Homepage Case Study Styles                */
/*********************************************/ 

#casestudy {
	float:right;
	width:600px;
	text-align:right;	
	top:8px;
	position:relative;
}

#casestudy a, #casestudy a:visited {
	color:#fff;
	border-bottom:#fff 1px solid;
	text-decoration:none;

}

#caseImg{
	z-index:1;
	margin-top:5px;
	
}

.caseQuote{
	z-index: 99;
	position:absolute;
	top:230px;
	right:363px;
	width:550px;
}

.quote {
	background:#d82790 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:1.2em;
	font-style:italic;
	line-height:1.2em;
	padding:0.1em;
}

.quoteName {
	color:#000;
	font-weight:bold;
	line-height:1.5em;
}

/* START HOME SLIDE STYLES */
/* It didn't work from here so I include this file in the master page. */
/*@import url("HomepageTestimonialsImagesCSS.aspx");*/

/* END HOME SLIDE STYLES */

/* Homepage Tags */

#clusty-cloud {
    margin-bottom:1em;
    width:320px;
}

#cloud-body {
    padding:0px 30px 0px 0px;
    text-align:justify;
}

#cloud-body a:link, #cloud-body a:visited, #cloud-body a:active {text-decoration: none; line-height: 20pt;}

#clusty-cloud span.cloud1{font-size: 8pt; font-weight: 100}
#clusty-cloud span.cloud2{font-size: 10pt; font-weight: 200}
#clusty-cloud span.cloud3{font-size: 12pt; font-weight: 300}
#clusty-cloud span.cloud4{font-size: 14pt; font-weight: 400}
#clusty-cloud span.cloud5{font-size: 16pt; font-weight: 500}
#clusty-cloud span.cloud6{font-size: 18pt; font-weight: 600}
#clusty-cloud span.cloud7{font-size: 20pt; font-weight: 700}
#clusty-cloud span.cloud8{font-size: 22pt; font-weight: 800}
#clusty-cloud span.cloud9{font-size: 24pt; font-weight: 900}

span.separator {
    visibility:hidden;
}