/* principle block elements */

#container {
  border: 0px solid black;
  width: 904px;
  margin: 20px 0 50px 50px;;
  padding: 2px 0;
  background-color: #ccc;
}
#container-inner {
  border: 0px solid black;
  width: 900px;
  margin: 0 2px;
  padding: 0;
  background-color: #f0f0f0;
}
#pagehead {
  position: relative;
  border: 0px solid black;
  border-bottom: 2px solid #ccc;
  width: 900px;
  height: 78px;
}
#logo {
  border: 0px solid black;
  text-align: left;
  padding: 0;
  position: absolute;
  top: 10px;
  left: 10px;
}
#strapline {
  border: 0px solid black;
  position: absolute;
  bottom: 2px;
  left: 120px;
  z-index: 9;
  width: 100px;
}

#navigation {
  border: 0px solid black;
  width: 500px;
  text-align: right;
  padding-right: 0;
  position: absolute;
  bottom: 5px;
  right: 10px;
}
#leftcol {
float: left;
width: 280px;
height: 280px;
text-align: right;
padding-top: 20px;
padding-right: 20px;
color: #ddd;
font-size:50px;
font-family:Verdana;
-webkit-transform: rotate(-90deg); 
-moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#maincol {
border: 0em solid black;
padding: 5px 0;
width: auto;
margin: 10px 20px 0px 300px;
padding-bottom: 50px;
}

#footer { 
position: fixed; 
bottom: 0px; left: 0px;
display: none; 
width: 100%; 
color: white; 
background-color: grey;
padding: 7px 50px; 
}
#sitetitle { 
letter-spacing: 0.8em; 
color: black; 
font-size: 2em;}


#googleads {
border: 1px solid black; 
float: right; 
margin-top: 3em;
margin-left: 1em;
}



/* for admin area */
.fileupload {
width: 220px;
padding: 20px;
border: 0px solid black;
margin: 3px;
}
.errorbox {
padding: 3px;
margin: 3px;
width: 400px;
border: 1px solid black;
text-align: center;
color: white;
background-color: lightgrey;
font-weight: bold;
font-size: 0.8em;
}

/* for portfolio */
.portfolioitem a.title {
display: block;
}
.portfolioitem img.right {
float: right;
width: 200px;
height: 130px;
border: 1px solid black;
margin: 3px 12px;
background-color: #fff;
}
.portfolioitem img.left {
float: left;
width: 200px;
height: 130px;
border: 1px solid black;
margin: 3px 12px;
background-color: #fff;
}
.portfolioitem {
margin: 8px 20px 8px 0px;
padding: 8px 8px;
border-bottom: 1px solid #aaa;
border-top: 1px solid #aaa;
background-color: #ddd;
}

/* for viewpagedata function */
#pagedata {
border: 1px solid black;
font-size: 70%;
text-align: left;
padding: 4px;
display: none;
background-color: #D3D3D3;
margin-bottom: 100px;
  /* DHTML settings */
  position: absolute;  
  z-index: 20; 
  left: 100px; 
  top: 0px;
}

#showpagedatabutton{
text-align: center; 
color: #aaa;
}  

.labels { /* for the pagedata div */
  float: left;
  width: 120px;
  color: #FFA500;
  text-align: right;
  }
  


/* contact form */
form.contact input[type=text]  {
margin-bottom: 0.6em; width: 30em; font-family: verdana; font-size: 80%; background-color: #ddd;
}
form.contact textarea {
width: 30em; height: 20em; font-family: verdana; font-size: 80%; background-color: #ddd;
}
  
form.contact #captcha {
width: 30em; 
}