/* --- body and content place holders --- */

body {text-align: center;
min-width: 960px;
margin: 0;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.4em;
font-size: small;
background-color: #ffffff;
/* color: #3e5d13 */
color: #554c3a }

#contents {margin: 0 auto;
width: 950px;
text-align:left; }

/* --- font styles --- */

a:link {color: #554c3a;
text-decoration: none; }

a:visited {color: #554c3a;
text-decoration: none; }

a:hover {color: #ff7f00;
cursor: pointer; }

a:active {color: #ff7f00;
text-decoration: none; }

a img {border: 0; }

.currentpage {color: #ff7f00 }

.dropcap { float:left; color:#ff7f00; font-size:40px; 
line-height:30px; padding-top: 0px; font-family: Tahoma, Geneva, sans-serif; } 

/* a.link:hover {color: #ff7f00;
background-color: #554c3a;
cursor: pointer;
cursor: hand } */

h1 {font-size: 20px;
font-weight: bold; }

h2 {font-size: 14px;
font-weight: bold; }

h1.color {color: #ff7f00; }

h3 {font-size: 12px;
font-weight: bold; }

.footerpoint {font-size: 11px; }

.justify {text-align: justify;
}

.bold12 {font-size: 12px;
font-weight: bold; }

/* ---------- top menu line -------------- */

#topMenu {position: relative;
top: 0px;
left: 0px;
width: 900px;
padding: 0px; }

#topMenu1 {float: left;
text-align: left;
padding: 0px;
top: 48px;
margin: 1px;
position: absolute;
left: 0px;
width: 500px;
height: 20px; }

#topMenu2 {float: left;
text-align: right;
padding: 0px;
top: 6px;
margin: 0px;
position: absolute;
left: 503px;
width: 415px;
height: 21px; }

/* ---------- home page top line for main pictures-------------- */

#toppictures {position: relative;
top: 15px;
left: 0px;
width: 900px;
text-align: left;
padding: 0px; }

#pictop1 {background-color: #ffffff;
float: left;
padding: 0px;
margin: 0px;
position: absolute;
left: 0px;
width: 294px;
height: 226px; }

#pictop2 {background-color: #ffffff;
float: left;
padding: 0px;
margin: 0px;
position: absolute;
left: 328px;
width: 294px;
height: 226px; }

#pictop3 {background-color: #ffffff;
float: left;
padding: 0px;
margin: 0px;
position: absolute;
left: 656px;
width: 294px;
height: 226px; }

/* ---------- home page middle project subheads -------------- */

#midsubheads {position: relative;
text-align: left;
top: 260px;
width: 950px;
padding: 5px;
font-size: large; }

#textMid1 {float: left;
text-align: left;
padding: 2px;
margin: 2px;
position: absolute;
left: 30px;
width: 250px;
height: 20px; }

#textMid2 {float: left;
text-align: left;
padding: 2px;
margin: 2px;
position: absolute;
left: 358px;
width: 250px;
height: 20px; }

#textMid3 {float: left;
text-align: left;
padding: 2px;
margin: 2px;
position: absolute;
left: 686px;
width: 250px;
height: 20px; }

/* ---------- home page mid wire pics and text -------------- */

#midwirepicstext {position: relative;
text-align: left;
top: 310px;
width: 950px;
padding: 0px;
font-family: sans-serif;
font-size: small; }

.midwirepic1 {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
left: 0px;
width: 250px;
height: 20px; }

.midwirepic2 {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
left: 328px;
width: 250px;
height: 20px; }

.midwirepic3 {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
left: 652px;
width: 250px;
height: 20px; }

.midtext1 {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
top: 30px;
left: 140px;
width: 155px;
height: 100px; }

.midtext2 {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
top: 30px;
left: 475px;
width: 155px;
height: 100px; }

.midtext3 {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
top: 30px;
left: 760px;
width: 145px;
height: 100px; }

/* ---------- project pages main content blocks -------------- */

#contentleft {position: relative;
text-align: left;
top: 13px;
left: 1px;
height: 356px;
width: 575px;
float: left;
font-size: small;
line-height: 1.5em;
/* background-color: #ecf3e3;
*/ }

#contentrightprojects {position: relative;
top: 14px;
left: 34px;
width: 340px;
height: 355px;
float: left;
background-image:url(../images/common/greylines_projects.gif)/* background-color: #578ce8;
*/ }

#contentrightcontact {position: relative;
top: 14px;
left: 34px;
width: 340px;
height: 355px;
float: left;
background-image:url(../images/contact/greylines_contact.gif)/* background-color: #578ce8;
*/ }

#contentrightabout {position: relative;
top: 14px;
left: 34px;
width: 340px;
height: 355px;
float: left;
background-image:url(../images/about/greylines_about.gif)/* background-color: #578ce8;
*/ }


/* ---------- info pages left-hand columns -------------- */

.leftcolumnone {position: relative;
top: 0px;
width: 270px;
height: 355px;
padding: 0px;
line-height: 1.3em;
float: left;
text-align: left;
padding: 0px;
margin: 0px;
left: 0px;
list-style-type: none;
font-size: 1.0em; }

.leftcolumntwo {position: relative;
top: 0px;
width: 270px;
height: 180px;
padding: 0px;
font-size: small;
line-height: 1.3em;
float: left;
text-align: left;
padding: 0px;
margin: 0px;
left: 35px;
list-style-type: none; }

/* ---------- joe and alistair pics -------------- */

.leftcolumntwopic {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: relative;
top: 0px;
left: 35px;
width: 269px;
height: 149px; }

/* ---------- craft and sustain pics -------------- */

.leftcolumntwolargepic {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: relative;
top: -84px;
left: 35px;
width: 269px;
height: 149px; }

/* ---------- landing page pics pics -------------- */

.leftcolumntwolargepiclandingpage {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: relative;
top: -24px;
left: 35px;
width: 269px;
height: 204px; }

/* ---------- info pages right-hand columns -------------- */

.rightaddressinfo {position: relative;
top: 49px;
left: 35px;
width: 150px;
height: 100px;
float: left;
vertical-align: middle; }

.rightaddressinfopersonal {position: relative;
top: 10px;
left: 25px;
width: 150px;
height: 100px;
float: left;
vertical-align: middle; }


/* ---------- project pages right-hand menus -------------- */

.rightmainmenu {position: relative;
top: 9px;
width: 300px;
padding: 0px;
font-size: medium;
line-height: 1.8em;
float: left;
text-align: left;
padding: 0px;
margin: 0px;
left: 35px;
list-style-type: none; }

.rightindent {position: relative;
width: 300px;
float: left;
text-align: left;
left: 0px; }

#rightsubmenucontent {position: relative;
top: 32px;
left: 10px;
width: 398px;
height: 100px;
float: left;
vertical-align: middle; }

.rightsubmenu {position: absolute;
top: -2px;
width: 300px;
margin-left:1em;
padding-left:1em;
font-size: small;
line-height: 1.5em;
float: left;
text-align: left;
left: 0px;
list-style-type: none; }

.rightsubmenucoltwo {position: absolute;
top: -2px;
width: 300px;
margin-left:1em;
padding-left:1em;
font-size: small;
line-height: 1.5em;
float: left;
text-align: left;
left: 166px;
list-style-type: none; }

.rightdescription {position: absolute;
top: 275px;
width: 270px;
padding: 0px;
font-size: small;
line-height: 1.2em;
float: left;
text-align: left;
padding: 0px;
margin: 0px;
left: 35px;
list-style-type: none; }

/* ---------- about pages contact info -------------- */

#rightcontentinfo {position: relative;
top: 32px;
left: 10px;
width: 398px;
height: 100px;
float: left;
vertical-align: middle; }

/* ---------- strapline images -------------- */

#gallerystraplinehome {float: left;
/* text-align: right;
*/
padding: 0px;
margin: 0px;
top: 395px;
position: relative;
left: 2px;
width: 950px;
height: 128px;
clear: both; }

#gallerystrapline {float: left;
padding: 0px;
margin: 0px;
top: 49px;
position: relative;
left: 2px;
width: 950px;
height: 128px; }

#gallerystraplineie {float: left;
padding: 0px;
margin: 0px;
top: 49px;
position: relative;
left: 2px;
width: 950px;
height: 128px; }

/* ---------- footer -------------- */

.footerleft {float: left;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
top: 140px;
left: 0px;
width: 400px;
height: 0px; }

.footerright {float: left;
text-align: right;
padding: 0px;
margin: 0px;
top: 0px;
position: absolute;
left: 370px;
width: 580px;
height: 0px; }

/* ---------- END -------------- */