/* General reset */
body{
	margin:0;
	color:#333333;
	font:13px Arial, Verdana, sans-serif;
	background:#3f3f3f url(../images/website-designer-uk.jpg);
	min-width:980px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#555;
}
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;
}
#main .wrapper{
	overflow:hidden;
	background:url(../images/bg-main-wrapper.gif) repeat-y;
	width:980px;
	padding:0 0 20px;
}
.holder{
	width:100%;
	overflow:hidden;
}
/* headline */
#headline{
	width:100%;
	overflow:hidden;
	padding:10px 0 7px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
}
#headline p{
	float:left;
	margin:0 6px 0 20px;
	display:inline;
}
#headline p a{
	font-weight:bold;
	color:#FFCC00;
}
/* 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;
	float:left;
	z-index:21;
}
#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.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;
}
#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:#FFFFFF;
}
#main:after{height:0;clear:both;content:'';display:block;}
/* content */
#content{
	float:left;
	width:650px;
	padding:32px 11px 0 32px;
}
#content h2{
	border-bottom:2px solid #dfdfdf;
	padding:0 0 2px;
	margin:0 0 19px;
	font:normal 30px Arial, Helvetica, sans-serif;
	color:#555555;
}
#content h3{
	color:#000000;
	border-bottom:0px solid #dfdfdf;
	padding:2px 0 0 2px;
	margin:0 0 19px;
	font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content .notes{
	color:#9a9a9a;
	font-size:16px;
	line-height:16px;
	margin:0 0 17px;
	display:block;
}
#content .intro ul{
	padding:0;
	list-style:none;
	width:660px;
	margin:0 -10px 25px 0;
	overflow:hidden;
}
#content .intro ul li{
	float:left;
	width:149px;
	margin:0 15px 0 0;
}
#content .intro ul .box{background:#e7e9e2 url(../images/bg-box-t.gif) no-repeat;}
#content .intro ul .box .holder{
	background:url(../images/bg-box-b.gif) no-repeat 0 100%;
	padding:10px 5px 12px 9px;
	width:135px;
}
#content .intro ul .box img{
	display:block;
	margin:0 0 31px;
}
#content .intro ul p{
	margin:0;
	color:#aaaba6;
}
#content .intro p{margin:0;}
#content .intro ul p strong{
	color:#686964;
	display:block;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	margin:0;
	padding:0;
}
#content .intro ul a{color:#fd6529;}
#content h3{
	margin:0 0 12px -3px;
	font:normal 18px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content .intro .details-list{
	margin:0 0 14px 15px;
	padding:0;
	list-style:none;
}
#content .intro .details-list li{
	background:url(../images/bullet1.gif) no-repeat 0 6px;
	margin:0;
	padding:0 0 1px 13px;
	width:100%;
}
#content ol{
	margin:21px 0 0 31px;
	padding:0;
}
#content .top {
	background-image:url(../images/bg-top-link.jpg);
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	height:19px;
	margin:11px 0 0;
	padding:5px 7px 5px 0;
	text-align:right;
	width:643px;
	outline:none;
}
/* sidebar */
#sidebar{
	float:right;
	width:270px;
	padding:24px 0 0;
}
* html #sidebar{
	margin:0 0 0 -14px;
}
#sidebar h3{
	margin:0 0 16px;
	font:normal 20px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#sidebar .sub-nav{
	margin:0 0 25px;
	padding:0;
	list-style:none;
	font-weight:bold;
}
#sidebar .sub-nav li{
	background:url(../images/bullet2.gif) no-repeat 0 5px;
	border-bottom:1px solid #e0e0e0;
	margin:0 0 8px;
	padding:0 0 7px 7px;
}
#sidebar .sub-nav a{
	color:#fd6529;
}
/* testimonial */
#testimonial-holder{
	background:#e8e9e3 url(../images/bg-testimonial-t.gif) no-repeat;
	display:block;
	margin-bottom:15px;
	position:relative;
	width:270px;
}
.testimonial-frame{
	background:url(../images/bg-testimonial-b.gif) no-repeat 0 100%;
	padding:20px;
	height:1%;
	overflow:hidden;
}
* html .testimonial-frame{padding-top:23px;}
*+html .testimonial-frame{padding-top:23px;}
.sliderbutton{
	float:right;
	width:17px;
}
.sliderbutton img {cursor:pointer;}
#testimonial {
	float:left;
	font-size:12px;
	line-height:16px;
	height:170px;
	overflow:auto;
	position:relative;
	width:230px;
	margin:2px 0 0;
}
#testimonial ul{
	height:170px;
	left:0;
	margin:0;
	list-style:none;
	padding:0;
	position:absolute;
	top:0;
}
#testimonial li {
	color:#999999;
	float:left;
	height:170px;
	padding:0;
	width:230px;
}
#testimonial li p{margin:0 0 4px;}
#sidebar h3.title-testimonials{
	margin:3px 0 0;
	font:normal 22px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#testimonial li .author{
	color:#666666;
	display:block;
	font-weight:bold;
	text-align:right;
}
#testimonial li a {
	display:block;
	text-align:right;
	color:#fd6529;
}
/* 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: #fd6529}
.style2 {
	color: #FE852C;
	font-weight: bold;
}
.style3 {color: #fd852e}
.style4 {color: #FFFFFF}
.style5 {
	color: #666666;
	font-weight: bold;
	font-size: 14px;
}
.our-protfolio-box
{
width:641px;
height:37px;
float:left;
text-align:left;
background:url(../images/our-protfolio-bg.jpg) left top no-repeat;
color: #FFFFFE;
padding-top:7px;
padding-left:4px;
}
.bottom-title
{
float:left;
margin-right:6px;
}
.futured-limited-title
{
width:645px;
height:34px;
float:left;
text-align:left;
background:url(../images/futured-limited-title-bg2.jpg) left top no-repeat;
padding-left:4px;
padding-top:5px;
}
.inner-image-box
{
width:645px;
height:auto;
float:left;
text-align: left;
color: #000000;
font: normal 12px/16px Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px 0px 10px 0px;
background:#EBF0F2;
}
.inner-image-box a
{
color: #7d644e;
font: normal 12px/16px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.inner-image-box a:hover
{
color: #ff9904;
font: normal 12px/16px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.inner-bg
{
float:left;
margin-right:20px;
}
.portfolio-link {
	font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFDFD;
	text-decoration: none;
	text-align:justify;
	font-style:italic;
}
.portfolio-link:hover
{
	color:#10365D;
	font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-align:justify;
	font-style:italic;
	text-decoration:none;
}
.service-box
{
width:270px;
height:auto;
float:left;
text-align:left;
}
.service-round-top
{
width:270px;
height:5px;
float: left;
text-align:left;
}
.service-inside-box
{
width:270px;
height:auto;
float:left;
text-align:left;
background:url(../images/service-inside-bg.jpg) left top repeat-y;
}
.service-round-bottom
{
width:270px;
height:5px;
float:left;
text-align:left;
}
body .alignleft{
float:left;
margin:5px 10px 0px 0;
display: block;
}

body .alignright{
float:right;
margin:5px 0px 0px 10px;
display: block;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

.alignleft img, .alignright img{
display:block;
} 
.input {
	width:260px;
	font:normal 11px/18px Arial,Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #999;
}
.style6 {
	font-size: 24px;
	color: #FFFFFF;
	background-color: #FF6600;
}