/* CSS Document */
body{
	background: #e4dbd3 url(images/bg6.png);
	background-repeat:repeat-x;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	

	
}
ul, li {list-style:circle;}
a:link { color:#1699c8; text-decoration:none; padding: 0 5px }
a:hover {text-decoration:none; background:#c5c3bd; color:#318abd;}
a:visited {color: #318abd;}



#container{
	width:1100px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


	* {
		margin:0;
		padding-top: 0px;
	}

.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;}
.grey_title{font-size:15px; font-weight:bold; color: #797979;}
.light_blue{color:#318abd; margin-bottom:10px; font-weight:bold;}
.photo_right { float: right; padding-left: 10px; padding-bottom:10px; margin: 0; }
.photo_left { float: left; padding-right: 60px; padding-bottom:10px; margin: 0; }
.photo_left2 { float: left; padding-right: 10px; padding-bottom:10px; margin: 0; }
.blue{color:#19b5ed;}
.line_news{ width:630px; height:3px; float:left; border-bottom: 1px dashed #666; margin-top:20px; margin-bottom:30px;}


#foxmenu{
	position:relative;
	display:block;
	height:108px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	margin-top:8px;

}
#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:#fff;
	text-decoration:none;
	height:55px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-top: 70px;

}

#foxmenu ul li a:hover{color:#19b5ed; background:url(images/arr.png); background-repeat: no-repeat; background-position:center;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#fff;}




.home_butt ul li a.homebutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}
.links_butt ul li a.linksbutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}
.contact_butt ul li a.contactbutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}
.design_butt ul li a.designbutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}
.seo_butt ul li a.seobutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}
.dev_butt ul li a.devbutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}
.profile_butt ul li a.profilebutton{color:#131313; background:url(images/u_5.png); background-repeat:repeat-x;}

#content{
width:1010px; height:auto; float:left; padding-top:20px; }

.top{width:1010px; height:165px; float:left;}
.logo{width:271px; height:100px; padding-top:30px; float:left; margin-right:40px;}
.nav{width:700px; height:50px; padding-left:30px; float:left;}
.quote{width:1008px; height:67px; padding-top:30px; float:left; background:url(images/web_design_hastings_east_sussex_q2.png); background-repeat:no-repeat; background-position:left; margin-top:30px;}




#middle{
	width:990px;
	height:auto;
	float:left;
	padding-top:20px;
}



.welcome{
	width: 660px;
	padding-top:25px;
	padding-left:15px;
	height:auto;
	float:left;
	padding-bottom: 30px;

}

.welcome_news{
	width: 630px;
	padding-top:100px;
	padding-left:15px;
	height:auto;
	float:left;
	padding-bottom: 15px;
	ul, li {list-style:circle;}

}

.welcome_links{

width: 970px;
padding-top:25px;
padding-left:15px;
padding-right:15px;
height:auto;
float:left;


}

.welcome_links ul, li {list-style:decimal;}

.title_large{ width:600px; height:40px; background:url(images/home.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large2{ width:600px; height:40px; background:url(images/web_design_services.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_con{ width:600px; height:40px; background:url(images/call_us.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large2_con{ width:600px; height:40px; background:url(images/map.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_design{ width:600px; height:40px; background:url(images/design.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_design2{ width:600px; height:40px; background:url(images/need_to_build_web_site.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_seo{ width:600px; height:40px; background:url(images/seo.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_seo2{ width:600px; height:40px; background:url(images/web_designer_wanted.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_pro{ width:600px; height:40px; background:url(images/profile.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_del{ width:600px; height:40px; background:url(images/web_development.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_del2{ width:600px; height:40px; background:url(images/good.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_links{ width:919px; height:40px; background:url(images/add_link.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.arr{width:260px; height: 22px; padding-top:8px; background:url(images/ar.png); background-repeat:no-repeat; padding-left:50px;  font-size:15px; font-weight:bold; color: #797979; margin-top:30px;}


.arr2{width:560px; height: 22px; padding-top:8px; background:url(images/ar.png); background-repeat:no-repeat; padding-left:50px;  font-size:15px; font-weight:bold; color: #797979; margin-top:30px;}

#arr_box{width:330px; height:auto; float:left;}
#arr_box2{width:250px; height:auto; float:left; margin-left:10px;}


.title_large_right{ width:238px; height:40px; background:url(images/web_design_request.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_news{ width:575px; height:40px; background:url(images/web_design_request.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_feedback{ width:238px; height:40px; background: url(images/clients_feeback.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}

.title_large_right_con{ width:238px; height:40px; background:url(images/contact.png); background-repeat:no-repeat; padding-left:50px; border-bottom: 1px dashed #666; font-size:25px; font-weight:bold; color: #797979;}


.f1{ width:auto; height:auto; background:#989898;  padding:10px; border-bottom: 1px dashed #666; margin-bottom:10px;}





.right_home{
	width: 290px;
	padding-top:25px;
	padding-left:15px;
	height:auto;
	float:left;
	margin-left:25px;
	padding-bottom: 30px;
}










.box {width:184px; height:230px; float:left; margin-left:15px; margin-top:45px;  border-right: 1px dotted #afacac; padding-right:15px;}
.read {width:59px; height:27px; margin-left:62px; margin-top:30px; float:left;}


.foot{
width:970px; height:50px; float:left; padding-top:30px; font-size:11px; padding-left:20px;}




.foot  a{font-size:11px; color:#318abd; text-decoration:none; padding: 0 5px }
.foot  a:hover{text-decoration:none; background:#737173; color:#fff;}