#wrapper {
margin-left:auto;
margin-right:auto;
height:100%;
width:917px;
}
#header {
float:left;
height: 100px;
width: 915px;
background-image:url(images/header.gif);
text-indent:-10000px;
}
#leftcolumn {
float:left;
height: 810px;
width: 165px;
margin: 10px 2px 10px 0px;
padding:0px 0px 0px 0px;
border:1px #e7e7e7 solid;
background-image:url(images/leftmenu.png);
background-repeat:no-repeat;
}

#leftmenuspacer {
text-align:center;
height: 350px;
width: 160px;
}
#leftprices {
text-align:left;
padding-top:20px;
height: 100px;
width: 160px;

background-repeat:no-repeat;
}
#leftmenu {
float:left;
height: 450px;
width: 168px;
}
#content{
float:left;
height: 705px;
width: 552px;
margin: 10px 12px 10px 10px;
border: 1px #e7e7e7 solid;
font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
line-height:1.5em;
}
#contentclients{
float:left;
height: 705px;
width: 552px;
margin: 10px 10px 10px 10px;
border: 1px #e7e7e7 solid;
font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
line-height:1.5em;
background-repeat:no-repeat;
}
.clientecommerce {
background-image:url(images/clientecommerce.gif);
background-repeat:no-repeat;
}
.clientcontent {
background-image:url(/images/clientcontent.gif);
background-repeat:no-repeat;
}
.clientstatic {
background-image:url(/images/clientstatic.gif);
background-repeat:no-repeat;
}
#contenttext{
float:left;
width: 532px;
height: 675px;
margin: 10px 10px 10px 10px;
font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
line-height:1.5em;
overflow:auto;
}
#twitter_update_list {
	color: #595959;
	list-style-type: none;
	list-style-position: outside;
}
#twitter_update_list li{
	margin-top: 6px;
	line-height: normal;
}

#twitter_update_list a {
display: inline;
color: #4999f6;
}

#contentimage{
float:left;
width: 532px;
margin: 10px 10px 10px 10px;
font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
line-height:1.5em;
}

#mainimage{ /*image area for left hand menu*/
float:left;
height: 310px;
width: 552px;
background-repeat:no-repeat;
}
#loadarea{ /*area for thumbnail viewer image*/
float:left;
height: 310px;
width: 532px;
margin: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
#imagetext{ /*text below latest projects main images*/
float:left;
height: 150px;
width: 522px;
margin: 10px 0px 10px 10px;
padding: 0px 10px 0px 0px;
background-repeat:no-repeat;
}
#pricingtext{ /*text below latest projects main images*/
float:left;
height: 100px;
width: 522px;
margin: 10px 0px 10px 10px;
padding: 0px 10px 0px 0px;
}
#textform { /*text below latest projects main images*/
float:left;
height: 100%;
width: 532px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 30px;
background-image:url(/images/plain_bg.gif);
background-repeat:no-repeat;
}
.clients{ /*div tag for brief client desription and link*/
float:left;
height: 205px;
width: 152px;
margin: 0px 0px 0px 7px;
padding: 2px 10px 2px 10px;
border:1px #e7e7e7 solid;
line-height:1.2em;
background-image:url(/images/clientgradient.gif);
background-repeat:repeat-x;
}
.clientsprint{ /*div tag for brief client desription and link*/
float:left;
height: 205px;
width: 152px;
margin: 0px 0px 0px 7px;
padding: 2px 10px 2px 10px;
border:1px #e7e7e7 solid;
line-height:1.2em;
background-image:url(/images/clientgradient1.gif);
background-repeat:repeat-x;
}
.clientspricing{ /*div tag for brief client desription and link*/
float:left;
height: 260px;
width: 152px;
margin: 0px 0px 0px 7px;
padding: 2px 10px 2px 10px;
border:1px #e7e7e7 solid;
line-height:1.1em;
background-image:url(/images/clientgradient1.gif);
background-repeat:repeat-x;
}
.maintext{
background-image:url(images/text_template.png);
background-repeat:no-repeat;
}
.mainhome{

}
.mainwebdesign{
background-image: url(images/website_design_weston_super_mare.gif)
}
.maindomainhosting{
background-image: url(images/domain_services_weston_super_mare.gif)
}
.mainecommerce{
background-image: url(images/ecommerce_weston_super_mare.gif)
}
.mainseo{
background-image: url(images/seo_weston_super_mare.gif)
}
.maintemplate{
background-image: url(images/template_sites_weston_super_mare.gif)
}
.mainmakeover{
background-image: url(images/website_makeover_weston_super_mare.gif)
}
.mainmarketing{
background-image: url(images/marketing_weston_super_mare.gif)
}
.mainposters{
background-image: url(images/poster_design_weston_super_mare.gif)
}
.mainnewsletter{
background-image: url(images/newsletter_design_weston_super_mare.gif)
}
.mainemail{
background-image: url(images/email_marketing_weston_super_mare.gif)
}
.mainemailhelp{
background-image: url(images/email_marketing_help_weston_super_mare.gif)
}
.mainbranding{
background-image: url(images/need_branding_weston_super_mare.gif)
}
.maincorporate{
background-image: url(images/branding_weston_super_mare.gif)
}
.mainlogo{
background-image: url(images/logo_design_weston_super_mare.gif)
}
.mainwebprice{
background-image: url(images/website_pricing_weston_super_mare.gif)
}
.maingraphicpricing{
background-image: url(images/graphic_pricing_weston_super_mare.gif)
}
.mainprinting{
background-image: url(images/printing_weston_super_mare.gif)
}
.mainbespoke{
background-image: url(images/bespoke_services_weston_super_mare.gif)
}
.mainneedwebsite{
background-image: url(images/need_a_website_weston_super_mare.gif)
}
.mainseoquestion{
background-image: url(images/seo_explained_weston_super_mare.gif)
}
.mainhealthyschools{
background-image: url(images/healthyschools.gif)
}
.mainflyers{
background-image: url(images/flyers.gif)
}
.mainposters{
background-image: url(images/posters.gif)
}
.mainstationery {
background-image: url(images/stationery.gif)
}
.mainemailpipeline {
background-image: url(images/phppipeline.gif)
}
.mainemailc3limited {
background-image: url(images/phpc3limited.gif)
}
.mainlogodesign {
background-image: url(images/logodesign.gif)
}
.maincorporatebranding {
background-image: url(images/corporatebranding.gif)
}
#rightmenu {
float:left;
height: 695px;
width: 164px;
margin: 10px 0px 10px 0px;
padding:10px 0px 0px 5px;
border:1px #e7e7e7 solid;
background-image:url(images/rightmenu.png);
background-repeat:no-repeat;
background-position:bottom;
}
#bottommenu {
float:right;
height: 90px;
width: 736px;
margin: 3px 0px 5px 5px;
padding: 0px 0px 0px 0px;
border:1px #e7e7e7 solid;
background-image:url(images/bottom_image_index.gif);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
}
#footerlogos {
float:left;
height: 50px;
width: 905px;
padding: 3px 10px 0px 0px;
margin: 0px 0px 10px 0px;
border:1px #e7e7e7 solid;
background-image:url(images/logofooter.gif);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
}
#footer {
float:left;
height: 20px;
width: 905px;
padding: 3px 10px 0px 0px;
margin: 0px 0px 0px 0px;
border:1px #e7e7e7 solid;
vertical-align:middle;
text-align:right;
}
a img {
border: 0px;
}
A:link {
	color: #595959;
	text-decoration: none; 
}

A:visited {
	color: #595959;
	text-decoration: none;
}

A:active {
	color: #82bef7;
	text-decoration: none;
}
                     
A:hover {
	color: #bababa;
	text-decoration: none;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}
.applemenu{
margin: 5px 5px;
padding: 0;
width: 160px; /*width of menu*/
border: 0px solid #9A9A9A;
}
.submenu{
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
line-height:1.7em;
}
.standardtext{
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
line-height:1.5em;
}
.supersize{
font: normal 36px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #bf2a2a;
line-height:1.5em;
}
.headings{
font: normal 16px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #bf2a2a;
}
.url{
font: normal 9px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #bf2a2a;
}
.small{
font: normal 9px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
}
.secondaryheadings{
font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #0052d1;
}
.applemenu div.silverheader a{
font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #595959;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 1px;
text-decoration: none;
line-height:1.7em;

}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color:#595959;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
color:#bf2a2a;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
color:#bf2a2a;
padding: 3px 3px 0px 25px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.changecursor {
cursor:pointer;
}
.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 95%;
padding: 8px;
background: #Ffffff;
text-align: left;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%;
padding: 8px;
background: #f5f9fd;
text-align: center;
}

.info_fieldset { border: 0px #dddddd solid; }

.info_fieldset legend
{
border: 0px #dddddd solid;
padding: 5px 5px 5px 30px;
}

.button
{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 

background: #e9f1fd;

color: #333333; 

font: 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;


}

/* Label */
label {width: 150px; 
padding-left: 20px; 
margin: 5px; 
float: left; 
text-align: left;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 3px;
float: left;
width: 250px;

border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;


}

/* BR */

br { clear: left; }