body {
margin:0;
padding:0;
border:0;	
width:100%;
background:#fff;
color: #000;
font-size:100%;
font-family: arial, verdanda, "trebuchet ms", sans-serif;
/*font-family: Arial, Helvetica, sans-serif;*/
/* background-image:url('img/bg-stripe.png'); */
text-align: justify;
}

/*****************/
/* STANDARD TAGS */
/*****************/

h1 {
padding-top: 0;
margin-top: 0;
text-align: right;
font-weight: 700;
font-size: 150%;
font-style: italic;
}

h2 {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}

h3 {
background-color: #edeff0;
padding-left: 50px;
color: #000
}

h4 {
/*background-color: #edeff0;
color: #000;*/
border-bottom: 2px solid #edeff0;  
border-top: 2px solid #edeff0;  
/*width: 40%;*/
/*float: left;*/
}

h5 {

}

h6 {

}

p {

}

p.pad0505 {
padding: 0 5px 0 5px;
}

table {

}

tr {

}

th {

}

td {

}

hr {

}

ul {

}

ol {

}

br {

}

/* nb .image */
img {
}

/************/
/* CLEARING */
/************/

.clearb {
clear: both;
}

.clearl {
clear: left;
} 

.clearr {
clear: right;
}

/*****************/
/* AMAZON IFRAME */
/*****************/

.iframe {
width:120px;
height:240px;
float: right;
margin-left: 10px;
margin-right: 10px;
}

/************/
/* GOOGLE+1 */
/************/

.plusone-box {
display: inline;
position: fixed;
top: 10px;
left: 15px;
}

.g-plusone {
}


/********************/
/* CUSTOM STRUCTURE */
/********************/

/******************/
/* COLOUR 1 LIGHT */
/******************/
body.home .menucontainer li a#homeactive, 
body.standards .menucontainer li a#standardsactive, 
body.accessible .menucontainer li a#accessibleactive, 
body.ethos .menucontainer li a#ethosactive, 
body.portfolio .menucontainer li a#portfolioactive, 
body.prices .menucontainer li a#pricesactive, 
body.contact .menucontainer li a#contactactive,
h2, #container, #content, .menucontainer li a:hover, /*.menucontainer li a#current,*/ .submenu li a:hover, .submenu li a#current  /*, .image-l-menu*/ {
background-color: #e0e0e0;
color: #000;
}

/*****************/
/* COLOUR 2 DARK */
/*****************/
#access, #access a, #access a:hover, /*#header,*/ #footer, #footer a, .menucontainer ul, .menucontainer li a, .submenu li a {
background-color: #861648; 
color: #fff;
}

/****************/
/* COLOUR 3 MID */
/****************/
#tagline, .image-r, .image-l, .textbox-r, .textbox-r a, .textbox-l, .textbox-l-menu {
background-color: #3a3d44; 
color: #fff;
}

#container {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
width: 1000px;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
}

/*******************/
/* STRUCTURE BOXES */
/*******************/

#access {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
margin: 0;
padding: 1px 10px 4px 10px;
text-align: right;
}

#access a {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: none;
}

#access a:hover {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: underline;
}

#headerpic {
/* no background-color: or color: set as this is a picture only */
background-image:url('img/headerpic.jpg');
background-repeat:no-repeat;
padding: 0;
border-top: 1px solid black;
border-left: 0;
border-bottom: 1px solid black;
height: 300px;
margin: 0;
}

#header {
/* background-color: and color: set here within the style*/ 
background-image:url('img/transheader50.png');
background-repeat:no-repeat;
background-color: #fff; /* required to give correct tint to semi-transparent bar */
color: #000;
padding: 0px 70px 0 0;
border: 0;
height: 30px;
margin: 0;
}

#tagline {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
padding: 2px 10px 2px 10px ;
border-top: 0;
border-left: 0;
border-right: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
}

#content{
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
border: 0;
padding: 10px;
width: 860px;
margin-left: auto;
margin-right: auto;
line-height: 1.3;
}

/* NB .img */
.image-r {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
border: 1px solid black;
float: right;
width: 220px;
text-align: center;
margin: 3px 0px 5px 15px;
}

/* NB .img */
.image-l {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
border: 1px solid black;
float: left;
width: 220px;
text-align: center;
margin: 3px 15px 5px 0;
}

/* NB .img */
.image-l-menu {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
border: 1px solid black;
float: left;
width: 210px;
text-align: center;
margin: 15px 15px 5px 0;
}

.img-pad-fix {
display: block;
}

.textbox-r {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
float: right;
margin-left: 10px;
margin-right: 0px;
padding: 10px 10px 0 10px;
width: 200px;
}

.textbox-r a{
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
}

.textbox-l {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
float: left;
margin-right: 10px;
margin-left: 0px;
padding: 10px 10px 0 10px;
width: 200px;
}

.textbox-l-menu {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
float: left;
margin: 15px 10px 0 0;
padding: 10px 10px 0 10px;
width: 190px;
}

#rhs-column {
float: right;
width: 240px;
}

#footer {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
border-top: 1px solid black;
border-left: 0;
border-right: 0;
border-bottom: 0;
padding: 10px;
text-align: right;
}

#footer a{
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
}

/*******************/
/* CUSTOM SETTINGS */
/*******************/

.italic {
font-style: italic;
}

.bold {
font-weight: bold
}

.italic-bold {
font-style: italic;
font-weight: bold
}

.center {
text-align: center;
}

/*********/
/* MENU **/
/*********/

.menucontainer ul {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
padding: .2em 0;
margin: 0;
list-style-type: none;
width: 100%;
/*font: normal 90% arial, helvetica, sans-serif;*/
font-weight: 700;
font-size: 90%;
text-align: center;
}

.menucontainer li {
display: inline;
}

.menucontainer li a {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: none;
padding: .2em 1em;
border-right: 1px solid #fff;
}

.menucontainer li a:hover {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}

/*.menucontainer li a#nav1 {*/
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
/*}*/

#menulist {
}

/***********/
/* SUBMENU */
/***********/
.submenu {
border-bottom: 1px solid #ccc;
height: 1.3em;
}

.submenu ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
/*background-color: #861648;*/
color: #FFF;
width: 100%;
font-weight: 700;
font-size: 80%;
text-align: center;
}

.submenu li {
display: inline;
}

.submenu li a {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: none;
padding: .2em 1em;
border-right: 1px solid #fff;
}

.submenu li a:hover {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}

.submenu li a#current {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}



