/* General reset */
body{
	margin:0;
	color:#333333;
	font:13px Arial, Verdana, sans-serif;
	background:url(../images/website-designer-uk.jpg);
	min-width:960px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#555;
	outline:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% Arial, Verdana, sans-serif;
	vertical-align:middle;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper{
	margin:0 auto;
	width:960px;
}
.holder{
	width:100%;
	overflow:hidden;
}
/* headline */
#headline{
	width:100%;
	overflow:hidden;
	padding:10px 0 7px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:26px;
}
#headline p{
	float:left;
	margin:0 6px 0 20px;
	display:inline;
}
#headline p a{
	font-weight:bold;
	color:#FFCC00;
	text-decoration:underline;
}
/* search */
#headline .search{
	float:right;
	background:url(../images/call.gif);
	overflow:hidden;
	width:221px;
	height:16px;
	padding:4px 7px 6px 12px;
}
#headline .search .txt{
	float:left;
	border:0;
	line-height:15px;
	height:15px;
	padding:1px 0 0;
	width:196px;
	margin:0 8px 0 0;
	font-size:13px;
}
/* header */
#header{
	width:100%;
	background:#fff;
	border-bottom:3px solid #3e403f;
	position:relative;
	z-index:20;
}
#header:after{height:0;clear:both;content:'';display:block;}
/* logo */
.logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/uk-website-designers.jpg);
	width:441px;
	height:54px;
	margin:24px 0 0 23px;
	display:inline;
}
.logo a{
	display:block;
	height:100%;
}
/* navigation */
#nav{
	float:right;
	list-style:none;
	padding:39px 0 34px;
	margin:0;
	font-weight:bold;
	position:relative;
	z-index:20;
}
#nav li{
	float:left;
	position:relative;
}
#nav a{
	float:left;
	padding:0 16px 0 15px;
	height:30px;
	line-height:30px;
}
#nav a:hover{text-decoration:none;}
#nav li:hover,
#nav li.active,
#nav li.hover{background:#000 url(../images/bg-nav-l.gif) no-repeat;}
#nav li:hover a,
#nav li.hover a,
#nav li.active a{
	color:#fff;
	background:url(../images/bg-nav-r.gif) no-repeat 100% 0;
}
/* dropdown */
#nav li div{
	position:absolute;
	top:27px;
	left:0;
	width:212px;
	overflow:hidden;
	z-index:21;
	display:none;
}
#nav li ul{
	list-style:none;
	padding:3px 7px 3px 5px;
	margin:0;
	background:#000;
	width:200px;
	overflow:hidden;
	float:left;
}
#nav li .t,
#nav li .b{
	display:block;
	overflow:hidden;
	width:100%;
	height:2px;
	clear:both;
}
#nav li .t{background:url(../images/drop-t2.gif);}
#nav li .b{background:url(../images/drop-b2.gif);}
#nav li.active ul a,
#nav li.hover ul a,
#nav li:hover ul a,
#nav li ul a{
	float:none;
	display:block;
	background:none;
	height:auto;
	line-height:15px;
	padding:7px 10px;
	color:#fff;
}
#nav li li{
	float:none;
	vertical-align:top;
	width:100%;
	overflow:hidden;
	position:static;
}
#nav li li.hover,
#nav li li:hover{background:#fff url(../images/bg-drop-link2.gif) no-repeat;}
#nav li li.hover a,
#nav li li:hover a{
	background:url(../images/bg-drop-link-b2.gif) no-repeat 0 100%;
	color:#F7921C;
}
/* main */
#main{
	width:100%;
	background:#fff;
	padding:0 0 20px;
}
#main:after{height:0;clear:both;content:'';display:block;}
/* gallery */
#gallery{
	width:940px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	margin:0 0 14px 20px;
	position:relative;
}
.gallery-list{
	margin:0;
	padding:0 0 10px;
	list-style:none;
	width:940px;
	height:100px;
	overflow:hidden;
}
.gallery-list li{
	position:absolute;
	left:0;
	top:28px;
	z-index:0;
	background:#F0EDED;
}
.gallery-list li.active{z-index:1;}
.gallery-list h2{
	margin:0;
	font-size:24px;
	font-weight:normal;
	line-height:34px;
	color:#333333;
}
/* threecolumn */
.threecolumn{padding:0 0 10px;}
.threecolumn .title{
	padding:0 0 4px 20px;
	text-transform:uppercase;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	width:940px;
	overflow:hidden;
}
.threecolumn .title h3{
	float:left;
	margin:0;
	color:#000000;
	font-size:12px;
	padding:2px 0;
}
.threecolumn .title a{
	float:right;
	background:url(../images/blt-r.gif) no-repeat 100% 50%;
	padding:2px 21px 2px 0;
	color:#000000;
}
.threecolumn .title a:hover{
	text-decoration:none;
	color:#FF6600;
}
.threecolumn .column{
	float:left;
	overflow:hidden;
	background:url(../images/bg-column.gif);
	width:300px;
	margin:0 0 0 20px;
	display:inline;
	color:#333333;
}
.threecolumn .column .t{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-col-t.gif) no-repeat;
}
.threecolumn .column .b{
	background:url(../images/bg-col-b.gif) no-repeat 0 100%;
	padding:2px 7px 15px;
	height:1%;
	overflow:hidden;
	word-spacing:-1px;
}
.threecolumn .photo{
	display:block;
	margin:0 0 0px;
	overflow:hidden;
}
.threecolumn .photo img{display:block;}
.threecolumn h4{
	margin:0 0 4px;
	font-size:13px;
	text-transform:uppercase;
}
.threecolumn h4 a:hover{
	text-decoration:none;
	color:#777;
}
.threecolumn p{
	margin:0 0 6px;
	line-height:20px;
}
.threecolumn .tags{
	float:left;
	background:url(../images/blt-r.gif) no-repeat 0 50%;
	padding:1px 0 1px 20px;
	font-size:11px;
	font-weight:bold;
	margin:0;
}
.threecolumn .tags a:hover{color:#ff7e00;}
.threecolumn .time{
	float:right;
	background:url(../images/ico-time.gif) no-repeat 100% 50%;
	padding:1px 20px 1px 0;
	font-size:11px;
	font-weight:bold;
	margin:0;
}
/* threecolumn2 */

.threecolumn .column2{
	float:left;
	overflow:hidden;
	background:url(../images/bg-column3a.jpg);
	width:620px;
	margin:0 0 0 20px;
	display:inline;
	color:#777;
}
.threecolumn .column2 .t{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-col-t3.gif) no-repeat;
}
.threecolumn .column2 .b{
	display:block;
	background:url(../images/bg-col-b3.gif) no-repeat 0 100%;
	padding:19px 7px;
	height:1%;
	overflow:hidden;
}
.threecolumn .column2 .b .b{
	background:none;
	padding:0;
}
/* fourcolumn */
.fourcolumn{padding:0 0 38px;}
.fourcolumn .column{
	float:left;
	overflow:hidden;
	width:220px;
	margin:0 0 0 20px;
	display:inline;
}
.fourcolumn .title{
	height:1%;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding:0 0 6px;
	margin:0 0 8px;
}
.fourcolumn h3{
	margin:0;
	font-size:13px;
}
.fourcolumn img{
	float:left;
	margin:4px 10px 0 0;
}
.fourcolumn p{
	margin:0;
	line-height:23px;
}
/* text-box */
.text-box{background:url(../images/bg-text-box2.gif);}
.text-box .t{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-text-box-t3.gif) no-repeat;
}
.text-box .b{
	background:url(../images/bg-text-box-b3.gif) no-repeat 0 100%;
	width:100%;
	padding:16px 0 24px;
}
.text-box .b:after{height:0;clear:both;content:'';display:block;}
.text-box .bg-sep{
	width:100%;
	background:url(../images/sep.gif) repeat-y 633px 0;
}
.text-box .bg-sep:after{height:0;clear:both;content:'';display:block;}
.text-box .text-column{
	float:left;
	width:570px;
	padding:0 0 0 32px;
}
.text-box h2{
	color:#000;
	font-size:18px;
	letter-spacing:-1px;
	margin:0 0 6px;
}
.text-box .description-holder{overflow:hidden;}
.text-box p{
	margin:0;
	padding:0 0 18px;
	line-height:18px;
}
.text-box p a{font-weight:bold;}
.text-box .more{font-weight:bold;}
.text-box .more span.open-text,
.text-box .opened span.close-text{display:none;}
.text-box .opened span.open-text{display:inline;}
.text-box .quote-column{
	float:right;
	width:290px;
	padding:0 18px 0 0;
	margin:0 0 -30px;
	position:relative;
}
.text-box .quote-column:after{height:0;clear:both;content:'';display:block;}
.text-box .quote-column blockquote{margin:0;}
.text-box .quote-column q{
	quotes:none;
	color:#fe852c;
	line-height:23px;
	font-size:18px;
	letter-spacing:-1px;
	display:block;
	margin:0 0 20px;
}
.text-box .quote-column q:before,
.text-box .quote-column q:after{content:"";}
.text-box .quote-column cite{
	display:block;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	color:#292e32;
}
/* bottom-line */
#bottom-line{
	width:100%;
	overflow:hidden;
	background:#f5f5f5 url(../images/bg-bottom-line.gif) repeat-x;
	padding:2px 0 0;
}
#bottom-line .breadcrumbs{
	list-style:none;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	display:inline;
	float:left;
	background:url(../images/ico-breadcrumbs.gif) no-repeat 0 50%;
	line-height:40px;
	font-size:11px;
}
#bottom-line .breadcrumbs li{
	float:left;
	background:url(../images/blt-breadcrumbs.gif) no-repeat 0 50%;
	padding:0 6px 0 14px;
}
#bottom-line .breadcrumbs li:first-child{background:none;}
#bottom-line .breadcrumbs a{
	font-weight:bold;
	color:#9c9c9c;
}
#bottom-line .breadcrumbs a:hover{color:#ff7e00;}
#bottom-line .social{
	float:right;
	list-style:none;
	margin:0;
	padding:13px 0 12px;
}
#bottom-line .social li{
	float:left;
	margin:0 0 0 7px;
	display:inline;
}
#bottom-line .social img{float:left;}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-footer.gif) repeat-x;
	padding:22px 0 50px;
	color:#fff;
}
#footer .column{
	float:left;
	overflow:hidden;
	width:160px;
	margin:0 0 0 20px;
	display:inline;
}
#footer .column-txt{
	float:right;
	width:220px;
}
#footer h4{
	margin:0;
	border-bottom:1px solid #777;
	padding:0 0 6px;
	font-size:12px;
}
#footer ul{
	list-style:none;
	padding:0;
	margin:0;
	font-weight:bold;
	line-height:22px;
}
#footer li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	border-bottom:1px solid #777;
	padding:3px 0;
}
#footer li a{
	display:block;
	color:#82d7f9;
	background:url(../images/blt-white.gif) no-repeat 0 7px;
	padding:0 0 0 11px;
}
#footer li a:hover{
	text-decoration:none;
	color:#fff;
}
#footer p{
	line-height:23px;
	margin:0;
	padding:10px 0 3px;
}
#footer .btn-request{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-quote.gif);
	width:217px;
	height:63px;
	margin:26px 0 0;
}
#footer .btn-request:hover{background:url(../images/btn-quote-h.gif);}
/* footer-bottom */
#footer-bottom{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-footer-bottom.gif) repeat-x;
	padding:2px 0 0;
	line-height:40px;
	font-size:11px;
}
#footer-bottom .copyright{
	float:left;
	color:#aaa;
	padding:0 0 0 20px;
}
#footer-bottom a{
	float:right;
	font-weight:bold;
	color:#aaa;
	background:url(../images/blt-top.gif) no-repeat 100% 50%;
	padding:0 16px 0 0;
}
#footer-bottom a:hover{
	text-decoration:none;
	color:#fff;
}
.style1 {color: #E98107}
.style2 {
	color: #FE852C;
	font-weight: bold;
}
.style3 {color: #fd852e}
.style4 {color: #FFFFFF; font-size:11px;}
.style5 {
	color: #fe852c;
	font-weight: bold;
}
.style6 {color: #EF5E0D}