/* Remove browser default margin and padding properties */
html, body, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0px; padding: 0px;}

body {  
    background-color:#FFF;
    background-image: url(/images/template/MarginBackground.gif);
    background-repeat: repeat;
    color:#006;
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 0.8em;  
}

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0px 0px 0.5em 0px; padding: 0px}
h1 {font-size: 2em;} 
h2 {font-size: 1.8em; margin: 0px 0px 24px 0px;} 
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

a { color: #39F; text-decoration: none;} 
a:link { text-decoration: none;}
a:visited { color: #003; }
a:hover { text-decoration: underline; color: #339;} 
a:active { text-decoration: none;} 
a:visited:hover { text-decoration: underline; }

img, a img, :link img, :visited img {border: none;}

hr { border: none; background-color: #CCC; color: #CCC; height: 1px;}

table {border-collapse: collapse;}

th {font-weight:bold;}

ul, ol, dl {list-style-type: disc;}


.standardtable td { padding: 4px; }
.standardtable {margin: 0px 0px 0px 20px;}
.tablepadding { padding: 12px;}
.formtable td{ padding: 4px;}
.leftmargin {margin-left: 24px;}
.inlinelayout a{ margin: 4px 20px 4px 0px;}
.righttextalign {text-align: left;}
.floatright { float: right;}
.rhimages { position: absolute; right: 0px; width: 126px;}
.heading { font-size: 1.4em; font-weight: bold;}
.bo {font-weight:bold;}
.bgwhite {background:#fff;}
.listdate a { color: #006; font-weight:bold;}
.firstletter {	font-size: 1.3em; }
.note {	font-size: 0.85em; }

.pad6 td {padding: 6px;}


#pagecontainer {
     position: relative;
     width: 736px;
     margin-right: auto;
     margin-left: auto;
     text-align: left;
     background-color: #FFF;
     padding: 12px 16px 16px 16px;
          height: 100%;
}

#popup { background-color: #FFF; background-image: none; padding: 12px;}
#popup h4 { margin-left: 0px;}


#headercontainer { 
     height: 84px;
     }

#header { 
     position: absolute;
     top: 8px;
     right: 16px;
     width: 200px;
     height: 84px;
     display: block;
     }

#headerpopup {
     width: 600px;
     height: 30px;
     position: absolute;
     top: 12px;
     left: 12px;
}

#printheader {
     position: absolute; 
     top: 8px; 
     left: 16px; 
     display: none; 
     height: 55px; 
     width: 160px; 
}


#navcontainer {
     width: 736px;
     background-color: #000D5F;
     } 

#Home { background-color: #34AEFF; }
a:hover#Home { background-color: #000D5F; }

#Concept { background-color: #2b91e2; }
a:hover#Concept { background-color: #000D5F; }

#CanaryWharf { background-color: #2275c7;}
a:hover#CanaryWharf { background-color: #000D5F; }

#Gallery { background-color: #1a5daf; }
a:hover#Gallery { background-color: #000D5F; }

#Global { background-color: #13499b;}
a:hover#Global { background-color: #000D5F; }

#ContactUs { background-color: #0D3788;}
a:hover#ContactUs { background-color: #000D5F; }


.topnav0 { 
height: 28px; 
}
.topnav0 a { position: relative; top: 6px;}
.topnav0 a:link, .topnav0 a:visited, .topnav0 a:active { 
color: #FFF; 
text-decoration: none; 
padding: 6px; }

.topnav1 {  
height: 28px; 
background-color: #0D66BE;
}
.topnav1 a { position: relative; top: 6px; }
.topnav1 a:link, .topnav1 a:visited, .topnav1 a:active { 
color: #FFF; 
text-decoration: none; 
padding: 6px;}

.topnav1 a:hover { 
background-color: #000D5F; 
padding: 6px; }

.topnav2 {  
height: 28px; 
background-color: #0D66BE;
}
.topnav2 a { position: relative; top: 6px; }
.topnav2 a:link, .topnav2 a:visited, .topnav2 a:active { 
color: #FFF; 
text-decoration: none; 
padding: 6px;}

.topnav2 a:hover { 
background-color: #000D5F; 
padding: 6px; }


#auxmenu {
     position: relative;
     float: right;
     top: 2px;
     margin: 0px 6px 0px 0px;
          color: #FFF;
} 

#auxmenu a { text-decoration: none; color: #FFF}
#auxmenu a:hover { color: #FFF; text-decoration: underline; }
#auxmenu a:visited { color: #FFF; }
#auxmenu a:visited:hover { text-decoration: underline; color: #FFF;}
#auxmenu img{position: relative; top: 4px;} 



.titleleft {
     position: relative;
     top: 24px;
}

.titleleft p {
     position: relative;
     top: -36px;
     width: 320px;
     left: 320px;
}


.hometext {
     position: relative;
     top: 24px;
}

.hometext p {
     position: relative;
     top: -36px;
     width: 360px;
     left: 288px;
}


.concepttext {
     position: relative;
     top: 24px;
}

.concepttext p {
     position: relative;
     top: -36px;
     width: 380px;
     left: 288px;
}



#contentcontainer {
    position: relative;
    margin: 24px 0px 24px 0px;
    height: 100%;
    }


.block { 
     clear: both; 
     vertical-align: top;
     margin: 12px 0px 12px 0px;
     }

.block h1, h2, h3, h4, h5, h6 {margin: 12px 0px 0px 24px;}

.blockeditfunctions { }


.content {
          } 

.content p, h1, h2, h3, h4, h5, h6 { margin: 12px 0px 0px 24px; }

.content h3 { color: #3D7CC7;}

.contentpopup {
        width: auto;
        background-color: #FFF;
	position: relative;
	margin: 54px 0px 10px 12px;
} 

.contentpopup a { color: #39F; }



.form {margin: 24px 0px 0px 24px;}
.savebutton { padding: 2px 6px 2px 6px;}


.leftcolumn {
width: 48%;
margin: 0px 370px 0px 0px;
padding-left: 24px;
vertical-align: top;
}

.rightcolumn {
width: 48%;
margin-left: 370px;
vertical-align: top;
}

.imageright {
float: right;
margin: 0px 12px 0px 24px;
}

.imageleft {
float: left;
margin: 0px 12px 0px 24px;
}

.fullpageimage { 
     margin: 0px 0px 0px 24px;
     }




.gallerytable { margin: 0px 0px 0px 0px;}

.gallerythumbnail { text-align: left; background-color: #fff; width: 25%; }

.gallerythumbnail p { margin: 0px 4px 4px 0px; }

.gallerythumbnail h1, h2, h3, h4, h5, h6 { margin: 0px 4px 4px 24px; }

.galleryimage { text-align: left; margin-left: 24px;}

.galleryimagefull { margin-left: 0px;}

.photocaption {
   color: #039;
   font-size: 0.9em;
   margin: 12px 0px 12px 0px;
}

.photocredit {
   color: #666;
   font-size: 0.8em;
   margin: 6px 0px 12px 0px;
}


.pageeditinfo {
padding: 6px 6px 6px 6px;
background-color: #E1E1E1;
}

.pageeditinfo p {
clear: left;

}

.pageeditinfo label {
float: left;
width: 15%;

}

.pageeditlayout {
background-color: #E1E1E1;
border-top: 1px solid white;
padding: 6px 6px 6px 6px;
}

.pageeditlayout input{ margin: 0px 12px 0px 2px;}
.pageeditlayout img{ margin: 2px 2px 2px 2px;}

.pageeditlayouticon {
padding-right: 12px;
display: inline;
}

.pageedittable td{
padding: 6px;
}


.topofpage { margin: 72px 0px 12px 24px;}


#footer, #footer a { 
     color: #999;
     padding: 16px;
     text-align: center;
     margin-top: 12px;
          clear: both;
}

#footer hr {
     border: none;
     background-color: #CCC;
     color: #CCC;
     height: 1px;
     width: 95.8%;
}

#footer span {background-color: #C00;}



.fixed {font-family: "Courier New", Courier, mono; font-size: 12px}

.clearboth {clear: both;}


@media print {
    body { font-size: 10pt; margin: 0px;}
    #pagecontainer { width: auto; padding: 0px; margin: 0px;}
   #printheader {position: absolute; top: 0px; left: 0px; display: block; height: 55px; width: 160px; }
    #headercontainer { height: 55px; width: 100%;}
    #header { display: none;}
    #navcontainer, #navigation, #auxmenu, topnav1, topnav0 { display: none;}
    .topofpage { display: none;}
    #contentcontainer { margin: 0px;}
    .blockeditfunctions { display: none; }
    .content p, h1, h2, h3, h4, h5, h6 { margin: 12px 0px 0px 0px; }
    .imageright { float: right; margin: 0px 0px 0px 12px;}
    .imageleft { float: left; margin: 0px 12px 0px 0px;}
    .fullpageimage { margin: 0px 0px 0px 0px;}
    #footer { font-size: 9pt; }
    }