/* Public */


/* Colours Used */
/*
#292824 = main body background
#000000 = main wrapper background
#e8cdb0 = most text including top nav
#131313 = media list background
#292824 = media list no hover
#b3957b = media title
#b3957b = main text WYSIWYG
*/


/* General Styles */
.clear { clear:both; line-height:0px; height:-1px; }
a { color:#D39616; text-decoration:none; font-weight:bold; }
a:hover { color:#ffffff; }
.greyHorizontalRule { border-top:solid 1px #292824; clear:both; margin:10px 15px 0.5em 15px; }
.editableContent { color:#FFFFFF; line-height:18px; }
.editableContent .header { color:#D39616; }

html, body { margin:0px; padding:0px; height:100%; width:100%; font-size:90%; font-family:Arial, Verdana, sans-serif; }
body { background:url(/images/presentation/background.jpg) no-repeat center top #000000; color:#D39616; }


/* General Layout styles */
#MainWrapper { position:relative; width:1008px; margin:0 auto 0 auto; padding:0px; }
#Top { margin:40px 40px 0; width:975px; float:left; }
#Middle { width:978px; margin:0 15px 0 15px; border:solid 0px white; }
#Bottom { clear:both; width:978px; margin:0px 15px 0px 15px; min-height:100px; }
#Bottom .wysiwyg { color:#b3957b; margin:10px; font-size:85%; }
#Bottom .wysiwyg .title { font-size:140%; font-weight:bold; border:solid 0px }

#BottomContainer { border:solid 0px red; }

#MainWrapper .mainLogo { float:left; margin:0 0 0px 18px; }

#topNav { float:right; margin:44px 0 25px -30px; }
#topNav ul { list-style:none; }
#topNav ul li { float:left; margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 1px #D39616; }
#topNav ul .first { border-left:none; }
#topNav a {  }
#topNav .current a { color:#FFFFFF; }

#homeFlash { float:left; min-width:980px; }
#BorderedImage { float:left; }
#BorderedImage .imageTopLeft { float:left; background:url(/images/presentation/borderedImageTopLeft.png) no-repeat left top; }
#BorderedImage .imageTopRight { float:left; background:url(/images/presentation/borderedImageTopRight.png) no-repeat right top; }
#BorderedImage .imageBottomLeft { float:left; background:url(/images/presentation/borderedImageBottomLeft.png) no-repeat left bottom; }
#BorderedImage .imageBottomRight { float:left; background:url(/images/presentation/borderedImageBottomRight.png) no-repeat right bottom; }
#BorderedImage img,
#BorderedImage .borderedImageContent { float:left; padding:8px 7px 8px 8px; }

#rightNav { float:right; margin:0 0 0 0;  }
#rightNav ul { list-style:none; margin:0px; }
#rightNav ul li { margin:0 0 7px 0; }
#rightNav a {  }

/* Homepage */
#homepage .wysiwyg { width:480px; font-size:85%; }



/* Links */
#LinksTemplate #MainContent { margin:0 0 0 232px; }
#LinksContainer { float:left; }
#LinksContainer .link { float:left; clear:both; width:650px; margin-bottom:25px; }
#LinksContainer .link .leftCol { float:left; width:190px; }
#LinksContainer .link .rightCol { float:left; width:460px; }
#LinksContainer .link .imageHolder { float:left; background:url(/images/presentation/linkImageBackground.gif) repeat-y; width:155px; overflow:hidden; }
#LinksContainer .link .imageHolder .imageTopBorder { float:left; background:url(/images/presentation/linkImageTopBackground.gif) no-repeat; }
#LinksContainer .link .imageHolder .imageBottomBorder { float:left; background:url(/images/presentation/linkImageBottomBackground.gif) left bottom no-repeat; }
#LinksContainer .link .imageHolder a { float:left; }
#LinksContainer .link .imageHolder .image { padding:4px; width:147px; }
#LinksContainer .link .title { color:#D39616; font-size:110%; font-weight:normal; margin-bottom:15px; }
#LinksContainer .link .title a { text-decoration:none; }
#LinksContainer .link .description { color:#FFFFFF; margin-bottom:20px; }
#LinksContainer .link .logo {  }


.Link .topBar { clear:both; }
.Link .topBar .title { float:left; padding:0 0 0 10px;  line-height:2em; font-size:140%; font-weight:bold; colour:#e8cdb0; }
.Link .topBar .logo { float:right; padding:0 2px 0 2px; border-left:solid 5px #292824; min-height:36px; }
.Link .bottomDetails { border-top:solid 5px #292824; }
.Link .bottomDetails .image { float:left; margin:-5px 0 0 0; border-right:solid 5px #292824; }
.Link .bottomDetails .description { float:left; font-size:85%; padding:5px; }

/* The Media */
#MediaList { float:left; margin:0 5px 0 0; }
#MediaList ul { list-style:none; margin-left:-40px; }

#MediaList ul li { background:url(/images/presentation/fleur.gif) no-repeat left top; padding-left:35px; }
#MediaList ul .header { padding:5px 5px 5px 12px; font-size:110%; width:202px; color:#FFFFFF;  background:none;}
.mediaListItem a { display:block; width:173px; padding:5px 0 0 12px; font-size:90%; overflow:hidden; font-weight:normal; }
.mediaListItem a:hover { background:#292824; text-decoration:none; }
.mediaListItem .topLine {  }
.mediaListItem .bottomLine { color:#FFFFFF; }

#MediaStory { float:left; color:#FFFFFF; width:745px; }
#MediaStory .title { margin:10px; font-size:190%; clear:both; }
#MediaStory .source { margin:10px; color:#D39616; }
#MediaStory .story { margin:30px 10px 10px 10px; line-height:18px; }

#MediaTitle { color:#b3957b; font-size:120%; background:#292824; padding:4px 8px 0 8px; height:38px; line-height:2em; margin:0 0 8px 0; width:962px; }


/* The Team */
#TheTeam { width:975px; height:479px; overflow:hidden; float:left; }
#TheTeam .teamContent { position:relative; width:306px; background:url(/images/presentation/translucency.png); padding:15px 22px 0; }
#TheTeam .teamContent .pageTitle { margin-bottom:10px; font-size:120%; }
#TheTeam #Bottom { width:586px; float:left; margin:0px 10px 0px 15px; }
#TheTeam .teamContent .teamLinks { bottom:0px; float:left; clear:both; }
#TheTeam .teamContent .teamLinks .link { float:left; margin:0px 7px 0 0px; }

#Architectural { width:975px; height:479px; overflow:hidden; float:left; }
#Architectural .architecturalContent { position:relative; width:401px; background:url(/images/presentation/translucency.png); padding:28px 21px 0; float:right; }
#Architectural .architecturalContent .pageTitle { margin-bottom:20px; font-size:138%; }
#Architectural .architecturalContent .innerContent { position:absolute; bottom:44px; width:400px; }

/* Portfolio */
#Portfolio #Bottom { position:relative; z-index:1; margin:-153px 0 0 17px; width:520px; }
#Portfolio #BottomContainer {  }
#PortfoliFlash { z-index:4;  top:110px; border:solid 0px #FFFFFF; }


/* Contact Us */
#Contact { width:975px; height:479px; overflow:hidden; float:left; }
#Contact a { color:#FFFFFF; font-weight:normal; }
#Contact .contactContent { position:relative; width:306px; background:url(/images/presentation/translucency.png); padding:28px 22px 0; }
#Contact .contactContent strong { color:#D39616; }
#Contact .contactContent .pageTitle { margin-bottom:10px; font-size:120%; }
#Contact #Bottom { width:586px; float:left; margin:0px 10px 0px 15px; }
#Contact .contactContent .teamLinks { position:absolute; bottom:40px; float:left; margin-top:30px; clear:both; }
#Contact .contactContent .teamLinks .link { float:left; margin:0px 7px 0 0px; }

#Footer { float:left; clear:both; width:990px; margin-top:25px; padding-left:18px; padding-bottom:50px; }
#Footer .copyright { float:left; font-size:85%; padding-left:10px; padding-top:5px; }
#Footer .inspiration { float:right; padding-right:10px; }
#Footer .bidaLogo { float:left; clear:both; }
#Footer .awardLogo { float:left; padding-left:20px; }

#Gallery {  }
#Gallery .largeImage { width:531px; overflow:hidden; float:left; }
#Gallery .thumbnails { margin-left:26px; padding-left:18px; border-left:1px solid #402D07; width:394px; float:left; }
#Gallery .thumbnails .thumbnailRow { float:left; clear:both; width:100%; margin-bottom:16px; }
#Gallery .thumbnails .thumbnailRow .thumbnail { float:left; margin:0 8px 0 8px; width:115px; overflow:hidden; }
#Gallery .thumbnails .thumbnailRow .thumbnail a { float:left; }
#Categories { width:100%; float:left; clear:both; }
#Categories .category { background:#070707; float:left; width:115px; line-height:23px; display:block; margin-left:16px; text-align:center; }
#Categories .category a { display:block; }
#Categories .category .selected { color:#FFFFFF; }
#Categories .category1 { margin-left:8px; }

#Inspiration { margin:none; background:#000000; }
#InspirationIFrame { border:none; float:left; clear:both; padding:8px 7px 8px 8px; }

#PropertyRibbonHolder img { padding: 0; margin-right: 5px;}