html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:verdana,sans-serif;vertical-align:baseline;background:transparent;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font:inherit;color:inherit;text-decoration:inherit;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

html, body { font-family:verdana,sans-serif; font-size:11px; margin:0px; padding:0px; background-color:#111111; color:white; height:100%; width:100%; }

body { }

div, table, td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }
td    { vertical-align:middle; text-align:center; }

a { color:#C9DE09; outline:none; }
a img { border:none; outline:none; }

p, ul { line-height:16px; padding:8px 0; margin:0; }

ul, ul ul { list-style:square; margin:0 0 0 18px; }

h1 { clear:none; padding:8px 0; margin:0; font-weight:bold; font-size:12px; }

strong { font-weight:bold; }

blockquote {  }

/* ------------------------------------------------------------------ Main Areas */

#Wrapper { width:840px; height:550px; position:absolute; top:50%; left:50%; margin:-275px 0 0 -420px; } /* Vertical centering */
#Wrapper { border:1px solid #2F2F2F; background:url('pictures/gs_webgraphics/ScarboroughDesign.gif') top right no-repeat; }

#Container { width:840px; height:550px; position:relative;  }

#MainArea {  }

#PageContent { position:absolute; top:125px; right:35px; width:235px; height:200px; z-index:1; }

#MainImage { position:absolute; top:25px; left:25px; width:325px; height:475px; overflow:hidden; z-index:0; }

/* ------------------------------------------------------------------ Navigation */

/* Main Styles */

#PageHeader { position:absolute; bottom:0; left:0; height:50px; margin:0 -15px; padding:0 25px; }

#PageHeader .PageMenu {  }
#PageHeader .PageMenu .Alignment { }

#PageHeader .PageMenu .MenuItem { float:left; }
#PageHeader .PageMenu .MenuItem a { display:block; margin:0; padding:0 15px; font-size:12px; line-height:50px; color:#5F676E; text-decoration:none; }
#PageHeader .PageMenu .MenuItem a:hover { color:white; }
#PageHeader .PageMenu .MenuItem a.Selected { color:#C9DE09; }

/* Highlighting */

body.cat_BRANDING-GRAPHICS #PageHeader .PageMenu .MenuItem.aid_BRANDING-GRAPHICS a,
body.cat_INSIDE-OUTSIDE #PageHeader .PageMenu .MenuItem.aid_INSIDE-OUTSIDE a,
body.cat_EXHIBITIONS #PageHeader .PageMenu .MenuItem.aid_EXHIBITIONS a { color:#C9DE09; }

/* ------------------------------------------------------------------ Page Footer */

#PageFooter { display:none; }

/* ------------------------------------------------------------------ Album Lists */

#AlbumList { width:800px; height:240px; padding:0 0 0 0; position:absolute; bottom:50px; left:20px; }

#AlbumList .Row { width:74px; height:74px; margin:3px; _margin-left:2px; float:left; overflow:hidden; cursor:pointer; background:#5F676E; }

#AlbumList .Row .Title { display:none; }
#AlbumList .Row .Button { display:none; }

#AlbumList .Row .Description { width:135px; height:150px; padding:45px 50px 60px 95px; position:absolute; top:-260px; left:-20px; background:url('pictures/gs_webgraphics/bubble_them.png') bottom right no-repeat; _background-image:url('pictures/gs_webgraphics/bubble_them_IE6.gif'); overflow:hidden; }
#AlbumList .Row .Description { line-height:21px; text-align:left; font-size:12px; color:#6A737B; }
#AlbumList .Row .Description strong { font:normal 22px/36px verdana,sans-serif; }

#AlbumList .Row.cat_FILLER table { display:none; }

/* Conditional Hovering */

#AlbumList .Row .Description { display:none; }

body.aid_BRANDING-GRAPHICS #AlbumList .Row.cat_BRANDING-GRAPHICS:hover,
body.aid_INSIDE-OUTSIDE #AlbumList .Row.cat_INSIDE-OUTSIDE:hover,
body.aid_EXHIBITIONS #AlbumList .Row.cat_EXHIBITIONS:hover,
body.aid_DEFAULT #AlbumList .Row.cat_BRANDING-GRAPHICS:hover,
body.aid_DEFAULT #AlbumList .Row.cat_INSIDE-OUTSIDE:hover,
body.aid_DEFAULT #AlbumList .Row.cat_EXHIBITIONS:hover { border:2px solid #C9DE09; margin:1px; }

body.aid_BRANDING-GRAPHICS #AlbumList .Row.cat_BRANDING-GRAPHICS:hover .Description,
body.aid_INSIDE-OUTSIDE #AlbumList .Row.cat_INSIDE-OUTSIDE:hover .Description,
body.aid_EXHIBITIONS #AlbumList .Row.cat_EXHIBITIONS:hover .Description,
body.aid_DEFAULT #AlbumList .Row.cat_BRANDING-GRAPHICS:hover .Description,
body.aid_DEFAULT #AlbumList .Row.cat_INSIDE-OUTSIDE:hover .Description ,
body.aid_DEFAULT #AlbumList .Row.cat_EXHIBITIONS:hover .Description { display:block; }

/* Same again for IE6 */

body.aid_BRANDING-GRAPHICS #AlbumList .Row.cat_BRANDING-GRAPHICS.hover .Description,
body.aid_INSIDE-OUTSIDE #AlbumList .Row.cat_INSIDE-OUTSIDE.hover .Description,
body.aid_EXHIBITIONS #AlbumList .Row.cat_EXHIBITIONS.hover .Description,
body.aid_DEFAULT #AlbumList .Row.cat_BRANDING-GRAPHICS.hover .Description,
body.aid_DEFAULT #AlbumList .Row.cat_INSIDE-OUTSIDE.hover .Description ,
body.aid_DEFAULT #AlbumList .Row.cat_EXHIBITIONS.hover .Description { display:none; }

/* Highlighting */

body.aid_BRANDING-GRAPHICS #AlbumList .Row.cat_EXHIBITIONS,
body.aid_BRANDING-GRAPHICS #AlbumList .Row.cat_INSIDE-OUTSIDE,
body.aid_INSIDE-OUTSIDE #AlbumList .Row.cat_EXHIBITIONS,
body.aid_INSIDE-OUTSIDE #AlbumList .Row.cat_BRANDING-GRAPHICS,
body.aid_EXHIBITIONS #AlbumList .Row.cat_INSIDE-OUTSIDE,
body.aid_EXHIBITIONS #AlbumList .Row.cat_BRANDING-GRAPHICS,
body.aid_BRANDING-GRAPHICS #AlbumList .Row.cat_FILLER,
body.aid_INSIDE-OUTSIDE #AlbumList .Row.cat_FILLER,
body.aid_EXHIBITIONS #AlbumList .Row.cat_FILLER { filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; cursor:default; }

#AlbumList .Row.cat_FILLER { cursor:default; }

/* ------------------------------------------------------------------ Image Lists */

#ImageList { width:400px; height:160px; padding:0 0 0 0; position:absolute; bottom:50px; right:20px; overflow:visible; z-index:900; }

#ImageList .Item { width:74px; height:74px; margin:3px; _margin-left:2px; float:left; overflow:hidden; cursor:pointer; background:#222222; position:relative; }
#ImageList .Item.Selected { border:2px solid #C9DE09; margin:1px; _margin-left:1px; }
#ImageList .Item:hover { border:2px solid #C9DE09; margin:1px; }

#ImageList .Item table.ThumbTable { width:200px; height:200px; position:absolute; top:-63px; left:-63px; }
#ImageList .Item table.ThumbTable td { width:200px; height:200px; text-align:center; vertical-align:middle; }
#ImageList .Item table.ThumbTable img { margin:0 auto; }


#ImageList .Footer { display:none; }

/* ------------------------------------------------------------------ Page Specifics */

/* ------------------------------------------------------------------ Contact Page */

#ContactForm { position:absolute; top:25px; left:25px; width:225px; height:455px; padding:20px 50px 0 50px; overflow:auto; z-index:0; background:url('pictures/gs_webgraphics/bubble_contact.gif') center center no-repeat; }

#ContactForm .Row { display:block; overflow:auto; padding:5px 0 5px 0; width:100%; }
#ContactForm .Row .Label { display:block; padding:0 0 3px 0; font-size:11px; color:#6A737B; }
#ContactForm .Row .Field { float:left; }

#ContactForm .Row span { display:none; }

#ContactForm .Row input    { width:215px; padding:5px; }
#ContactForm .Row textarea { width:215px; height:150px; padding:5px; }

#ContactForm .Row input,
#ContactForm .Row textarea { border:none; background:#222222; font-family:verdana,sans-serif; font-size:12px; color:white; }

#ContactForm .Footer { clear:both; padding:10px 0; }

#ContactForm .Footer a { display:block; line-height:40px; text-align:center; background:#6A737B; text-decoration:none; font-size:14px; font-weight:bold; color:white; }
#ContactForm .Footer a:hover { color:black;  background:#C9DE09; }

/* ------------------------------------------------------------------ Album list pages */

body.aid_EXHIBITIONS #PageContent,
body.aid_INSIDE-OUTSIDE #PageContent,
body.aid_BRANDING-GRAPHICS #PageContent,
body.aid_DEFAULT #PageContent { width:355px; height:90px; padding:125px 115px 0 45px; position:absolute; top:0; right:0px; background:url('pictures/gs_webgraphics/bubble_us.gif') bottom left no-repeat; }

body.aid_EXHIBITIONS #PageContent p,
body.aid_INSIDE-OUTSIDE #PageContent p,
body.aid_BRANDING-GRAPHICS #PageContent p,
body.aid_DEFAULT #PageContent p { line-height:21px; text-align:left; font-size:12px; color:black; }

/* ------------------------------------------------------------------ Portfolio pages */

.ImageControls { display:none; }

body.cat_EXHIBITIONS #PageContent blockquote,
body.cat_INSIDE-OUTSIDE #PageContent blockquote,
body.cat_BRANDING-GRAPHICS #PageContent blockquote { display:block; width:135px; height:155px; padding:25px 50px 60px 50px; position:absolute; top:0; left:-260px; background:url('pictures/gs_webgraphics/bubble_them.png') center center no-repeat; _background-image:url('pictures/gs_webgraphics/bubble_them_IE6.gif'); line-height:1.7em; text-align:left; font-size:12px; color:#6A737B; z-index:200; }

body.cat_EXHIBITIONS #PageContent blockquote strong,
body.cat_INSIDE-OUTSIDE #PageContent blockquote strong,
body.cat_BRANDING-GRAPHICS #PageContent blockquote strong { font:normal 22px/36px verdana,sans-serif; }

#PageContent blockquote p { margin:0; padding:0; }

/* ------------------------------------------------------------------ About us page */

body.aid_ABOUT #PageContent blockquote { display:block; width:135px; height:155px; padding:65px 50px 20px 50px; position:absolute; top:-40px; left:-260px; background:url('pictures/gs_webgraphics/bubble_about.png') top center no-repeat; _background-image:url('pictures/gs_webgraphics/bubble_about_IE6.gif'); line-height:21px; text-align:left; font-size:12px; color:black; z-index:200; }

// from System Meta Data