/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body {
  color:#000000; 
  font: 62.5%/1.6  Arial, Helvetica, Verdana, sans-serif;
/*background: url(../images/logos_bw.jpg);*/
 /* background-attachment: fixed;*/
background:#F0E7DD;

}

h1 {
color:#F0E7DD;
  font-size: 46px;
  font-weight: normal;
  line-height:49px;
  padding:8px 0 0 0;
  margin:0;
}

h2 {
color:#FFFFFF;
  font-size: 20px;
  font-weight: normal;
  background:#AAAAAA;
  padding:3px 3px 1px 3px;
  margin:0;
  display:inline;
}

h3 {
color:#FFFFFF;
  font-size: 20px;
  font-weight: normal;
 background:#FF0099;
  padding:3px 3px 0px 8px;
  margin:0;
  display:block;
  border-bottom: solid 8px #fff;

}
h4 {
color:#000000;
  font-size: 14px;
  font-weight: bold;
  line-height:17px;
  padding:0;
  margin:0;

}
h5 {
color:#000000;
  font-size: 16px;
  font-weight: normal;
  padding:0;
  margin:0;

}
h6 {
color:#FFFFFF;
  font-size: 16px;
  font-weight: normal;
  padding:0;
  margin:0;

}
p, li {
color:#000000;
  font-size: 12px;
  line-height:15px;
  padding:2px 0 8px 0;
}
/* COLOURS */

.textBgpink{
background:#FF0099;
color:#FFFFFF;
}
.textBggreen{
background:#00CC00;
padding:3px 0 0 2px;
}
.textBggrey{
background:#AAAAAA;
padding:3px 0 0 5px;
}

.textBlue{
color:#0092EF;
}
.textBlack{
color:#000000;
}
.bgColPink{
background:#FF0099;
}
.bgColPinklite{
background:#FC2EAA;
}

.bgColBlack{
background:#000000;
}
.bgColYellow{
background:#FFFF00;
}
.bgColWhite{
background:#FFFFFF;
}


 
 object { padding:0px; border-width:0px; margin:0px; display: block}
 
 img { padding:0px; border-width:0px; margin:0px; display: block}
 
/* HR HORIZONTAL LINE */
 div.hr { margin: 10px 0px 10px 0px; border: none; border-top: 5px solid #F0E7DD; }
 div.hr hr { display: none; }


/* Body and Wrapper
========================================================== */

body {
  text-align: center; 
  min-width: 980px;
}

#wrapper {
  width: 944px; 
  margin: 0 auto; 
  /*remove 'auto' to stop centering*/
  text-align: left; 
  padding:0px 18px 8px 18px;
    background: url(../images/bg_br_paper.gif);

}
/* BRANDING */

#branding {
/*height: 200px;*/
width:944px;
padding:0px 0 6px 0;
margin:0;
  
}



/* TABLES
====================================================================================*/
	
table {
width:100%;
background-color:#FFFFFF;
background-image:url(../images/bg_table.gif); 
  border-collapse: collapse;
	   color:#000000;
	   margin:0 0 8px 0;
	   padding:0;
	   
}

table p {
padding:6px;
font-weight:normal;

}
table h4 {
padding:6px;


}
/*
col {
 border-right: 0px solid #000000;
}
*/
th {
vertical-align: top;
padding:0px 0px 5px 0px; /*?no padd*/
margin:0px;
text-align: left; 
width:226px;
}
td {
vertical-align: top;
padding:0px 0px 5px 8px; /*left padd*/
margin:0px;
text-align: left; 
width:226px;

}

.borderLeft {
border-left: 1px solid #E8E6E8;
}

.oddOne {
  background-color:#FFFFF7;

}
.oddTwo {
  background-color:#F4D8E7;
}



/* MAIN BITS - PROJECT EXAMPLE PAGES
====================================================================================*/
/* Content Holder - contains divs below */
/* TITLE */
#myNav {
 text-align: left; 
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px 8px 3px 8px;
margin:0 0 1px 0;
clear:both; 
background:#FFFFFF;

}
#contentMain{
 text-align: left; 
width:944px;
padding:0;
margin:0;
clear:both; 
}

/* PICS AND TEXT BOXES SQUARE */

.bigMediabox {
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px 8px 0px 8px;
margin:0;
clear:both;

}
.bigMediaboxport {
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:0px 8px 0px 8px;
margin:0 0 1px 0;
clear:both;
border-bottom: solid 1px #FFFFFF;

}
#bigMediaboxhome {
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px 8px 8px 8px;
margin:0;
clear:both;

}

.bigPicbox {
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px;
margin:0;
clear:both;

}
.bigTextbox {
width:922px; /*for padding right text FF*/
background:#FFFFFF;
padding:8px 14px 8px 8px;
margin:0;
clear:both;

}
.bigBlackbox {
width:928px; 
background:#000000;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
/* Utilty boxes and for Footer */
.bigGreenbox {
width:928px; /*944  less 16*/
background:#00C957;
padding:8px;
margin:0 0 0px 0;
clear:both;
}

.bigBrownbox {
width:928px; /*944  less 16*/
background:#71542F;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
.bigYellowbox {
width:928px; /*944  less 16*/
background:#FFEA00;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
.bigPinkbox {
width:928px; /*944  less 16*/
background:#FF0099;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
.bigPurplebox {
width:928px; /*944  less 16*/
background:#8A2BE2;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
.bigBluebox {
width:928px; /*944  less 16*/
background:#0092EF;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
.bigOrangebox {
width:928px; /*944  less 16*/
background:#FF3300;
padding:8px;
margin:0 0 0px 0;
clear:both;
}
.bigWhitebox {
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px;
margin:0 0 1px 0;
clear:both;

}

.bigClerabox {
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px;
margin:0 0 6px 0;
clear:both;
}
/* BOXES FOR PORTFOLIO ARCHIVE
=========================================================
*/
#mediaHolder{
width:928px; /*944  less 16*/
background:#FFFFFF;
padding:8px;
margin:0 0 8px 0;
float:right;


}

.skyHolder {
width:120px;
margin:0;
padding:0;
float:left;

}
.mpuHolder {
width: 800px;
float:right;
margin:0;
padding:0 0 8px 0;

}
.bannerHolder {
width: 800px;
float:right;
margin:0;
padding:0;

}

/* WHITE BOX */
.box_w { 
  background: #FFFFFF; 
  margin: 0 0 6px 0;
}
.boxtop_w { 
  background: url(../images/w_ne.gif) no-repeat top right; 
}
.boxtop_w div { 
  font-size: 0;
  height: 5px; 
  background: url(../images/w_nw.gif) no-repeat top left; 
}
.boxbottom_w { 
  background: url(../images/w_se.gif) no-repeat bottom right; 
}
.boxbottom_w div { 
  font-size: 0;
  height: 5px; 
  background: url(../images/w_sw.gif) no-repeat bottom left; 
}
.boxcontent_w {
  padding: 0px 8px 0px 8px;
}
/* ORANGE BOX */
.box_o { 
  background: #FF2E08; 
  margin: 0 0 6px 0;
}
.boxtop_o { 
  background: url(../images/o_ne.gif) no-repeat top right; 
}
.boxtop_o div { 
  font-size: 0;
  height: 5px; 
  background: url(../images/o_nw.gif) no-repeat top left; 
}
.boxbottom_o { 
  background: url(../images/o_se.gif) no-repeat bottom right; 
}
.boxbottom_o div { 
  font-size: 0;
  height: 5px; 
  background: url(../images/o_sw.gif) no-repeat bottom left; 
}
.boxcontent_o {
  padding: 0px 8px 0px 8px;
}
/* GREEN BOX */
.box_g { 
  background: #00CC00; 
  margin: 0 0 6px 0;
}
.boxtop_g { 
  background: url(../images/g_ne.gif) no-repeat top right; 
}
.boxtop_g div { 
  font-size: 0;
  height: 5px; 
  background: url(../images/g_nw.gif) no-repeat top left; 
}
.boxbottom_g { 
  background: url(../images/g_se.gif) no-repeat bottom right; 
}
.boxbottom_g div { 
  font-size: 0;
  height: 5px; 
  background: url(../images/g_sw.gif) no-repeat bottom left; 
}
.boxcontent_g {
  padding: 0px 8px 0px 8px;
}
/* BOX IMAGE and TEXT HOLDERS */

.pictureBox {
padding:3px 0 0 0;
margin:0;
clear:both;
}

.textBox {
padding:3px 0 0 0;
margin:0;
clear:both;
}


/* Footer
========================================================== */
#footer {
  padding:0;
  margin:8px 0 0 0;
  text-align:left;
    clear: both;

}
#footer p {
padding:0;
}


/* icon stuff */
			
.iconOutlink {
background: transparent url(../images/icon_outlink.gif)
scroll no-repeat right center;
padding: 2px 27px 2px 0px;
}

.iconInlink {
background: transparent url(../images/icon_inlink.gif)
scroll no-repeat right center;
padding: 2px 27px 2px 0px;
}