﻿body 
{
    color:black;
}

a
{
    color:black;
    text-decoration:none;
    font-weight:bold;    
}

a img
{
    display:block;
    border:0px;
}

h1
{
    font-size:150%;
    font-weight:normal;
    text-transform:uppercase;
}

blockquote
{
    font-family: Gill Sans MT, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 10px 0px 0px;
}

blockquote p
{
    padding-top:0px;
    margin-top:0px;
}

cite
{
    font-family: Gill Sans MT, Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:12px;
    font-weight:normal;
}

#displayarea
{
    position:relative;
    width:414px;
    height:351px;
    background:#BCBDC0 url(Images/ImageGrid.gif) no-repeat top left;
    float:left;
}

#displayarea img
{
    display:block;
}

#contentarea
{
    width:326px;
    min-height:327px;  
    float:left;
    background:#6D6E71;
    color:White;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:10px 20px 14px 20px;
    overflow:hidden;
}

#displayareaupload
{
    position:relative;
    width:374px;
    height:351px;
    background:#BCBDC0 url(Images/ImageGrid.gif) no-repeat top left;
    float:left;
}


#contentareaupload
{
    width:366px;
    min-height:327px;  
    float:left;
    background:#6D6E71;
    color:White;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:10px 20px 14px 20px;
    overflow:hidden;
}

#nopadding
{
    padding:0px;
}

#contentarea a
{
    color:White;
}

#page
{
    margin:5% auto 10px auto;
    width:780px;
}
#header
{
    height:59px;
    width:137px;
    position:relative;
    padding-top:21px;
}
#menu
{
    width: 780px;
    height: 80px;
    position:relative;
    background: url(Images/MenuBar.gif) no-repeat bottom right;
    font-family: Gill Sans MT, Arial, Helvetica, sans-serif;
    font-size:16px;
}

#menu a
{
    text-decoration: none;
    font-weight:normal;
    color: #999999;
    font-family:Century Gothic, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:right;
}

#menu a.selected, #menu a:hover
{
    color: #666666;
}

#menu ul
{
    position:absolute;
    text-align:right;
    margin:0px;
    padding:0px;
}

#menu li
{
    display:inline;
    margin:0px 10px 0px 0px;
    padding:0px;
}

#menu1
{
    top:8px;
    right:0px;
}

#menu2
{
    top:48px;
    right:0px;
}

#footerarea
{
    width:780px;
    height:40px;
    clear:both;
}
#footerarea .strip
{
    width:100%;
    height:12px;
}

#footerarea .default
{
    background-color:#b2b2b2;
}

#footerarea .green
{
    background-color:#A6C197;
}

#footerarea .red
{
    background-color:#DCA3B9;
}

#footerarea .blue
{
    background-color:#A4B6DD;
}
#footerarea .peach
{
   background-color:#F3C691;
}
#footerarea .torquise
{
   background-color:#82C8BB;
}
#footerarea .darkred
{
   background-color:#AF7C7B;
}

#footerarea .newsletter
{
    margin:10px 10px 0px 10px; padding:0px;
	float:left;
	border:none;
	background-color: #BCBDC0;
	color:#ffffff;
}


#footerarea .tagline
{
    font-family:Century Gothic, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:right;
    color: #666666;
    margin:5px 10px 0px 10px; padding:0px;
    font-weight:normal;
}
#footerarea .tagline a
{
    font-family:Century Gothic, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:right;
    color: #666666;
    margin:5px 0px 0px 10px; padding:0px;
    font-weight:normal;
}

.displaylink 
{
    position:absolute;
    background:#b2b2b2;
    overflow:hidden;
    border:0px;
}

.displaylink span
{
    display:none;
}

.enquiry 
{
    width:320px;
    color:#333333;
    background-color:#cccccc;
    border:outset 1px #cccccc;
    margin-bottom:5px;
}

.enquiry table
{
    width:100%;
    border-collapse:collapse;
}

.enquiry td
{
    margin:0px; padding:2px 0px 2px 5px; 
    vertical-align: top;
}

.enquiry th
{
    width:60px;
    margin:0px; padding:2px 0px; 
    vertical-align: top;
    text-align:left;
    font-weight:normal;
    font-size:80%;
}

.enquiry .input
{
    width:215px;
}

.enquiry .required
{
    width:10px;
    text-align:right;
}
.enquiry input, .enquiry textarea
{
    width:210px;
    border:none;
    background:transparent;
    overflow:hidden;
    font-family: inherit;
    font-size: 0.9em;
}

.enquiry-submit
{
    text-align:right;
}
.enquiry-submit button, .enquiry-submit input
{
    font-family: inherit;
    font-size: inherit;

    margin-right:24px;
    width:60px;
    color:#333333;
    background-color:#cccccc;
    border:outset 1px #cccccc;
}

.left1 { left:0px; }
.left2 { left:139px; }
.left3 { left:278px; }
.top1 { top:0px; }
.top2 { top:118px; }
.top3 { top:236px; }
.width1 { width:136px; }
.width2 { width:275px; }
.width3 { width:414px; }
.height1 { height:115px; }
.height2 { height:233px; }
.height3 { height:351px; }

body.popup
{
    background:#666666;
    color:White;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size:12px;
}

body.popup .content
{
    margin-top:20px;
    padding:20px 10px 10px 10px;
}

body.popup a
{
    color:White;
}
body.popup .popupfooter
{
    height:200px;
}

.contactdetails
{
    float:left;
}
.contactdetails p
{
    margin:0;
    font-size:0.9em;
}

.teldetails
{
    float:right;
}
.teldetails p
{
    margin:0;
    margin-right:25px;
    font-size:0.9em;
    text-align:right;
}
.breaker
{
    clear:both;
}

.intro
{
    border:#b2b2b2 thin solid;
    text-align:center;
    vertical-align:middle;
    margin-top:42px;
    height:392px;
}
.flashintro
{
    margin:auto;
}

#errorarea
{
    width:250px;
    float:left;
}
.error
{
    font-size:0.7em;
}
#headerspan
{
    visibility:hidden;
}
#homeheader
{
    background:url(images/home.gif) no-repeat left top;
}
#aboutheader
{
    background:url(images/about.gif) no-repeat left top;
}
#contactheader
{
    background:url(images/contact.gif) no-repeat left top;
}
#casestudiesheader
{
    background:url(images/casestudies.gif) no-repeat left top;
}
.headers
{
    height:36px;
    margin-bottom:10px;
    margin-top:10px;
}
.reference
{

    padding-top:7px;
}

.setheightforIE
{
    height:327px;
}

#contentarea .green
{
    color:#A6C197;
}

#contentarea .red
{
    color:#DCA3B9;
}

#contentarea .blue
{
    color:#A4B6DD;
}
#contentarea .peach
{
   color:#F3C691;
}
#contentarea .torquise
{
   color:#82C8BB;
}
#contentarea .darkred
{
   color:#AF7C7B;
}
#contentarea .adobenote
{
	font-size:smaller;
}