body{
background:url(images/interface/pattern.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}



#edcontainer{
	padding: 0px;  
	margin: 0px auto 0px auto;
	width: 920px;
	text-align: left;


}

#edheader{
background:url(images/interface/ed_header.gif) no-repeat top left;
width:920px;
height: 136px;
float: left;
margin: 0px;
padding: 0px;
}


#edheader ul{
list-style: none;
padding: 0px;
margin: 35px 35px 0px 0px;

}

#edheader ul li{
text-align: right;
background: url(images/interface/ed_bullet.gif) right no-repeat;
padding: 2px 30px 2px 0px;
}

#edheader ul li a{
color: black;
text-decoration:none;

}

#edheader ul li a:hover{
color: black;
text-decoration:underline;

}


#edmenu{
width:920px;
background:url(images/interface/ed_bg_mainslice.gif) repeat-y top left;
height: 33px;
float: left;
margin: 0px;
padding: 0px;
}

#edmenu ul{
list-style:none;
padding: 0px 9px 0px 11px;
margin: 0px;
}

#edmenu ul li{
float: left;
}


#edmenu ul li a{
display:block;
width: 150px;
height: 33px;
text-indent:-9999px;

}

.about{
background:url(images/interface/edmenu_about.gif);

}

.services{
background:url(images/interface/edmenu_services.gif);
}

.portfolio{
background:url(images/interface/edmenu_portfolio.gif);
}

.testimonials{
background:url(images/interface/edmenu_testimonials.gif);

}

.news{
background:url(images/interface/edmenu_news.gif);

}

.contactus{
background:url(images/interface/edmenu_contactus.gif);

}


.about:hover{
background:url(images/interface/edmenu_about_s.gif);

}

.services:hover{
background:url(images/interface/edmenu_services_s.gif);
}

.portfolio:hover{
background:url(images/interface/edmenu_portfolio_s.gif);
}

.testimonials:hover{
background:url(images/interface/edmenu_testimonials_s.gif);

}

.news:hover{
background:url(images/interface/edmenu_news_s.gif);

}

.contactus:hover{
background:url(images/interface/edmenu_contactus_s.gif);

}


#edsubmenu{
background: url(images/interface/ed_bg_submenu.gif) no-repeat top left;
width:920px;
height: 114px;
float: left;
margin: 0px;
padding: 0px;
}


.edmaincontent{
background: url(images/interface/ed_bg_mainslice.gif) repeat-y top left;
width:920px;

float: left;
margin: 0px;
padding: 0px;
}

.edmaincontentspacer{
background: url(images/interface/ed_bg_mainslice.gif) repeat-y top left;
width:920px;
height: 20px;
float: left;
margin: 0px;
padding: 0px;
}

.edmaincontentinner{
padding: 20px 9px 20px 11px;
float: left;
}

.edmaincontent2{
width:920px;
background: url(images/interface/ed_bg_2columns.gif) repeat-y top left;
float: left;
margin: 0px;
padding: 0px;
}

.edmaincontent6{
width:920px;
background: url(images/interface/ed_bg_6columns.gif) repeat-y top left;
float: left;
margin: 0px;
padding: 0px;
}

.edmaincontent21{
width:920px;
background: url(images/interface/ed_bg_2columns2-1.gif) repeat-y top left;
float: left;
margin: 0px;
padding: 0px;
}

.edmaincontent12{
width:920px;
background: url(images/interface/ed_bg_2columns1-2.gif) repeat-y top left;
float: left;
margin: 0px;
padding: 0px;
}

.edmaincontent3{
width:920px;
background: url(images/interface/ed_bg_3columns.gif) repeat-y top left;
float: left;
margin: 0px;
padding: 0px;
}

p {
padding: 10px 15px 10px 15px;
}

.edmainpadding{
padding: 15px;
}

.edmainhalf{
float: left;
width: 450px;
padding: 0px;
margin: 0px;
}

.edmain1third{
float: left;
width: 300px;
padding: 0px;
margin: 0px;

}

.edmain1sixth{
float: left;
width: 150px;
padding: 0px;
margin: 0px;

}




.edmain2third{
float: left;
width: 600px;
padding: 0px;
margin: 0px;
}



#edbottom{
background: url(images/interface/ed_bg_mbottom.gif) repeat-y top left;

width:920px;

float: left;
margin: 0px;
padding: 0px;
}

#edtbottom{
background: url(images/interface/ed_bg_tbottom.gif) no-repeat top left;
width:920px;
height: 58px;
float: left;
margin: 0px;
padding: 0px;
}

#edbottominner{
padding: 0px 9px 0px 11px;
float: left;
}
   
   
 #edbbottom{
 background: url(images/interface/ed_bg_bbottom.gif) no-repeat bottom left ;
 background-color:transparent;
width:920px;

float: left;
margin: 0px;
padding: 0px;
 }
 
 

#contact_form{
float: left;
padding: 0px 40px 40px 40px;
}

#contact_form h4{
margin: 4px 0px 2px 5px;
padding: 0px;
font-weight:normal;


}


#contact_form input.inputtext{
background:url(images/interface/edform_small.gif) no-repeat;

padding: 8px 5px 8px 5px;
border: none;
}

#contact_form textarea{
background:url(images/interface/edform_large.gif) no-repeat;
margin: 0px;
padding: 5px 5px 5px 5px;
border: none;
width:220px;
height:169px
}

#contact_form input.submitbutton{
background:url(images/interface/ed_bt_send.gif) no-repeat;
width: 110px;
height: 31px;
border: none;
cursor:pointer;
cursor:hand;
font-weight:bold;
font-size:1.2em;
margin: 15px 0px 10px 0px;
padding:0px;
}


.edportfolioimg{
float: left;
width: 449px;
margin: 10px 0px 10px 0px;
padding: 10px 0px 10px 0px;
border-right: #fff8d1 1px solid;
}

.edportfoliotext{
float: left;
width: 450px;
margin: 10px 0px 10px 0px;
padding: 10px 0px 10px 0px;

}

.screenshotmedium{
float: left;
background:url(http://www.existencedesign.co.uk/images/interface/ed_bg_screenshot_1.gif) no-repeat  36px top transparent;
border: none;
margin: 0;
padding: 0;
}

.screenshotmedium img{
float:left;
background:url(http://www.existencedesign.co.uk/images/interface/ed_bg_screenshot_2.gif) no-repeat bottom left transparent;
border: none;
margin: 0px 32px 0px 37px;
padding:11px 13px 13px 11px;
}




.screenshottiny{
float: left;
background:url(http://www.existencedesign.co.uk/images/interface/ed_bg_ss_tiny.gif) no-repeat bottom left transparent;
border: none;
margin: 15px 17px 18px 16px;
padding:2px 4px 4px 2px;
}

.screenshotsmall{
float: left;
background:url(http://www.existencedesign.co.uk/images/interface/ed_bg_ss_small_1.gif) no-repeat   37px top transparent;
border: none;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.screenshotsmall img{
float: left;
background:url(http://www.existencedesign.co.uk/images/interface/ed_bg_ss_small_2.gif) no-repeat bottom left transparent;
border: none;
margin: 0px 32px 0px 37px;
padding:7px 11px 10px 8px;
}

.edmainhalf h3{
color: #f27129;
font-weight:normal;
font-size: 1.6em;
padding: 5px 40px 10px 40px;
margin: 0px;
}

.edmainhalf h4{
color: #000;
font-weight:normal;
font-size: 1.3em;
padding: 15px 40px 0px 40px;
margin: 0px;
}

.edmain1sixth h3{
color: #f27129;
font-weight:normal;
font-size: 0.9em;
padding: 15px 10px 0px 10px;
margin: 0px;
}

.edmain1sixth h3 a{
color: #f27129;
text-decoration:none;
}

.edmain1sixth h3 a:hover{
color: #000;
text-decoration: underline;
}

.edmain1third h2, .edmain2third h2{
color: #f27129;
font-weight:normal;
font-size: 1.6em;
margin: 5px 40px 15px 40px;
padding: 0px;
}

.edmain1third h3, .edmain2third h3{
color: #f27129;
font-weight:normal;
font-size: 1.3em;
margin: 5px 40px 15px 40px;
padding: 0px;
}

.edmainhalf p, .edmain1third p, .edmain2third p{
padding: 5px 40px 5px 40px;
margin: 0px;

}

.black{
color: black;
}



.edmain1third ul, .edmainhalf ul, .edmain2third ul{
list-style: none;
padding: 0px;
margin: 10px 40px 15px 40px;

}

.edmain1third ul li, .edmainhalf ul li, .edmainhalf ul li{
text-align: left;
background: url(images/interface/ed_bullet.gif) 0px 2px no-repeat;
padding: 2px 0px 2px 29px;
}

.edmain1third a, .edmainhalf a, .edmainhalf a, .edmain2third a{
color: #f27129;
text-decoration:none;

}

.edmain1third a:hover, .edmainhalf a:hover, .edmainhalf a:hover, .edmain2third a:hover{
color: #000;
text-decoration:underline;

}

.edmain1third ul li a, .edmainhalf ul li a, .edmainhalf ul li a{
color: #f27129;
text-decoration:none;

}

.edmain1third ul li a:hover, .edmainhalf ul li a:hover, .edmainhalf ul li a:hover{
color: black;
text-decoration:none;

}

blockquote{
font-style:italic;
color: #f27129;
margin: 0;
padding: 0;
}

.testimonialauthor{
text-align: right;
margin-top: 0px;
margin-right: 15px;
padding-top:0px;
text-weight:normal;
}

.todos{
text-align: left;
background: url(images/interface/ed_bullet_light.gif) 0px 2px no-repeat !important;
padding: 2px 0px 2px 29px;
}

.completed{
text-align: left;
background: url(images/interface/ed_bullet.gif) 0px 2px no-repeat;
padding: 2px 0px 2px 29px;
color: grey;
}

#frontcycle{
float: left;
height: 280px;
}