/***** CSS reset & defaults *****/

/** {position: relative; zoom: 1;} /** ie6 debug **/
* { margin:0; padding:0; border:0; /**/font-size:100%;/*fix 5*/ vertical-align:baseline; }
body { height:100%; font:100%/*fix 4*/ Verdana, Geneva, Tahoma, sans-serif; color:#000000;/*black*/ background:#000000/*black*/ url(/mwimages/grunge_black_bg.jpg) repeat-x top left; margin-top:3px; }
p, h1, h2, h3, h4, h5, h6 { padding:4pt 0 4pt 0; }
h1, h2 { font-weight:bold; font-size:15pt; color:#EDEDED; text-align:center; }
ol, ul { list-style:none; }
a { text-decoration:none; } a:link { color:#A1A1A1;} a:visited { color:#3B3B3B;} a:hover { color:#4D4D4D;} a:active { color:#3B3B3B; }


/***** Random Classes *****/
.addthis_button { }
.photographerPic { float:right; border:4px solid #4A4A4A; margin:5px 40px 0 10px; }
.centrePicContainer { width:520px; margin:0 auto; }
.centrePicContainer2 { width:620px; margin:0 auto; margin-top:30px; }
.presentationPic { vertical-align:top; margin-right:20px; }
.smallPic { height:122px; width:150px; border:4px solid #4A4A4A; margin:5px 5px 5px 5px; }
.equipmentPics { float:right; margin:5px 40px 0 10px; }
.leftHeader { text-align:left; margin-left:40px; }

/***** Wrapper *****/
#aWrapper { width:960px; margin:0 auto; border:#000000/*Black*/ 1px solid; background:#707070/*Gray 44*/ url(/mwimages/faux_column.gif) repeat-y left top; /**/overflow:hidden;/**Fix 3**/ }


/***** Header *****/
#aHeader { width:950px; height:150px; border-bottom:#000000/*Black*/ 1px solid; position:relative; padding:0 5px; background:#383838 url(/mwimages/banner.jpg); }

/***** Content *****/
#aContent { float:left; position:relative; width:794px; border-left:1px solid #000000; font-size:11pt; margin-left:150px; padding-left:10px; padding-right:5px; padding-bottom:20px; background-color:#707070;/*Gray 44*/ /**/overflow:hidden;/**Fix 3**/ /*display:inline;*fix 1*/ }
#aContent .headerText { width:90%; height:20px; line-height:20px; margin:0 auto; margin-top:20px; margin-bottom:20px; background-color:#383838;}
#aContent h1 a, #aContent h2 a { color:#EDEDED;/*gray93*/}
#aContent h2 sub { font-size:7pt; }
#aContent p { margin-top:10px; margin-left:40px; margin-right:40px; }
a.introLink {color:#000000;/*black*/}
#galleryDiv { width:630px; margin-left:87px; /**/ overflow:hidden;/*fix 3*/ }
#galleryItem { float:left; /*height:210px;*/ margin:0 5px 0 5px; /*display:inline;/*fix 1*//**/overflow:hidden;/*fix 3*/ }
#galleryItem img { border:4px solid #4A4A4A; margin:5px 5px 0 5px; }
#galleryItem .caption { display:block; border:2px solid #4A4A4A; border-top:0; margin:0; margin-left:25px; margin-top:-3px;} 
#galleryItem .package { display:block; border:2px solid #4A4A4A; border-top:0; margin:0; margin-left:44px; margin-top:-3px;}

/***** Sidebar *****/
#aSideBar { float:left; width:140px; padding:0 5px; margin-left:-960px; background-color:#383838; /*display:inline;/*fix 1*/ }
#aSideBar img { margin-top:20px; }
#aSideBar ul { width:135px; font-size:12pt; color:#EDEDED; }
#aSideBar ul li {margin:5px 0 5px 0; }
#aSideBar ul li a { display:block; width:132px; }
#aSideBar li a:link, #aSideBar li a:visited { padding:5px 0 5px 3px; background-color:#383838; color:#EDEDED; text-align:left; }
#aSideBar li a:hover, #aSideBar li a:active { padding:5px 0 5px 3px; background-color:#4A4A4A; color:#EDEDED; text-align:left; }


/***** Footer *****/
#aFooter { clear:both; width:960px; margin:0 auto; font-size:10pt; text-align:center; height:91px; background-color:#383838;/*gray22*/ }
#aFooter a:visited { color:#4D4D4D; }
#aFooter a:hover { color:#4D4D4D; }
#aFooter a.quickLinks { color:#707070;/*gray34*/ font-size:8pt;}
#aFooter .copyright { color:#707070; font-size:7pt; }
#aFooter a.design { display:block; width:170px; margin:0 auto; color:#707070; font-size:7pt; font-weight:bold; line-height:25px; }

/***** Fixes *****
1 display:inline fixes ie6 double margin on floated elements.
2 zoom:1 to fix ie6, making the entire area of block level container clickable when using a.
3 overflow:hidden (combined with any width or zoom:1 for ie6) Expands the container with floats inside, all browsers.
4 Not setting a line height seems to remove expanding in ie6 & ie7??
5 Setting default font size to 100% rather than ems fixes problems according to CSS the missing manual.
*/

/***** techniques *****
1 Negative margin layout (swaps #content with #leftColumn so #content appears before #leftColumn in HTML). Firstly, I applied a left-margin to #content that is equal to #leftColumn width + left & right padding to create space. I then applied negative left-margin to #leftColumn equal to width of the #wrapper to pull #leftColumn to the extreme left of #wrapper.

*/