body,html {
padding:0 0 0 0;
margin:0;
background:url(../images/main_background.gif) center top no-repeat;
}

#container {
   width:920px;
   margin:auto;
}

/* HEADER */


#header h1 {
height:121px;
margin:0;
padding:0;
text-indent:-100000px;
}

#header ul li {
	float:left;
	font-size:14px;
	background:url(../images/dotted2.gif) right top no-repeat;
	padding-right:40px;
	padding-left:10px;
	line-height:43px;
}

#header ul li.dotted2 {
	background:url(../images/dotted1.gif) right top no-repeat !important;
	padding-left:0px !important;
}

#header ul li.dotted3 {
	background:url(../images/dotted3.gif) right top no-repeat !important;
}

#header ul li.dotted4 {
	background:url(../images/blank.gif) right top no-repeat !important;
	padding-right:0px !important;
}

#header ul {
clear:both;
padding-left:75px;
}



#header ul li a{
color:#060606;
text-decoration:none;
}

#header ul li a:hover{
color:#4aa6eb;
}

#header {
height:204px;	
}


/* MAIN CONTENT */


#maincontent {
clear:both;
margin:0px auto;
}

#maincontentleft_middle {
background:url(../images/main_back.jpg) left bottom #4aa6eb no-repeat;	
width:541px;
margin-left:15px;
float:left;
min-height:506px;
}

#maincontentleft {
background:url(../images/main_back_shade.gif) left top repeat-y #4aa6eb;
padding-top:14px;
width:583px;
float:left;
}

#maincontentleft h2{
margin:0;	
background:url(../images/welcome2.gif) 15px top no-repeat;
padding:0;
height:57px;
text-indent:-10000px;
}

#maincontentleft h2.header_welcome{
background:url(../images/webdesign.gif) 15px top no-repeat;
}

#maincontentleft h2.enhanceyourwebsite{
background:url(../images/enhanceyourwebsite.gif) 15px top no-repeat;
}

#maincontentleft h2.seo{
background:url(../images/seo.gif) 15px top no-repeat;
}

#maincontentleft h2.contact{
background:url(../images/contact.gif) 15px top no-repeat;
}


#maincontentleft h2.questions{
background:url(../images/wdq.gif) 15px top no-repeat;
}


#maincontentleft_base {
clear:both;
background:url(../images/main_back_footer.gif) left top no-repeat;
}

#profileboxes {
width:100px;
float:left;
margin-left:22px;
}

#profileboxes h3{
background:#2885eb;
text-align:center;
font-size:11px;
margin:0;
padding:1px 0 1px 0;
color:#fff;
}

#profileboxes img{
border:1px solid #000;	
}

.profilearealist {
background:#87cfe3;
display:block;
margin:0;
padding:4px;
color:#4aa6eb;
font-size:11px;
line-height:11px;
margin-bottom:12px;
}

.profilearealist acronym{
	border:0;
}

.profilearealist a{
text-decoration:none;
color:#4aa6eb;
}

.profilearealist a:hover{
color:#000;
}

acronym{
	cursor: help;
}

#maincontentbox {
float:left;
color:#fff;
font-size:12px;
width:379px;
padding-bottom:10px;
}

#maincontentbox p{
color:#fff;	
font-size:13px;
margin:0px 0 10px 30px;
}

#maincontentbox a {
	color:#fde7c8;
}

#maincontentbox a:hover {
color:#fff;	
}


/* BOXES */

#rightboxes {
width:332px;
float:left;
}

#rightboxes h3{
margin:0;	
font-size:13px;
padding:14px 0 0 20px;
font-weight:bold;
color:#367aad;
font-weight:normal;
}

#rightbox_launches {
background:url(../images/box1.gif) left top no-repeat #efb13a;	
width:332px;
height:271px;
}

#rightbox_launches h3{
font-weight:normal;
}

#rightbox_form {
background:url(../images/box2.gif) left top no-repeat #efb13a;	
width:332px;
height:230px;
margin-top:12px;
}

#rightbox_form h3{

}

.launchbox {
width:302px;
height:201px;
border:1px solid #fff;
margin:22px 0 0 13px;	
}

.launches_monkeon {
background:url(../images/screenshot5.jpg) left top no-repeat;	
}

.launches_wooden {
background:url(../images/woodencoffeetables.jpg) left top no-repeat;	
}


.launches_hb {
background:url(../images/hb.jpg) left top no-repeat;	
}

.launches_gen {
background:url(../images/screenshot6.jpg) left top no-repeat;	
}

.launches_ultimate {
background:url(../images/screenshot10.jpg) left top no-repeat;	
}

.launches_pan {
background:url(../images/screenshot9.jpg) left top no-repeat;	
}

.launches_outsource {
background:url(../images/screenshot11.jpg) left top no-repeat;	
}

.launches_urbansolutions {
background:url(../images/screenshot12.jpg) left top no-repeat;	
}

.launches_artificial {
background:url(../images/screenshot13.jpg) left top no-repeat;	
}

.launches_hrs {
background:url(../images/screenshot14.jpg) left top no-repeat;	
}

.launches_curry {
background:url(../images/screenshot15.jpg) left top no-repeat;	
}

.launches_lace {
background:url(../images/screenshot7.jpg) left top no-repeat;	
}

.launches_pr {
background:url(../images/screenshot8.jpg) left top no-repeat;	
}

.launches_sporomex {
background:url(../images/screenshot4.jpg) left top no-repeat;	
}

.launches_gutterwise {
background:url(../images/screenshot1.jpg) left top no-repeat;	
}

.launches_casperson {
background:url(../images/screenshot2.jpg) left top no-repeat;	
}

.launches_e4 {
background:url(../images/screenshot3.jpg) left top no-repeat;	
}

.launches_shade {
background:url(../images/shadowpng.png) left top no-repeat;

width:302px;
height:201px;
text-align:center;
display:block;
}

.launches_shade_inner {
padding-top:162px;	
display:block;
text-decoration:none !important;
}

.launchbox a {
text-decoration:none;
color:#000;
}

.launchbox a:hover{	
color:#2885eb !important;
}

.launchbox a span{
cursor:pointer;
}


.launches_shade a{	
text-decoration:none;
color:#000;
}

.launches_shade a:hover{	
color:#2885eb !important;
}

/* rotator css */

	div.launchbox {
	float:left;
	position:absolute;
	text-align:center;
cursor:pointer;
}
/* rotator image style */	

    div.launchbox.show {
	z-index:500
}


/* rotator css */

	#leedswebdesigntwitter3 p {
	float:left;
	position:absolute;
	text-align:center;
}
/* rotator image style */	

    #leedswebdesigntwitter3 p.show {
	z-index:500
}


#rightbox_form form {
padding-top:14px;	
}


#rightbox_form form label{
	text-indent:20px;
	width:105px;
	float:left;
	clear:both;
	color:#070606;
	font-size:12px;
	margin-top:8px;
	display:block;
	padding-top:4px;
}

#rightbox_form form input{
	width:195px;
	float:left;
	margin-top:8px;
	border:1px solid #4aa6eb;
	font-size:12px !important;
	padding:3px;
	color:#335481;
	font-family:verdana,arial,helvetica,sans-serif;
}

#rightbox_form form textarea{
	width:195px;
	float:left;
	margin-top:8px;
	border:1px solid #4aa6eb;
	font-size:12px !important;
	padding:3px;
	color:#335481;
	font-family:verdana,arial,helvetica,sans-serif;
	height:60px;
}

.submit {
	width:79px !important;
	height:22px !important;
	border:0 !important;
	margin-left:228px;
	padding:0 !important;
	margin-top:6px !important;
}

#leedsareaslist {
	
width:920px;
   margin:auto;
   padding-top:80px;
}

#leedsareaslist a{
cursor:default;
text-decoration:none;
}

#leedsareaslist h3{
	border-top:1px dashed #f9b737;
padding:10px 0 10px 0;
margin:0;
font-size:12px;
font-weight:bold;
color:#f9b737;
}

#leedsareaslist h3 a{
color:#f9b737;	

}

#leedsareaslist ul li{
float:left;
padding:3px;
font-size:10px !important;
color:#888;
}

#leedsareaslist ul li a{
color:#888;	
}

#leedsareaslist ul li h4{
font-size:10px !important;
font-weight:normal;
padding:0;
margin:0;
color:#888;
}

#leedsareaslist p {
clear:both;	
font-size:10px;
color:#888;
text-align:right;
padding-top:10px;
}


#leedswebdesigntwitter2 h4 {
font-size:10px !important;
color:#888 !important;
padding:0 !important;
margin:0 !important;
font-weight:normal;
display:inline;
}

#leedswebdesigntwitter2 {
	
width:920px;
   margin:auto;
   padding-top:50px;
}

#leedswebdesigntwitter2 a{
text-decoration:none;
font-size:10px;
}

#leedswebdesigntwitter2 h3{
border-top:1px dashed #f9b737;
padding:10px 0 10px 0;
margin:0;
font-size:10px;
font-weight:normal;
color:#f9b737;
}

#leedswebdesigntwitter2 a{
font-size:10px;
color:#888 !important;
}


#leedswebdesigntwitter2 p {
clear:both;	
font-size:10px;
color:#888;
padding:0px 0 10px 0;
margin:0;
}

#leedswebdesigntwitter2 p i{
color:#aaa;
}

#howmuchdoesawebsitecost {
display:block;
width:350px;
float:right;
font-size:11px;
margin-top:-57px;
margin-right:27px;
color:#2885eb;
line-height:18px;
text-align:right;
position:relative;

}

#howmuchdoesawebsitecost1 {
	background:#87cfe3;
}

#howmuchdoesawebsitecost1 a{
display:block;
padding-right:12px;
color:#2885eb;
text-decoration:none;
}

#howmuchdoesawebsitecost2 {
	background:url(../images/subback.gif) right top no-repeat;
	color:#fff;
}

#howmuchdoesawebsitecost2 a{
	display:block;
padding-right:12px;
color:#fff;
text-decoration:none;
}

#howmuchdoesawebsitecost2 a:hover{
text-decoration:underline;	
}

.howmuchdoesawensitecostbox h3{
font-weight:bold;
font-size:13px;
padding-left:30px;
}

.howmuchdoesawensitecostbox li {
padding-bottom:3px;
font-size:13px;
}

.howmuchdoesawensitecostbox ol,.howmuchdoesawensitecostbox ul {
list-style-type:decimal;
padding-left:53px;	
line-height:1.3em;
}

.howmuchdoesawensitecostbox h4 {
font-weight:bold;
font-size:13px;
line-height:1.3em;
}

.howmuchdoesawensitecostbox ol p{
margin-left:0px !important;
padding-left:0px !important;
}


.seobox ol,.seobox ul {
list-style-type:disc;
padding-left:53px;	
line-height:1.3em;
padding-bottom:10px;
}

.seobox li {
font-size:13px;
line-height:1.3em;
}


/* latest articles */

#latestarticles {
clear:both;
margin-top:13px;
}

.latesttop {
	background:url(../images/latesttop.gif) left top no-repeat;
	height:41px;
	line-height:41px;
	padding-left:20px;

	font-size:13px;
	color:#717171;
}

.latestmid {
	background:url(../images/latestmid.gif) left top repeat-y;
}

.latestmid ul{
padding:10px 10px 10px 10px;	
}

.latestmid ul li a {
color:#171106;
display:block;
padding-left:14px;
background:url(../images/orangearr.gif) left 2px no-repeat;
padding-bottom:8px;
font-size:11px;
text-decoration:none;
}

.latestmid ul li a:hover {
color:#2885eb;
}

.latestmid ul li {
padding-top:4px;

border-bottom:1px dashed #F9B737;
}

.latestmidinner {
	background:url(../images/artishade.jpg) left top no-repeat #eae7e7;
	width:324px;
	margin-left:1px;
	float:left;
}

.latestbot {
	background:url(../images/latestbot.gif) left top no-repeat;
	height:9px;
	font-size:1px;
	clear:both;

}

#areaslist {
color:#a5a2a2;
font-size:10px;
background:#fff !important;
border-top:15px solid #fff;
border-right:15px solid #fff;
border-left:2px solid #fff;
}

#areaslistinner {
border:1px solid #d4d0d0;
padding:10px;	
}



.areaslisttitle {
background:none !important;	
color:#2885eb;
padding-bottom:3px;
}

.dashedline {
	border-bottom:1px dashed #87cfe3;
	margin-bottom:15px;
	margin-left:25px;
	clear:both;
}
