/* CSS Document */
body{
	background: url(images/web_design_doncaster_leeds_sheffield_yorkshire_lincolnshire_design_bg1.gif);
	background-repeat:repeat;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
ul, li {list-style:none;}
a:link {color: #318abd;}
a:hover {color: #4A4D4A;}

.in5 { padding-bottom:5px;}
.in15 { padding-bottom:15px;}
.in10 { padding-bottom:10px;}
.in20 { padding-bottom:20px;}
.in30 { padding-bottom:30px;}
.in40 { padding-bottom:40px;}
.in50 { padding-bottom:50px;}
.in100 { padding-bottom:100px;}
.red{color: #ff0000; text-transform: uppercase; font-size:9px;}
.small{font:11px/14px Trebuchet MS, sans-serif;color:#454b55;padding-top:4px;}
.headers{font:10px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#737573; text-transform:uppercase; font-weight:bold;}
.grey{background:#F7F3F7;}
.light_blue{color:#318abd; margin-bottom:10px; font-weight:bold;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#f5be49; text-decoration:underline;}
p a:hover{ color:#f5be49; text-decoration:none;}

.line{
	color:#318abd;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	}

#container{width:715px; margin:0 auto; background:#fff; padding:0 20px; position:relative; padding-top:10px; padding-bottom:10px;
background: #fff url(images/web_design_doncaster_leeds_sheffield_yorkshire_lincolnshire_topbg.gif); background-repeat:no-repeat;}

/* TOP */

#top{
	width:715px;
	height:98px;
	position:relative
}
#logo{
	position:absolute;
	top:4px;
	left:0;
	width: 526px;
}

#top ul.topnav{
	position:absolute;
	top:5px;
	left:529px;
	width:181px;
	height: 75px;
}
#top ul.topnav li{
	float:left;
	height:30px;
	margin-right:15px;
	padding-left:22px;
}
#top ul.topnav li a{display:block; font:10px/14px Trebuchet MS, sans-serif; color:#454b55; text-decoration:none; padding-top:10px;}
#top ul.topnav li a:hover{
	text-decoration:underline;
	color:#318abd;
}

#top ul.topnav li.home{background:url(images/home.png) 0 14px no-repeat}
#top ul.topnav li.contact{background:url(images/mail.png) 0 14px no-repeat; margin-right:0}
#top ul.topnav li.topnav2{float:left; height:30px; width:1px; background: url(images/sep-top.gif) 0 0 repeat-y; padding-left:0}

/* MENU */

#menuPan{
	width:715px;
	height:40px;
	position:relative;
	background-image: url(images/b_menu.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#menuPan ul.menu li.line {width:2px; background:url(images/line_m.gif) 0 0 no-repeat}


#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#foxmenu ul li a{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	height:18px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#foxmenu ul li a:hover{color:#000; background-color:#B5B6B5;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#fff;background:#4A4D4A;}


.home_butt ul li a.homebutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.links_butt ul li a.linksbutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.contact_butt ul li a.contactbutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.price_butt ul li a.pricetbutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.design_butt ul li a.designbutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.seo_butt ul li a.seobutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.dev_butt ul li a.devbutton{background: url(images/bg.gif); background-repeat:repeat-x;}
.profile_butt ul li a.profilebutton{background: url(images/bg.gif); background-repeat:repeat-x;}
/* HEADER */

#header{width:715px; height:215px; margin-bottom:8px}


/* CONTENT */

#welcome_text{width:495px;float:left;padding-bottom:10px;}

#left{
	width:195px;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 19px;
	margin-bottom: 0;
	margin-left: 0;
}
#right{
	width:495px;
	float:left;
	position:relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.quote{width:162px; padding:11px 16px 15px 15px; border:#e7edf2 1px solid; margin-bottom:10px}
.quote p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px}

.deal{width:193px; border:#e7edf2 1px solid; padding-bottom:10px}
.deal p{border-bottom:#e7edf2 1px dashed; padding-bottom:10px}

.design{
	width:462px;
	height:320px;
	border:#e7edf2 1px solid;
	padding-top: 11px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.design p{margin-left:2px; margin-bottom:15px; }
.box {background: url(images/web_design_doncaster_leeds_sheffield_yorkshire_lincolnshire_design_bg.gif); background-repeat:repeat-x; width:132px; height:230px; float:left; padding:10px;border-right:#e7edf2 1px dashed;border-left:#e7edf2 1px dashed;}
.read {width:79px; height:20px; margin-left:52px; margin-top:10px; float:left;}
#links_text{
	width:697px;
	border:#e7edf2 1px solid;
	margin-bottom:10px;
    padding-bottom: 15px;
	padding-left: 15px;
	}
#text_links{
	width:655px;
	height:auto;
	border:#e7edf2 1px solid;
	padding: 10px;
}
#text_links li {list-style:decimal;}
.code{
	border-bottom:#e7edf2 1px dashed;
	padding:10px;
	width:657px;
	background-color: #EFEFF7;
	background-image:url(images/add_link.gif);
	background-repeat:repeat;
	margin-bottom: 10px;
}
.valid{padding-bottom:10px;padding-top: 10px;}
#contact_text{
	width:682px;
	border:#e7edf2 1px solid;
	margin-bottom:10px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 550px;
}
#contact_text p{border-bottom:#e7edf2 1px dashed;}

.contact_left{
	width:300px;
	height:145px;
	float:left;
	border:#e7edf2 1px solid;
	background-position:center top;
	background-color: #F7F3F7;
	background-image: url(images/web_design_doncaster_leeds_sheffield_yorkshire_lincolnshire_call_us.jpg);
	background-repeat: no-repeat;
	padding-top: 315px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.contact_right{
	width:316px;
	height:450px;
	float:left;
	margin-left:20px;
	border:#e7edf2 1px solid;
	padding: 10px;
}
.contact_right p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px}

#prices_cont{
	width:682px;
	border:#e7edf2 1px solid;
	margin-bottom:10px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 700px;
}
#prices_cont li {list-style:url(images/bullet.png);}
#prices_cont p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px}
.photo_right { float: right; padding-left: 10px; padding-bottom:10px; margin: 0; }
.photo_left { float: left; padding-right: 60px; padding-bottom:10px; margin: 0; }

#dev_cont{
	width:682px;
	border:#e7edf2 1px solid;
	margin-bottom:10px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 450px;
}
#dev_cont li {list-style:url(images/bullet.png);}
#dev_cont p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; }
#profile_cont{
	width:682px;
	border:#e7edf2 1px solid;
	margin-bottom:10px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 1000px;
}
#profile_cont li {list-style:url(images/bullet.png);}
#profile_cont p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; }
.profile {
	width:500px;
	height:450px;
	padding-left:150px;
	float:left;
}

	

/* FOOTER */

#footer{height:85px; width:715px; margin-top:18px; margin-bottom:10px; background:#F7F3F7;}
#footer p{padding: 25px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#869496;}
#footer p a{font:10px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#869496; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#737173; color:#fff}