/** * Copyright (c) 2006, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * read more here: http://developer.yahoo.com/yui/fonts/ * version: 0.11.0 */ body {font:13px Verdana,Geneva,sans-serif;*font-size:72%;*font:x-small;} table {font-size:inherit;font:100%;} select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} pre, code {font:115% monospace;*font-size:100%;} /** end Yahoo Fonts */ /** * General */ html,body { margin:0; padding:0; font-family: Verdana,Geneva,sans-serif; text-align: center; } img { border: none; outline: none; } form { margin: 0px; padding: 0px; } a:link, a:active, a:visited { color: #B2B2A8; text-decoration: none; font-size:1em; } a:hover { color: #474D41; text-decoration: none; font-size:1em; } a.selected { color: #20221F; } h1 { font-size: 1.10em; } label { font-weight: bold; } .float-fix { clear: left; } .auto-scroll { overflow-y: auto; } table, td { border: none; } /** * Layout */ #container { width: 875px; margin: 50px auto 0px auto; text-align: left; } #header { text-align: center; margin-right: 115px; } #footer { font-family: Trebuchet MS1, Helvetica, sans-serif; font-size: 1.15em; font-weight: bold; letter-spacing: .25em; text-align: center; color: #888979; margin-right: 115px; } #content { width: 695px; float: left; padding-right: 25px; border-right: solid 2px #999984; } .inner-content { padding: 15px; height: auto; background-color: #E5D8B6; } #navigation { font-family: Trebuchet MS1, Helvetica, sans-serif; height: 310px; width: 140px; float: right; padding-left: 10px; padding-top: 25px; color: #B2B2A8; font-size: 1.15em; font-weight: bold; line-height: 1.50em; } #navigation a { margin-left: 10px; } #navigation a.selected { margin-left: 25px; } #qa { margin-top: 25px; } #qa p { color: #b3aa87; margin: 0px 0px 0px 10px; font-weight: normal; } #qa p a { color: #b3aa87; margin: 0px; } #qa p a:link { color: #b3aa87; margin: 0px; } #qa p a:active { color: #b3aa87; margin: 0px; } #qa p a:visited { color: #b3aa87; margin: 0px; } #qa p a:hover { text-decoration: underline; } #ask-question p { font-size: .90em; line-height: normal; } #ask-question label { text-align: right; padding-right: 10px; width: 100px; display: block; float: left; } #ask-question .content-div { overflow-x: hidden; overflow-y: auto; } /** * Pages */ .content-div { float: right; border: solid 2px #fff; height: 280px; overflow-y: scroll; color: #76766B; font-size: 1.10em; line-height: 2.0em; } .content-inner { padding: 15px; color: #76766B; margin: auto; } .content-inner hr { margin: 0px; padding: 0px; border: none; border-top: solid 1px #56564E; } .content-div a:link, .content-div a:active, .content-div a:visited { color: #56564E; text-decoration: underline; font-size:1em; } .content-div a:hover { color: #262622; text-decoration: underline; font-size:1em; } .bottom-back { float: right; position: relative; top: 240px; font-size: 0.90em} .bottom-back a:link, .bottom-back a:active, .bottom-back a:visited { text-decoration: none; } .bottom-back a:hover { color: #262622; text-decoration: none; } #home { background-color: #C2C1AC; } #profile { background-color: #E7EABA; } #profile .content-div { width: 375px; } #profile .content-inner strong { font-size: 1.15em; font-weight: bold; } #profile p { font-size: 1.00em; margin: 10px 10px; } /** * Services */ #services { background-color: #E0DBC1; } #services .content-div { width: 280px; overflow-y: auto; } #services .content-inner p { margin: 0px; font-size: 0.85em; line-height: 1.75em; } #services .content-inner strong { font-size: 1.15em; font-weight: bold; } #services ul { margin: 0px; padding: 5px 0px 0px 25px; } #services li { margin: 0px; padding: 0px; font-size: 0.85em; line-height: 1.7em; list-style: disc; } #services li em { color: #A9A899; } #services a:link, #services a:active, #services a:visited { text-decoration: none; } #services a:hover { color: #262622; text-decoration: none; } /** .services-content strong { font-size: 0.9em; font-weight: bold; letter-spacing: 0em;} .services-content strong em { color: #A9A899; font-size: 1.0em; } */ #select-category { font-size: 1.0em; letter-spacing: -.08em;} .services-category { margin-bottom: 10px; font-size: .80em; font-weight: bold; } .services-category a:link, .services-category a:active, .services-category a:visited { text-decoration: none; } .services-category a:hover { text-decoration: underline; } #kitchen { background-color: #E0DBC1; } #kitchen .content-div { width: 275px; overflow-y: hidden; } #kitchen strong { font-weight: normal; } #kitchen strong em { color: #A9A899; font-size: 1.25em; } #kitchen hr { margin: 0px; } #kitchen p { font-size: .80em; line-height: 1.5em; } #services-detail { background-color: #E0DBC1; } #services-detail .content-inner p { margin: 0px; } #services-detail .content-div { width: 275px; overflow-y: hidden; } #services-detail strong { font-weight: bold; } #services-detail strong em { color: #A9A899; } #services-detail hr { margin: 0px; padding: 0px; } #services-detail p { font-size: .80em; line-height: 1.5em; } #furnishings { background-color: #E0DBC1; } #furnishings .content-div { width: 275px; overflow-y: hidden; } #furnishings .content-inner { padding: 15px; } #designers { background-color: #D2D0B8; } #designers .content-div { width: 240px; border: none; overflow-y: hidden; color: #57574F; } #designers .content-inner { padding: 5px 0px 0px 10px; } #designers p { margin: 0px 0px 20px 0px; font-size: .85em; line-height: 1.75em; } #designers strong { font-size: 1.15em; font-weight: bold; color: #272923; } #designers-about { font-size: 0.70em; letter-spacing: 0em; line-height: 1.0em; text-align: center; } #designers-about a:link, #designers-about a:active, #designers-about a:visited { text-decoration: none; } #designers-about a:hover { color: #262622; text-decoration: none; } #nathan { background-color: #8F8D79; } #nathan .content-div { width: 430px; overflow-y: hidden; border: solid 1px #fff; } #nathan .content-inner { color: #fff; } #nathan-bio { overflow-y: auto; height: 225px; } #nathan p { font-size: .90em; line-height: 1.5em; } #designers-tips { font-weight: normal; padding-top: 5px; } #designers-tips a:link, #designers-tips a:active, #designers-tips a:visited { color: #fff; text-decoration: none; } #designers-tips a:hover { color: #262622; text-decoration: none; } #tips-nathan { background-color: #8F8D79; } #tips-nathan .content-div { width: 430px; overflow-y: auto; border: solid 1px #fff; } #tips-nathan .content-inner { color: #fff; } #brittany { background-color: #D3E0DF; } #brittany .content-div { float: none; width: 375px; overflow-y: hidden; border: solid 1px #AAAAAA; } #brittany .content-inner { color: #000; } #brittany-bio { overflow-y: auto; height: 225px; } #brittany p { font-size: .90em; } #brittany strong { font-weight: normal; font-size: 1.25em; } #brittany-tips { font-weight: normal; padding-top: 5px; } #brittany-tips a:link, #brittany-tips a:active, #brittany-tips a:visited { color: #AF5F50; text-decoration: none; } #brittany-tips a:hover { color: #262622; text-decoration: none; } #tips-brittany { background-color: #D3E0DF; } #tips-brittany .content-div { float: none; width: 375px; overflow-y: auto; border: solid 1px #fff; } #tips-brittany .content-inner { color: #000; } #contact .content-div { width: 425px; border: none; overflow-y: auto; line-height: 1.5em; } #contact .content-inner p { margin: 5px 0px; font-size: .90em; line-height: 1.0em; } #contact hr { margin: 5px 0px; } #inquiry-table td { padding: 3px; } #portfolio { background-color: #d8d3b5; } #portfolio td a { text-decoration: none; } #portfolio img { border: solid 2px #474D41; } #portfolio td { padding: 0px; border: none; } #portfolio .content-div { padding: 0px; width: 100% !important; width: 99%; text-align: center; overflow-x: hidden;} #portfolio .content-inner { margin: auto; padding: 0px; } #portfolio .content-inner table { } #portfolio .album-thumbnail { width: 33%; border: none; padding: 5px 0px; } #portfolio .photo-thumbnail { width: 50%; border: none; padding: 5px 5px; } .photo { cursor: pointer; } #questions-answers .content-div { width: 100% !important; width: 99%; } .question-holder { padding: 10px; margin: 0px 0px 10px 0px; } .question-name { font-size: .90em; font-weight: bold; } .question, .answer { font-size: .85em; font-style: italic; padding-left: 25px; } .question-odd { background-color: #F2ECDD; } .question-even { background-color: #FFFBF2; } /** * Alerts */ .alerts { font-size: .90em; margin: 5px 10px; } .alerts div { padding: 5px; } .alerts li { line-height: 1.5em; list-style: none; } #alerts-error { border: solid 1px #FFD200; background-color: #FFF8A7; } #alerts-success { border: solid 1px #7DB000; background-color: #E5FFA5; } /** * Form Styles */ .label { text-align: right; padding-right: 5px; font-weight: bold; } .textbox { padding: 2px; border: solid 1px #B2B2A8; width: 200px; } .textbox-focus { border: inset 1px; padding: 1px; width: 200px; } .form-buttons { padding-top: 15px; } .edit-back-link { float: right; } .admin-table { border: solid 1px #598BF1; } .admin-table td { padding: 3px; } .listing-header { background: #598BF1; color: #fff; font-weight: bold; } .row-odd { background-color: #fff; } .row-even { background-color: #F1FACA; } .field-error div { text-align: center; padding: 3px; border: solid 1px #A30000; background-color: #FF2B2B; color: #fff; } .test2 { height: 280px; width: 419px; position:relative; overflow: hidden; } .testx { height: 280px; width: 419px; position:relative; } .slider { height: 280px; width:3500px; position:relative; } .outer { height: 280px; width: 664px; position:relative; overflow: hidden; } .slider ul { /* this is your UL of images */ {margin: 0; padding: 0; position: relative; left: 0; top: 0; width:3500px;} } .slider ul li { float: left; diaplay: inline; padding-right: 10px; }