h1 { font-size:2.8em; }
h2 { font-size:1.4em; }
h3 { font-size:1.4em; }
p { font-size:1.1em; }
p.left { float:left; }
p.right { float:right; }

a, a:link, a:active, a:visited { color:#666; text-decoration:underline; outline: none; }
a:hover { text-decoration:none; }

img { border:none; }
img.left { float:left; }
img.right { float:right;  }
img.left.space { margin: 0 20px 20px 0; }
img.right.space { margin: 0 0 20px 20px; }
img.center { display:block; margin: 0 auto; }
img.center.space { margin:0 auto 20px auto;}

div.hr { background: transparent url(../images/rule.jpg) no-repeat scroll center; height: 5px; margin: 2em 0 2em 0;}
div.hr hr {display: none;}

#footer p { font-size:1em; }

/* Bread Crumbs */
ul#BreadCrumbs { background-color:#B4B4B4; height:30px; list-style-type:none; margin: -20px 0px 0 0; padding:0 0 0 10px; float:right; }
ul#BreadCrumbs li { line-height:30px; color:#FFF; height:30px; display:inline; margin: 0 5px 0 0; }
ul#BreadCrumbs li a { color:#FFF; padding: 0 20px 0 0; background: transparent url(../images/crumbSep.png) no-repeat center right; }

/* Content */
div#content p { margin: 0 0 1em 0; }
div#rightPanel p { margin: 0 0 1em 0;  }

/*Right Panel*/
.placeholder { min-height: 30px; width:325px; padding: 20px 20px 50px 20px; margin:0 auto; position:relative; z-index: 0; }
.placeholder.white { background-color:#FFF; }
.placeholder.black { background: #000 url(/_images/placeholderBlackBg.png) no-repeat bottom left; z-index: 2;  }
.placeholder.linen { min-height:370px; background: transparent url(/_images/linenBg.jpg) no-repeat bottom center; }
.placeholder.linen .custom { position:absolute; float:right; margin: -260px 0 0 80px; z-index:1; }
.placeholder.linen.custom { color:#2B251F; min-height:120px; padding-top: 250px; }
.placeholder.linen.custom p { padding-left: 20px; padding-right: 20px;}
.placeholder.black { color:#FFF; }
.placeholder .photoFrame { position:absolute; margin: 0 0 0 -60px; z-index:2; }
.placeholder .postIt { position:absolute; margin: 240px 0 0 30px; z-index:3; }
.placeholder .photo { position:absolute; margin: 28px 0 0 -20px; z-index:1; }

.shadow { height:20px; background: transparent url(../images/placeholderShadow.png) no-repeat bottom left; margin: -9px 0 0 0; z-index:0; position:relative;  }
.extendedShadow { height:20px; background: transparent url(../images/extendedShadow.png) no-repeat bottom left; margin: -9px 0 0 0; z-index:0; position:relative;  }

a.largeBtn { background: transparent url(../images/largeBtnCap.png) no-repeat top left; display: block; height: 44px; padding: 0 0 0 10px; margin: 20px 0 0 0; text-decoration: none; color: #333; font-weight:bold; font-size:1.8em; }
a.largeBtn span { text-align:center; background: transparent url(../images/largeBtnBg.png) no-repeat top right; display: block; line-height: 44px; padding: 0 20px 0 10px; }
a.largeBtn:hover { color:#999; }

/* Homepage */
ul#portfolio { list-style:none; margin: 0 0 10px 0; padding:0; }

/* Concept */
ul#ConceptFeatures { color:#FFF; background: url(/_images/blueprintBg.png) top left no-repeat; min-height:270px; padding: 0; margin: 0; clear: both; list-style: none; }
ul#ConceptFeatures p { padding: 30px 0 0 40px; font-size: 0.9em; }
ul#ConceptFeatures li { padding: 0 0 0 40px; height: 47px; cursor: pointer; }
ul#ConceptFeatures li h3{ line-height: 47px; padding: 0; margin: 0; cursor: pointer; text-align: left; }
ul#ConceptFeatures li:hover { .margin: 0 0 -3px 0; background: url(/_images/pointArrow.png) 180px center no-repeat; }
ul#ConceptFeatures li:hover div { display: block; }
ul#ConceptFeatures li div{ display: none; position: absolute; top: 520px; height: 210px; width: 450px; z-index: 100000; margin: 0 0 0 385px; background:#FFF; padding: 20px; }
ul#ConceptFeatures li div em{ color:#009998; font-size: 1.6em; font-family: Georgia, Times, serif; font-style: italic; display: block; margin: 0 0 20px 0; }
ul#ConceptFeatures li div p { color:#666; font-size:1em; width:280px; line-height:1.6em; position: relative; padding: 0 0 0 0; background:#FFF }
ul#ConceptFeatures li div img { position:absolute; bottom:0; right:0; margin: 0 -20px 10px 0; }

/* Note */
div.note { min-height:106px; background: url(../images/noteBg.jpg) bottom left no-repeat; padding: 0 20px 40px 20px; clear:both; }

/* Pics */
.picContainer { position:relative; padding: 0 0 30px 0; background: url(../images/picShadow.png) 0 170px no-repeat; }
.picContainer .pic { margin: 15px 15px 0 15px;}
.picContainer .tape { position:absolute; top:0; left:0; }
.picContainer.right { float:right; }
.picContainer.left { float:left; }
.picContainer.right.space { margin: 0 0 0 20px; }
.picContainer.left.space { margin: 0 20px 0 0; }

ul.three { list-style:none; margin:2em 0 2em 0; padding:0; clear:both; }
ul.three li { float:left; width:165px; padding:10px; margin: 0 20px 0 0; background: transparent url(../images/tileBg-Dark.jpg) repeat top left; }

ul.two { list-style:none; margin:2em 0 2em 0; padding:0; clear:both; }
ul.two li { float:left; width:270px; padding:10px; margin: 0 20px 0 0; background: transparent url(../images/tileBg-Dark.jpg) repeat top left; }

a.enquiry { display:block; height:52px; width:283px; text-indent:-283px; overflow:hidden; background: transparent url(../images/enquiry.png) no-repeat 0 0; }
a.enquiry:hover { background-position: 0 -52px;}

.signature { margin: 1em 0 0 0; }