body
{
    padding: 0px;
    margin: 0px;
    background-color: #14285f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
}

/* Change the default margin for the p element*/
p 
{
    margin-bottom:8px;
    margin-top:8px;
}

#contentouterarea
{
    width: 800px;
    padding: 0px;
    margin: auto;
    background-color:Transparent;
}

#loginheader
{
    margin: 0px;
    padding: 0px;
    background-image: url(images/1.png);
    color: White;
    font-size: 7pt;
    height: 57px;
    background-color: Transparent;
}

#loginarea
{
    display: block;
    width: 290px;
    position: relative;
    left: 450px;
    top: 15px;
}

#loginarea a
{
    text-decoration:none;
}
.clientareahighlight
{
    font-size: 9pt;
    color: #FF9900;
}


#mainheader
{
    margin: 0px;
    padding: 0px;
}
#mainbody
{
    background-color:#FFFFFF;
}
#maincontentarea:
{
    clear: both;
    margin-top: 20px;
    color: #A4A2B0;
    background-color:Transparent;
}

#navbar
{
    clear: both;
    float: left;
    width: 200px;
    color: #006699;
    text-align: right;
    padding-right: 5px;
        border-right: solid 1px #2BA0B5;

}

#navbar ul
{
    margin: 0px;
    padding: 0px;
}

#navbar li
{
    list-style: none;
}

#navbar a
{
    font-weight: bold;
    font-size: 8pt;
    color: #006699;
    font-family: Tahoma;
    text-decoration: none;
    letter-spacing: 0.02em;
    display: block;
    padding: 10px;
    border-top: 1px dotted white;
    border-bottom: 1px dotted white;
}

#navbar a:hover
{
    color: #99CC00;
    border-top: 1px dotted red;
    border-bottom: 1px dotted red;
}



#specialoffersheader
{
    background-image: url(images/2.png);
    height: 46px;
    clear: both;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
}

div.specialoffer
{
    display: block;
    position: relative;
    left: 600px;
    top: 10px;
    width: 200px;
}

div.specialoffer a
{
    color:White;
    text-decoration:none;
}

#descriptionarea
{
    float: left;
    width: 400px;
    /*border-left: solid 1px #2BA0B5;*/
    font-size: 10pt;
    line-height: 1.3em;
    padding-left: 10px;
    padding-right: 10px;
    color: #A4A2B0;

}

#descriptionarea h1
{
line-height:normal;
color:#006699;
}



#contactarea
{
    float: left;
    width: 150px;
    color: #A4A2B0;
    font-size: 8pt;
    line-height: 1.3em;
}
#contactarea a
{
    padding: 0px;
    font-size: 8pt;
    text-decoration: none;
    color: #A4A2B0;
}

#contactarea a:hover
{
    color: #006699;
}


#contactfindus
{
    /*Div for the onclick event test*/
    position:absolute;
    background-color:Red;
    z-index:999;
    display:block;
    width:169px;
    height:91px;
    left:700px;
    top:454px;
}
#sectiondetail
{
    clear: both;
    margin-top: 0px;
    color: #A4A2B0;

}


/* 
Start of Tabbed designs
*/

div.tabname
{
    display:block;
    position:relative;
    left:145px;
    top:18px;
    font-size:13pt;
    letter-spacing:0.01em;
}

#detailtab
{
    display: block;
    height: 51px;
    background-color: Transparent;
    margin:0px;
}

#detailcontents
{
    line-height:2em;
    color:inherit;
    padding:10px;
    margin:0px;
    color: #666666;

}

#detailcontents a
{
    cursor:pointer;
}

#detailcontents td
{
   vertical-align:top;
   padding:20px;
}

#detailcontents a
{
    text-decoration:none;
    color: #666666;

}
#detailcontents img
{
    border:none;
    margin-top:10px;
    margin-bottom:10px;
}


/*
Each section has a different coloured tab. 
This is displayed as a background image of the div
A different CSS Class is asigned to each div
*/
#detailtab.recentprojects
{
    background-image: url(images/6.png);
    
}

#detailcontents.recentprojects
{
background-color:#D6E7F3;
}


#detailtab.ourservices
{
      background-image: url(images/8.png);
  
}

#detailcontents.ourservices
{
    background-color: #DFE6B9;
}

#detailtab.brochures
{
      background-image: url(images/9a.png);
  
}

#detailcontents.brochures
{
    background-color: #DAE1E4;
}

#detailtab.logos
{
      background-image: url(images/6.png);
  
}

#detailcontents.logos
{
    background-color: #D6E7F3;
}

#detailtab.webdesign
{
      background-image: url(images/5.png);
  
}

#detailcontents.webdesign
{
    background-color: #BFE9EF;
}

#detailtab.photography
{
      background-image: url(images/9.png);
  
}

#detailcontents.photography
{
    background-color: #EEE0B7;
}

#detailtab.exhibition
{
      background-image: url(images/7n.png);
  
}

#detailcontents.exhibition
{
    background-color: #DFE6B9;
}

#detailtab.specialoffers
{
      background-image: url(images/7b.png);
      color:White;
  
}



#detailcontents.specialoffers
{
    background-color: #DFE6B9;
}


#orderForm
{
      background-color: #DFE6B9;
  
}
/*
End of Tabbed Designs
*/

#businesstermstab
{      
    background-image: url('images/9a2.png');
    display:block;
    height: 51px;
    margin:0px;
}
#businessterms
{
      background-color: #DFE6B9;
}

#businesstermscontent
{
    background-color: #DAE1E4;
    line-height: 1.6em;
    color: #666666;
    padding-left: 20px;
}

#mainfooter
{
    background-color:Transparent;
}
#logofooter td
{
    text-align: center;
    color: #006699;
}

#logofooter a
{
    font-weight: bold;
    font-size: 8pt;
    color: #006699;
    font-family: Tahoma;
    text-decoration: none;
    letter-spacing: 0.02em;
    display: block;
    padding: 10px;
    border-top: 1px dotted white;
    border-bottom: 1px dotted white;
}

#logofooter a:hover
{
    color: #99CC00;
    border-top: 1px dotted red;
    border-bottom: 1px dotted red;
}


#companyfooter
{
    display:block;
    background-color:#14285f;
    background-image:url(images/3.png);
    height:49px;
    padding:5px;
    background-repeat:no-repeat;
}

.backtotop
{
position:relative;
display:block;
left:375px;
width:100px;
top:5px;

}

.backtotop a
{    
    text-decoration:none;
    color: #FF00FF;
    font-size:10pt;
}

.design
{
    color: #FF00FF;
    margin-bottom:5px;
    float:left;
}

.numbers
{
    color: #33CCFF;
    clear:both;
}
.highlight
{
    color: #006699;
}

.highlightbold
{
    color: #006699;
    font-weight:bold;
}

#registration
{
    padding:20px;
    color:#006699;
}

table.application
{
    width:100%;
    border-collapse:collapse;
}


td.application
{
   width:150px;
   padding-right:10px;
}

.inputfield
{
    border-style:solid;
    border-width:1px;
    border-color:Silver;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
}

/* Client area styles.
*/

#clientfileareatab
{
    background-image: url(images/9a.png);
    display: block;
    height: 51px;
    background-color: Transparent;
    margin:0px;}

#clientfilearea
{
    padding:30px;
    margin:0px;
        background-color: #DAE1E4;

}

#clientfilearea a
{
    margin:10px;
    text-decoration:none;
    border:none;
}

#clientfilearea img
{
    border:none;
}

#designfilearea
{
    padding: 30px;
    margin: 0px;
    background-color: #E0CDDA;
    border-bottom-style: none;
    border-bottom-width: 2px;
    border-bottom-color: #8A5579;
}


#designfilearea a
{
    margin:10px;
    text-decoration:none;
    border:none;
}

#designfilearea img
{
    border: none;
}


#designfileareatab
{
    background-image: url(images/9b.png);
    display: block;
    height: 51px;
    background-color:#DAE1E4;
    margin:0px;}

#generalfilearea
{
    padding: 30px;
    margin: 0px;
    background-color: #DAE1E4;
  
}


#generalfilearea a
{
    margin:10px;
    text-decoration:none;
    border:none;
}

#generalfilearea img
{
    border: none;
}


#generalfileareatab
{
    background-image: url(images/9a.png);
    display: block;
    height: 51px;
    background-color:#DAE1E4;
    margin:0px;}


.filelist
{
    margin:10px;
}
    
.filelists td
{
    padding:10px;  
    text-align:center;
    vertical-align:middle;      
}

.loggedindetails td
{
    padding:3px;
}

#loggedindetails
{
    color:#A4A2B0;
}