/* Website Design Company */
/* The Digital Partners   */
/* Copyright 2008		  */

body { 
	background:#000;
	margin:0 0 40px 0;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;	
	line-height:1.3;
}


/*------------*/
/* containers */
/*------------*/

#uk-web-design { 
	background:url(images/background.jpg) no-repeat top;
	width:817px;
	margin:0 auto;
}

#london-web-design-company { 
	margin-left:130px;
}


#uk-web-design h1.title {

	font-size:11px;
	color:#999999;
	text-transform:uppercase;
	padding: 40px 0 0 420px;
	font-weight:normal;
	width:341px;
	height:60px;
}

#uk-web-design h1.title a { 
	color:#999999;
	text-decoration:none;	
}

#container-black { 
	width:557px;
	padding:0;
	background:#999999 url(images/content-bg-black.gif) no-repeat top right;
	float:left;	
}

#content-black { 
	background:#000;
	margin:9px 8px 0px 8px;
	color:#fff;
	padding:21px 9px 9px 9px;
	border-bottom: 9px solid #999999;
}

#content-home { 
	margin:9px 8px 0px 8px;
}

#content-case-study { 
	margin:9px 8px 9px 8px;
}

#content-black p { 
	padding-left: 27px;
	width:395px;
}

#content-black h2 { 
	color:#de148e;
	font-weight:normal;
	font-size:14px;
	padding-left: 27px;
	width:395px;	
}

#content-black h2.bold { 
	font-weight:normal;
	font-size:18px;
	text-transform:lowercase;
}


/*------------*/
/* navigation */
/*------------*/

ul#nav { 
	list-style:none;
	margin:170px 0 0 0;
	padding:0;
}

ul#nav li { 
	float:left;
	background:url(images/nav-left.gif) no-repeat left;
	margin-right: 2px;
}

ul#nav li.home { 
	background:url(images/nav-home-left-off.gif) no-repeat left;
}

ul#nav li.homeon { 
	background:url(images/nav-home-left.gif) no-repeat left;
}

ul#nav li a { 
	color:#fff;
	text-decoration:none;
	background:url(images/nav-right.gif) no-repeat right;
	padding:8px 11px 8px 11px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1;
	float:left;
	text-transform:lowercase;
}

/* 'on' style for navigation */
ul#nav li.on	{ 	background:url(images/nav-left-on.gif) no-repeat left; }
ul#nav li.on a 	{ 	background:url(images/nav-right-on.gif) no-repeat right; }

ul#nav li.home a { 
	background:url(images/nav-home-right-off.gif) no-repeat right;
}


ul#nav li.homeon a { 
	background:url(images/nav-home-right.gif) no-repeat right;
}



/*-----------------------*/
/* homepage project info */
/*-----------------------*/

.project-info { 
	width:527px;
	float:left;
	padding:15px 15px 8px 15px;
	color:#cccccc;
	background:#1f1f1f;
}

.project-info h1 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	color:#fff;
}


/*------------------------*/
/* left and right boxes   */
/*------------------------*/

#box-right,
#box-left { 
	background:#1f1f1f;
	width: 262px;
	color:#fff;
	margin-top:24px;
	padding: 0 0 13px 0;
	float:left;
}

#box-right { margin-left: 30px; }



#box-right h1,
#box-left h1 { 
	font-size: 12px;
	color:#0f0f0f;
	font-weight:normal;
	text-transform:lowercase;
	margin:0 0 12px 0;
	background:#636363;
	display:block;
	width:81px;
	text-align:center;
	padding:6px 0;
	line-height:1;
}

#box-large p,
#box-right p,
#box-left p { 
	margin:0;
	padding: 0 0 0 14px;
	line-height:1.5;
}

#box-right a, 
#box-left a { 
	color:#fff;
	text-decoration:none;
}

#box-right a:hover, 
#box-left a:hover { 
	color:#de148e;
	text-decoration:none;
}



/*------------------------*/
/* contact form			  */
/*------------------------*/

label { 
	width:120px;
	display:block;
	float:left;
	padding-top:5px;
}

form#quote-dp,
form#contact-dp { 
	padding-left:27px;
}

div.quote_right { 
	float:left;
}

input.box,
textarea {  

	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #535353;
	background:#2b2b2b!important;
	color:#fff;
	padding:1px;
}

extarea {  
	overflow:hidden;
}

input.box:focus,
textarea:focus { 
	border: 1px solid #de148e;
}

input#quotesubmit,
input#submit { 
	width:118px;
	text-align:center;
	padding: 5px 0;
	color:#000;
	background:#ce1e97!important;
	border: 0px none;
	font-size:13px;

	text-transform:uppercase;
}

/*------------------------*/
/* other styles and fixes */
/*------------------------*/

.clear { 
	clear:both;
	line-height:1px;
	font-size:1px;
	height:1px;
}

a.checkXHTML { 
	color:#cccccc;
	font-size:11px;
	margin-top:17px;
	float:right;
	display:block;
	text-transform:uppercase;
	padding-right:135px;
	background:url(images/valid-xhtml.gif) no-repeat left;
	padding-left:28px;
	text-decoration:none;
}

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

#footer-links { 
	margin-top:17px;
	color:#cccccc;
	font-size:11px;
}

#footer-links h1 { 
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
}

#footer-links2 h1 a,
#footer-links2 h1 a:hover {
	text-decoration:none;
	color: #333333;
}
#footer-links2 h1 {
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color: #333333;
}

#footer-links h1 a,
#footer-links h1 a:hover { 
	color:#cccccc;
	text-decoration:none;
}

.image { 
	float:left;
}

/* case studies */
#case-study-text { 
	width: 558px;
	color: #fff;
	margin:19px 0 0 0;
}

#case-study-text h1 { 
	font-size: 16px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999999;
	margin-bottom:10px;
}

#case-study-text h1 span.pink { 
	text-transform:lowercase;
	font-weight:bold;
	color:#de148e;
}

#case-study-text p { 
	font-size:12px;
	line-height:1.5;
	margin-bottom:25px;
}

/* lists within the accordion */
#case-study-text ul { 
	list-style:none;
	padding-left: 0;
}

#case-study-text ul li { 
	padding-left:17px;
	background:url(images/tick.gif) no-repeat left;
	line-height:1.5;
}

#case-study-link { 
	float:right;
}

#case-study-link a[rel="external"] { 
	padding-right: 14px;
	background:url(images/external.gif) no-repeat right;
	text-transform:lowercase;
	color:#999999;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

#case-study-link a:hover { 
	color:#de148e;
}

/* links details */
ul a { 
	color:#fff;
	text-decoration:none;
}

ul a:hover { 
	color:#de148e;
	text-decoration:underline;
}
::-moz-selection{
	background:#DE148E;
	color:#fff;
}

::selection {
	background:#DE148E;
	color:#fff;
}

code::-moz-selection {
	background: #DE148E;
}

code::selection {
	background: #DE148E;
}#spacer {
	height: 7px;
	width: 7px;
}
.texthigh {
}
.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:hand;cursor:pointer;}#kampylink img{border:0;}.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}.k_right{right:0px;}.k_left{left:0px;}#k_close_button{color:gray;border:1px solid gray;display: none;width:11px;height:16px;font-size:12px;text-align:center;}.kc_top{top:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);}.kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}.kc_right{right:10px;}.kc_left{left:10px;}