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%;background:transparent;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font:inherit;color:inherit;text-decoration:inherit;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

html { width:100%; height:100%; }
body { width:100%; height:100%; margin:0px; padding:0px; font-family:verdana,sans-serif; font-size:12px; line-height:20px; color:#F4F1E4; background:#3D3F3A; }

form { width:100%; }

a { color:#F4F1E4; }
a:visited { color:#F4F1E4; }
a img { border:none; outline:none; }

ul { list-style:square outside; }
ol { list-style:decimal outside; }

p, ul { margin:0 0; padding:10px 0; }
ul li { margin:0 0 0 25px; }

h1 { margin:0 0 0 0;     padding:10px 0; font-weight:normal; font-size:28px; line-height:30px; font-family:georgia,serif; }
h2 { margin:0 0 0 0;     padding:10px 0; font-weight:normal; font-size:18px; line-height:20px; font-family:georgia,serif; font-style:italic; }
h3 { margin:0 0 -10px 0; padding:10px 0; font-weight:normal; font-size:14px; line-height:20px; font-family:georgia,serif; }

strong { font-weight:bold; }
em { font-style:italic; }

a.Button {  }
a:visited.Button {  }

/* ------------------------------------------------------------------ Main Elements */

#Wrapper { width:960px; padding:0 10px; margin:0 auto; }

#Header { height:160px; }

#Container {  }

#MainArea {  }
#MainAreaBottom { clear:both; padding:1px; }

#PageContent { padding:20px 0; }

#PageText { background:#3D3F3A url('pictures/gs_webgraphics/footerhr.gif') top center no-repeat; padding:40px 10px 0 10px; margin:40px 0 -20px 0; }

#flashcontent { width:960px; height:475px; padding:20px; margin:-10px -20px; background:url('pictures/gs_webgraphics/framebg.gif') center center no-repeat; }
body.GALLERY #flashcontent { width:980px; height:495px; padding:10px; }

#MainImage   { width:300px; height:375px; padding:20px;      margin:-10px 0px 0 -20px; float:left; background:url('pictures/gs_webgraphics/medframebg.gif') center center no-repeat; }

body.aid_CONTACT #ContactForm { width:260px; height:375px; padding:20px 40px 20px 360px; margin:-10px 0px 0 -20px; float:left; background:url('pictures/gs_webgraphics/largeframebg.gif') center center no-repeat; }
body.aid_CONTACT #MainImage   { width:300px; height:375px; position:absolute; top:160px; left:50%; padding:20px;      margin:-10px 0px 0 -500px; float:none; background:transparent; }

#PageFooter { display:none; }
#PageHeader { display:none; }

#Footer {  }

/* ------------------------------------------------------------------ Main Nav */

#Header #Nav { list-style:none; margin:0; padding:55px 0; float:right; }
#Header #Nav li { width:100px; margin:0; padding:0 10px; float:left; }
#Header #Nav a  { display:block; width:90px; height:30px; padding:10px 10px 10px 0; text-decoration:none; border-right:1px solid #F4F1E4; }

#Header #Nav a b   { display:block; text-align:right; font-family:georgia,serif;      font-weight:normal; font-style:italic; font-size:18px; text-transform:lowercase; color:#F4F1E4; line-height:15px; }
#Header #Nav a span { display:block; text-align:right; font-family:verdana,sans-serif; font-weight:normal; font-style:normal; font-size:10px; text-transform:lowercase; color:#86867E; line-height:15px; }

#Header #Nav a:hover span { color:#F4F1E4; } 

/* Current style */
body.GALLERY #Header #Nav li.gallery a span, 
body.aid_ABOUT #Header #Nav li.about a span, 
body.aid_CONTACT #Header #Nav li.contact a span, 
body.aid_DEFAULT #Header #Nav li.home a span { color:#F4F1E4; } 

/* ------------------------------------------------------------------ Header Logo */

#Header #LogoLink { display:block; height:50px; width:330px; margin:55px 0; background:url('pictures/gs_webgraphics/BrunoBoulay.gif') center left no-repeat; float:left; text-indent:-9999em; }

/* ------------------------------------------------------------------ Page Content */

#PageContent a:hover { display:inline-block; text-decoration:none; background:#F4F1E4; color:#3D3F3A; }


/* ALPHA */

#PageContent .content { float:left; padding:0 10px; }

#PageContent .content.title { width:300px; }
#PageContent .content.main  { width:620px; }

/* BETA */

body.BETA #PageContent { float:left; width:620px; padding:0px 10px; }

/* GAMMA */

body.GAMMA #PageContent { float:left; width:300px; padding:0px 10px; }


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

#Footer { background:#3D3F3A url('pictures/gs_webgraphics/footerhr.gif') top center no-repeat; margin:20px 0; }
#Footer p { margin:0; padding:50px 0 25px 0; text-align:center; font-family:verdana,sans-serif; font-size:10px; color:#62635C; }

#Footer a       { text-decoration:none; color:#62635C; }
#Footer a:hover { text-decoration:none; color:#F4F1E4; }

/* ------------------------------------------------------------------ Gallery Nav */

#GalleryNav { list-style:none; margin:10px 0 -20px 0; padding:0; overflow:auto; }

#GalleryNav li { width:300px; height:130px; float:left; margin:0; padding:0 10px; background:url('pictures/gs_webgraphics/miniframebg.gif') top left no-repeat; }

#GalleryNav a { display:block; width:180px; height:100px; float:left; margin:0; padding:15px 0 15px 120px; text-decoration:none; }

#GalleryNav span.Title       { display:block; margin:0; padding:0; line-height:30px; font-family:georgia,serif;      font-size:18px; color:#F4F1E4; }
#GalleryNav span.Description { display:block; margin:0; padding:0; line-height:20px; font-family:verdana,sans-serif; font-size:10px; color:#86867E; }
#GalleryNav a:hover span.Description { color:#F4F1E4; }

#GalleryNav li.cabinets a { background:url('pictures/gs_webgraphics/gallery_cabinets_furniture.jpg') 5px 15px no-repeat; }
#GalleryNav li.doors    a { background:url('pictures/gs_webgraphics/gallery_doors_stairs.jpg') 5px 15px no-repeat; }
#GalleryNav li.bespoke  a { background:url('pictures/gs_webgraphics/gallery_bespoke.jpg') 5px 15px no-repeat; }

body.aid_GALLERY-FURNITURE    #GalleryNav li.cabinets span.Description { color:#F4F1E4; }
body.aid_GALLERY-DOORS-STAIRS #GalleryNav li.doors    span.Description { color:#F4F1E4; }
body.aid_GALLERY-BESPOKE      #GalleryNav li.bespoke  span.Description { color:#F4F1E4; }


/* ------------------------------------------------------------------ Contact Form */

#ContactForm {  }

#ContactForm .Row { margin:10px 0; }

#ContactForm .Row span img { display:none; }

#ContactForm .Label { display:block; color:#3D3F3A;  }

#ContactForm input    { font-family:verdana,sans-serif; font-size:11px; color:#3D3F3A; width:235px; padding:7px; }
#ContactForm textarea { font-family:verdana,sans-serif; font-size:11px; color:#3D3F3A; width:235px; height:80px; padding:7px; }

#ContactForm .Footer { padding:5px 0; }
#ContactForm .Button { display:block; width:70px; height:30px; margin:0 10px 0 0; text-indent:-9999em; float:right; background:url('pictures/gs_webgraphics/buttonbg.gif') center center no-repeat; }

/* ------------------------------------------------------------------ */

// from System Meta Data