/* CSS Document */
body{
	background:url(images/design-in-bradford-bg.gif) repeat-x 0 0 #FFF6EC;
	color:#34160C;
	margin:0;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0;
	padding: 0px;
}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
/* -- main container start -- */
#mainContainer{
	width:760px;
	background:url(images/affordable-web-design-bradford-bg.png) no-repeat 0 0 #cccccc;
	color:#666666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 39px;
	padding-left: 17px;
}
/* -- main container start -- */
/* -- left pannel start -- */
#left{
	width:563px; float:left;}
/* -- left pannel end -- */
/* -- header start -- */
#header{
	height:390px;
	width:560px;
	position:relative;
}
#header img{
	border:none;
	position:absolute;
	left:-10px;
	top:11px;
	width: 195px;
	height: 158px;
}
#header h1{
	color:#34160C;
	position:absolute;
	left:186px;
	top:325px;
	width:370px;
	height:38px;
	padding:0 0 0 8px;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}	
#header div.topNav{
	width:174px;
	position:absolute;
	left:0;
	top:176px;
	color:#141210;
	background-color: #666666;
	background-image: url(images/website-hosting-bradford.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding-bottom: 0px;
}	
#header div.topNav span.top{
	color:#141210;
	display:block;
	line-height:0;
	font-size:0;
	height:23px;
	background-image: url(images/design-bradford-top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #666666;
}	
#header div.topNav span.bottom{
	background:url(images/top_nav_bottom_bg.gif) no-repeat 0 0 #FFF6EC; color:#141210;
	display:block; line-height:0; font-size:0; height:23px;}	
#header div.topNav ul{
	padding:0 16px;}	
#header div.topNav ul li{
	height:19px; border-bottom:#E5E5E5 1px solid;}
#header div.topNav ul li.noborder{
	height:19px; border-bottom:none;}
#header div.topNav ul li a{
	padding:0 0 0 15px;
	color:#141210;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:19px;
	display:block;
	background-image: url(images/top_nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#header div.topNav ul li a:hover{
	padding:0 0 0 15px;
	color:#666666;
	text-decoration:none;
	height:19px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	background-color: #EEE3F1;
	background-image: url(images/top_nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#header div.topNav ul li a.hover{
	padding:0 0 0 15px;
	color:#141210;
	text-decoration:none;
	height:19px;
	display:block;
	background-color: #E4CDE2;
	background-image: url(images/top_nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
}
/* -- header end -- */
/* -- body start -- */
#body{
	padding:0 0px 0 0 ; width:563px;}
#body h2{
	color:#666666;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 37px;
	font-weight: bold;
}
#body p{
	color:#666666;
	background-color:#CCCCCC;
	padding:10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
#body p a{
	color:#666666;
	background-color:#CCCCCC;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
#body p a:hover{
	color:#FFFFFF;
	background-color:#F8E8D6;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
#body a.more{
	background:url(images/more_btn.gif) no-repeat 0 0 #FFF6EC; color:#000000;
	text-decoration:none; text-indent:-2000px;
	width:83px; height:13px; display:block; float:right;
	line-height:0; font-size:0;}
#body a.more:hover{
	background:url(images/more_btn_h.gif) no-repeat 0 0 #FFF6EC; color:#000000;
	text-decoration:none; text-indent:-2000px;
	width:83px; height:13px; display:block; float:right;
	line-height:0; font-size:0;}
#linkList{
	color:#7D5400;
	height:300px;
	width:540px;
	float:left;
	background-color: #FFFFFF;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#linkList h2{
	color:#933588;
	padding:0 0 0 26px;
	height:22px;
	background-image: url(images/affordable-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
}
#linkList  ul{
	margin:0;
	width:320px;
	float:left;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#linkList  ul li{
	margin:0; padding:0;}
#linkList  ul li a{
	color:#7D5400;
	padding:0 0 0 11px;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-image: url(images/seo-services-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#linkList  ul li a:hover{
	color:#7D5400;
	padding:0 0 0 11px;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	background-image: url(images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
/* -- body end -- */
/* -- right pannel start -- */
#right{
	color:#34160C;
	width:180px;
	float:left;
	background-image: url(images/web-marketing-bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	text-align: left;
	margin-top: 36px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
#right span.rightTop{
	color:#000000;
	height:10px;
	width:180px;
	line-height:0;
	font-size:0;
	display:block;
	background-image: url(images/web-leeds.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#right span.rightBottom{
	color:#000000;
	height:10px;
	width:151px;
	line-height:0;
	font-size:0;
	display:none;
	background-image: url(images/cheap-budget-webdesign.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 138px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#right form.search{
	color:#000000;
	width:138px;
	height:60px;
	background-image: url(images/design-bradford-websites-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 9px;
}
#right form.search h2{
	color:#933589;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
}
#right form.search input{
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#000000;
	width:130px; height:11px; padding:2px; margin:0; /*float:left;*/}
#right form.search a{
	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#F16515;
	text-decoration:underline; float:left; margin:6px 0 0 0;}
#right form.search a:hover{
	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#F16515;
	text-decoration:none; float:left; margin:6px 0 0 0;}
#right form.search input.go{
	background:url(images/go_btn.gif) no-repeat 0 0 #F16515; color:#000000;
	width:32px; height:11px; padding:0; margin:07px 0 0 0; border:none; float:right;}
#right h2.news{
	color:#381604;
	font:normal 18px/20px Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 22px;
	margin:18px 12px 0;
	background-image: url(images/news_icon.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}
#right h3{
	color:#933589;
	height:17px;
	margin:0 14px;
	padding:10px 0 0 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/first-page-google-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 0px;
}
#right p{
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#34160C;
	background-color: #F3EFF4;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 0;
	margin-left: 14px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}
#right img{
	margin:9px 0 11px 12px; border:none;}
#right form.login{
	width:135px; padding:0 11px 17px; margin:0 12px 0 11px;
	background:url(images/login_bottom_bg.gif) no-repeat bottom left #EAEAEA; color:#3F3F3F;}
#right h2.loginHead{
	background:url(images/login_h2_bg.gif) no-repeat 0 0 #000000; color:#FFFFFF; height:30px;
	font:bold 15px/30px Georgia, "Times New Roman", Times, serif; padding:0 0 0 11px; margin:0 12px 0 11px;}
#right form.login label{
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; background-color:#EAEAEA;}	
#right form.login input{
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; background-color:#FFFFFF;
	padding:2px; width:125px; height:15px;}	
#right form.login input.check{
	color:#000000; background-color:#FFFFFF;
	padding:0; margin:8px 0 0 0; height:11px; width:13px; float:left;}
#right form.login input.loginBnt{
	color:#000000; background-color:#FFFFFF;
	padding:0; margin:8px 0 0 0; width:48px; height:11px;float:right;}
#right form.login p{
	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#3F3F3F;
	background-color:#EAEAEA; padding:7px 0 0 5px;}	
#right form.login a{
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#9A6902; background-color:#EAEAEA;
	text-decoration:underline;}	
#right form.login a:hover{
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#9A6902; background-color:#EAEAEA;
	text-decoration:none;}	
/* -- right pannel end -- */
/* footer start -- */
#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #DDD1C3; color:#000000;}
.footer{
	width:800px;
	height:110px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.footer ul{
	width:490px; margin:0 auto;}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#141210;
	float:left;
}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#141210;
	padding:0 8px;
}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#141210;
	background-color:#CCCCCC;
	padding:0 8px;
}
.footer p{
	margin:0 auto;
	width:200px;
	color:#5D3608;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer p.valid{
	margin:0 auto; width:185px; padding:0;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 0px;
	text-decoration:none; text-indent:-2000px; width:93px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 0px;
	text-decoration:none; text-indent:-2000px; width:93px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 8px;
	text-decoration:none; text-indent:-2000px; width:82px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 8px;
	text-decoration:none; text-indent:-2000px; width:82px; height:13px; display:block; float:left;}
.footer p.tworld{
	margin:0 auto; width:180px; height:17px; padding:8px 0 0 0;
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5D3608;
	background-color:#DDD1C3;}
.footer p.tworld a{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 4px;
	background-color:#C14C10; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#9C3A08; text-decoration:none;}
#side-float {
	float: left;
}
#mainContainer #right img {
	float: left;
}
#mainContainer #right .css {
	vertical-align: text-bottom;
	font-size: 12px;
}
#linkList_short100 {
	color:#7D5400;
	height:190px;
	width:540px;
	float:left;
	background-color: #FFFFFF;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}