/************************************************************************/ // Mirror Interiors Builder Portfolio // Stylesheet /************************************************************************/ body { background-color: #000000; } body { background-image: url(../images/background.gif); background-position: top center; background-repeat: no-repeat; background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0; text-align: center; /*for IE*/ font-family: Arial, Helvetica, sans-serif; } img { border: 0px; } #siteContainer { position: relative; margin: 0 auto; width: 875px; text-align: left; z-index:1; } /* Intro */ body.intro #overlayContainer #overlay { color: #ffffff; position: fixed; z-index:300; top: 0px;left: 0px; height:100%; width:100%; background-color: #000000; padding-top: 320px; } #logo { display: none; top: 0px; } /* Containers */ #headerContainer { height: 164px; margin-top: 30px; position: relative; text-align: center; } #menuContainer { height: 10px; margin-bottom: 12px; position: relative; z-index: 1000; } #contentContainer { height: 400px; margin-bottom: 10px; position: relative; overflow:hidden; } #contentContainer2 { height: 356px; margin-bottom: 10px; position: relative; overflow:hidden; border: 1px solid #5F6062; padding: 22px; background-color: black; } #controlContainer { height: 28px; position: relative; } #prevNext { height: 7px; position: relative; clear:both; padding-top: 6px; } /* Content */ #infoBox { float: left; height: 330px; width: 386px; background-color: #161513; padding: 13px; } #imageBox { float: right; height: 226px; width: 403px; } #subText { position: absolute; right: 22px; bottom: 22px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5F6062; line-height: 0px; } h2 { color: #E5D1B1; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; letter-spacing: 1.5px; margin: 10 0px 0px 0px; padding-bottom: 0px;} p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 18px; } p a { color: #ffffff; text-decoration: none; } p a:hover { color: #E5D1B1; text-decoration: underline; } .contactPage { margin-top: 20px; } .heading { color: #E5D1B1; } #col1 { float: left; margin-right: 34px; padding: 0px; } #col2 { float: left; } #col1 p { margin-top: 0px;} #col2 p { margin-top: 0px;} #pane1 p { margin-top: 0px;} /* Scroll Pane */ .scroll-pane { width: 384px; height: 267px; overflow: auto; float: left; outline: none; } #pane1 { outline: none; } /* Buttons */ ul#nav { height: 22px; padding-left:0; margin-left:0; margin-bottom: 0; overflow: hidden; } ul#nav li { float:left; list-style-type:none; width: auto; height: 22px; } ul#nav li a { float: left; height: 22px; top:0; text-indent:-99999px; outline:none; } li#companyButton a, li#projectsButton a, li#suppliersButton a, li#productsButton a, li#clientsButton a, li#contactButton a { background:url(../images/menu.gif) no-repeat; } li#companyButton a { background-position:0 0; width:72px; left:0; height:10px;} li#companyButton a:hover, body.companyButton li#companyButton a { background-position:0 -30px } li#projectsButton a { background-position:-72px 0; width:68px; left:72; height:10px;} li#projectsButton a:hover, body.projectsButton li#projectsButton a { background-position:-72px -30px } li#suppliersButton a { background-position:-140px 0; width:72px; left:140; height:10px;} li#suppliersButton a:hover, body.suppliersButton li#suppliersButton a { background-position:-140px -30px } li#productsButton a { background-position:-212px 0; width:75px; left:212; height:10px;} li#productsButton a:hover, body.productsButton li#productsButton a { background-position:-212px -30px } li#clientsButton a { background-position:-287px 0; width:63px; left:287; height:10px;} li#clientsButton a:hover, body.clientsButton li#clientsButton a { background-position:-287px -30px } li#contactButton a { background-position:-350px 0; width:55px; left:350; height:10px;} li#contactButton a:hover, body.contactButton li#contactButton a { background-position:-350px -30px } /* Controller */ #controller a { float: left; border: 0px; background: #A19589; text-decoration: none; margin: 0px 6px 0px 0px; width: 9px; height: 9px; text-indent:-99999px; padding: 0px 0px 0px 0px; overflow: hidden;} #controller a:hover { background: #ffffff; } #controller a.activeSlide { background: #E7E8E9; } #controller a:focus { outline: none; } /* Next / Prev */ #prevNext { float: left; } #prevNext a { float: left; outline: none; height: 7px; width: 11px; text-indent: -999999px; background-repeat: no-repeat; display: inline; } #prev { background-image: url(../images/prev.gif); } #next { background-image: url(../images/next.gif); } /* Next / Prev Projects */ #prevNextProject { float: right; color: #ffffff; font-size: 10px; letter-spacing: 1.0px; line-height: 7px; display: inline; margin-top: 0px;} #prevNextProject a { float: left; outline: none; height: 7px; width: 11px; text-indent: -999999px; background-repeat: no-repeat; } #prev2 { background-image: url(../images/prev.gif); } #next2 { background-image: url(../images/next.gif); } /* Overlay Tag */ #captionBox { color: #636466; cursor: pointer; width: 100%; position: absolute; left: 0px; bottom: -80px; z-index: 150; } #captionTab { height: 15px; margin: 0px 0px 0px 0px; padding-bottom: 0px; overflow: hidden;} #captionText { background-color: #ffffff; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; padding: 11px 11px 9px 11px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; text-transform: uppercase; margin: 0px 0px 0px 0px; } h4 { padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; } /* Congact Button */ #contactPageButton a { background: url(../images/mapButton.gif) no-repeat top; width: 23px; height: 19px; display: block; margin-top: 20px; text-indent: -999999px; } #contactPageButton a:hover { background-position: bottom; } /* Sub Menu */ #nav #subMenu { position: absolute; left: 69px; top: 22px; z-index: 2000; display: none; background: url(../images/menuBG.png); width: 215px; padding-left: 0; margin-left: 0; } #nav #subMenu li { list-style-type:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: auto; width: 100%; } #nav #subMenu li a { color: #CCBFAC; text-decoration: none; padding: 2px 15px 2px 4px; outline: none; margin: 0px 0px 0px 0px; display: block; height: 15px; background: 0; text-indent: 0; width: 196px; } #nav #subMenu li a:hover { color: #ffffff; background-color: #6B5B4B; } /* Clear Fix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }