/*a styles*/ #mainContent a,#mainContent a:link,#mainContent a:visited{ color: #fff; font-style: oblique; text-decoration: none;} #mainContent a:hover,#mainContent a:active{ color:#ccc; font-style: normal; } /*blog */ #about-Dave{ width:150px; float:left;} #about-Dave img{margin-bottom: 8px;} #about-Dave h3{margin-top: 4px;} .jenkins {float: left;} #partner1 .randrlogo{float: left; clear: right;} #partner1 .break{float: left; clear: both; width:100%;} #about_dave_content{float: left; width: 450px; margin: 10px 0 0 20px;} #leftSide.blog h2, #leftSide.blog h3{ text-align: left; margin:25px 0 0 25px;} #leftSide.blog a, #leftSide.blog a:link, #leftSide.blog a:visited{ color:#e5c163; } #leftSide.blog a:hover, #leftSide.blog a:active{ color:#f7db90; } #leftSide.blog hr{margin:15px 25px;} #leftSide.blog .comment_odd{margin:10px 25px; padding:10px 0;background-color: #3a3a40;} #leftSide.blog .comment_even{margin:10px; padding:0;background-color: #4b4b4d;} #leftSide.blog p.comment_details{font-weight: bold;} dl#comments{margin: 0 25px; overflow: hidden;} dl#comments dt{width:10%; float:left; font-size: 1.2em; color:#fff; padding:5px;} dl#comments dd{width:80%; float:left; clear: right; padding:5px;} /* RESETS & BASIC PAGE SETUP */ * {margin: 0; padding: 0; } html { overflow: scroll; } body { font: 62.5% Lucida Grande sans-serif; background-color: black; padding: 0px; margin: 0px; } ul { list-style: none inside; } p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em;} a { outline: none;} a img {border: none;} /* END RESET */ /* TOOLBOX */ .floatleft {float: left;} .floatright {float: right;} .clear {clear: both;} /* END TOOLBOX */ /* STRUCTURE */ #page-wrap { width: 960px; margin: 0 auto; background: #4b4b4d; } #header { border-bottom: dotted white 1px; height: 125px; width: 960px; background: url(/images/bg_image_header_02.jpg) top left repeat-y; } #footer-wrap { border-top: dotted white 1px; height: 125px; width: 960px; background: url(/images/bg_image_footer.jpg) top left repeat-y; clear: both; } #footer { background: #edd395; height: 125px; width: 197px; padding: 0px; margin: 0px; } #mainContent { background: url(/images/bg_image_main.jpg) top left repeat-y; padding: 0px; } #nav { min-height: 32px; width: 960px; border-bottom: dotted white 1px; background: url(/images/bg_image_nav.jpg) top left repeat-y; } #leftSide { width: 720px; margin: 0px; } #leftSideport { width: 720px; margin: 0px; } #cat-title { width: 720px; padding: 10px; margin: 0px; color: white; font-size: 12px; } #cat-title h1 { font-family: Helvetica; font-size: 23px; color: white; font-weight: normal; letter-spacing: -.01em; } #cat-title .style1 {font-size: 11px; font-style: italic; letter-spacing: .06em; } #Thumbnails p.pagination{ width: 465px; font-family: Helvetica; font-size: 11px; color: white; font-weight: normal; text-align: right;} #Thumbnails p.pagination a, #Thumbnails p.pagination a:link, #Thumbnails p.pagination a:visited{color:#fff; text-decoration: none;} #Thumbnails p.pagination a:hover { text-decoration: underline; color: #e5c063; } #categoryPageNAV p a, #categoryPageNAV p a:link, #categoryPageNAV p a:visited { text-decoration: none; color: #fff; font-weight: bold; display: none; } #leftSide h2 { text-align: center; font: 3em Times, serif; font-weight: normal; padding: 10px 0px 0px 0px; margin: 0px; color: white; } #leftSide h3 { text-align: center; font: 2em Times, serif; font-weight: normal; padding-bottom: 5px; color: white; } #leftSide p { font: 1.3em Times, serif; font-weight: normal; line-height: 1.4em; color: white; margin: 0px; padding: 0px 5px 5px 25px; } #sidebar, #sidebar_da{ float: right; width: 209px; margin-bottom: 78px; padding: 45px 15px; text-align: center; font-family: Times, serif; font-size: 1.5em; line-height: 1.4em; letter-spacing: .2em; background:#e5c163 url(/images/bg_image_sidebar.jpg) no-repeat bottom; min-height: 368px; display: block;} div#energysmart { float: right; clear: right; position: relative; top:135px; left: 15px;} #sidebarPort { float: right; width: 209px; padding: 45px 15px; text-align: center; font-family: Times, serif; font-size: 1.5em; line-height: 1.8em; letter-spacing: .2em; background: url(/images/bg_image_sidebar.jpg) no-repeat bottom; min-height: 420px; } #sidebar i { color: #8b3629;} #sidebar_da i { color: #8b3629;} #header h1 { background: url(/images/header_title.png) no-repeat center; text-indent: -9999px; display: block; height: 125px; width: 700px; float: left; } #logo { z-index: 2; position: relative; top: 75px; width: 176px; height: 143px; background: url(/images/RandR_logo.png) no-repeat; padding: 0px; left: 760px;} #book { z-index: 2; position: relative; top: 100px; width: 165px; height: 155px; background: url(/images/DA_book_cover2.png) no-repeat; padding: 0px; left: 548px;} #leftblock { height: 125px; width: 253px; float: left;} #sosueme { height: 125px; width: 230px; float: right; } #sosueme p { color: white; font-size: 1em; text-align: center; padding: 25px 0px; line-height: 2em; } #footerMiddle { float: left; width: 465px; height: 125px; } #footerMiddle h4 { font-size: 11px; padding-top: 15px; } .vendorsIMG{text-align: center;} .vendorsIMG a { padding: 10px 10px 0px 2px;} ul#nav2 { padding: 1px 0px 0px 0px; margin: 0px; } ul#nav2 li { display: inline; } ul#nav2 li a { display: block; float: left; height: 20px; text-indent: -9999px;} ul#nav2 li.home a { width: 80px; background: url(/images/NAV-home.jpg) bottom no-repeat; } ul#nav2 li.about a { width: 100px; background: url(/images/NAV-About.jpg) bottom no-repeat; } ul#nav2 li.design a { width: 220px; background: url(/images/Portfolio/NAV_ewda.jpg) bottom no-repeat; } ul#nav2 li.portfolio a { width: 135px; background: url(/images/Portfolio/NAV_portfolio.jpg) bottom no-repeat; } ul#nav2 li.blog a { width: 50px; background: url(/images/NAV_blog.jpg) bottom no-repeat; } ul#nav2 li.eshp a { width: 80px; background: url(/images/NAV_eshp.jpg) bottom no-repeat; } ul#nav2 li.sitemap a { width: 85px; background: url(/images/Portfolio/NAV_siteMap.jpg) bottom no-repeat; } ul#nav2 li a:hover { background-position: top; } /* START*/ ul#nav { padding: 1px 0px 0px 0px; margin: 0 0 0 5px; } ul#nav li { display: inline;} ul#nav li a { display: inline-block; float: left; height: 20px; text-indent: -9999px;margin: 6px 10px 6px 0px; border-right: 1px solid white; padding: 0 5px;} ul#nav li.last a{border-right: none;} ul#nav li.home a { width: 41px; background: url(/images/nav/NAV_home.jpg) bottom left no-repeat;} ul#nav li.about a { width: 64px; background: url(/images/nav/NAV_about.jpg) bottom left no-repeat; } ul#nav li.design a { width: 172px; background: url(/images/nav/NAV_ewda.jpg) bottom left no-repeat; } ul#nav li.eshp a { width: 172px; background: url(/images/nav/NAV_eshp.jpg) bottom left no-repeat; } ul#nav li.portfolio a { width: 121px; background: url(/images/nav/NAV_portfolio.jpg) bottom left no-repeat; } ul#nav li.blog a { width: 38px; background: url(/images/nav/NAV_blog.jpg) bottom left no-repeat; } ul#nav li.sitemap a { width: 85px; background: url(/images/nav/NAV_siteMap.jpg) bottom left no-repeat; } ul#nav li a:hover { background-position: top left; } ul#nav li ul{background-color: transparent; padding-top: 1px; margin: 0; left:-5px; overflow: hidden;} ul#nav li ul li{padding: 0 0 10px 0; margin: 0;display: inline-block; background-color:#75767a;} ul#nav li ul#sub li a{ background-image: none; text-indent: 0; padding:6px 4px 1px 7px; display: inline-block; background-color:#75767a; margin: 0; font-size: 1.2em; line-height: 1.1em;} ul#nav li ul li a, ul#nav li ul li a:link, ul#nav li ul li a:visited {color:#fff; font-family: sans-serif, Verdana, Arial; text-decoration: none; border-right: none;} ul#nav li ul li a:hover, ul#nav li ul li a:active{ color:#e2bc5a; } #navigation a,#navigation a:link, #navigation a:visited{ display:block; font-size:12px;padding:8px 8px 8px 5px;margin: 2px 4px; border-right:1px solid #fff; color: #fff; font-family:ÒHelvetica NeueÓ, Arial, Helvetica, sans-serif ; letter-spacing: .07em; text-transform: uppercase; text-decoration: none;} #navigation a:hover, #navigation a:active{text-shadow: #fefef0 0 0 10px; } #navigation .last a{border-right: none;} ul#navigation li ul{background-color: transparent; padding-top: 1px; margin: 0; left:-5px; overflow: hidden;} ul#navigation li ul li{padding: 0 0 10px 0; margin: 0;display: inline-block; background-color:#75767a;} ul#navigationli ul#sub li a{ background-image: none; text-indent: 0; padding:6px 4px 1px 7px; display: inline-block; background-color:#75767a; margin: 0; font-size: 1.2em; line-height: 1.1em;} ul#navigation li ul li a, ul#navigation li ul li a:link, ul#navigation li ul li a:visited {color:#fff; font-family: sans-serif, Verdana, Arial; text-decoration: none; border-right: none;} ul#navigation li ul li a:hover, ul#navigation li ul li a:active{ color:#e2bc5a; text-shadow:none; } /*END*/ ul#ds { padding: 25px 0px 20px 10px; margin: 0px; } ul#ds li { display: inline; } ul#ds li a { display: block; height: 80px; text-indent: -9999px; float: left; } ul#ds li.designAlliance a { width: 223px; background: url(/images/DA_Logo_2c.png) center no-repeat; } #mainCopy { width: 310px; float: left; } #mainCopyAbout { float: left; } #images1 { width: 400px; float: right; } #mainCopyPort { width: 200px; float: left; } ul#CatagoryNAV li { margin: 10px 0px 20px 10px; } ul#CatagoryNAV li a {color: white; font-family: Helvetica; font-size: 14px; text-decoration: none; letter-spacing: .05em; } ul#CatagoryNAV li a:hover { text-decoration: underline; color: #e5c063; } ul#CatagoryNAV li a.current {color: #e5c063;} #Thumbnails { width: 505px; float: right; margin: 0px; } #Thumbnails img { margin: 0px 15px 15px 0px;} #images1 img { padding: 5px;} #AboutUs { padding: 5px 30px 5px 30px; color: white; } #AboutUs p { font-family: Helvetica, sans-serif; font-size: 1.2em; color: white; line-height: 1.4em; padding: 0px; } #AboutUs h1 { font-family: Helvetica, sans-serif; font-size: 2em; color: white; padding-bottom: 3px; padding-top: 6px; } #AboutUs h3 { font-family: Helvetica, sans-serif; font-size: 1.2em; color: white; line-height: 1.4em; padding: 0px; font-weight: bold; text-align: left; } .item { padding: 0 0 0 35px; font-weight: bold; } #us { width: 136px; height: 400px; padding: 0px 0px 0px 10px; color: white; float: left; } #us .image { margin: 20px 0px 0px 0px; } #us h4 { padding: 0px 0px 3px 0px; color: white; font-size: 1.3em; letter-spacing: .09em; font-weight: normal;} #us h5 { padding: 0px 0px 5px 0px; color: white; font-size: 1.0em; font-style: italic; font-weight: normal;} #about-text { padding: 15px 15px 0px 0px; color: white; } #about-Dave { height: 115px; margin-top: 12px; } #about-Wayne { height: 115px; margin-top: 12px; } #about-Dave h5 { font-family: Helvetica, sans-serif; padding: 0px 0px 3px 0px; color: white; font-size: 16px; letter-spacing: .09em; } #about-Wayne h5 { font-family: Helvetica, sans-serif; padding: 0px 0px 3px 0px; color: white; font-size: 16px; letter-spacing: .09em; } #about-Dave p { font-family: Helvetica, sans-serif; font-size: 1.2em; color: white; line-height: 1.4em; padding-right: 15px; } #about-Wayne p { font-family: Helvetica, sans-serif; font-size: 1.2em; color: white; line-height: 1.4em; padding-right: 15px; } .partner { padding: 0px 15px 5px 15px;} .daLogo { margin: 15px 15px 5px 220px; } #AboutDA_left { margin: 0px 0px 0px 13px; width: 335px; float: left; } #AboutDA_right { margin: 0px 0px 0px 13px; width: 335px; float: left; } #AboutDA_left p { padding: 5px; font-family: Helvetica, sans-serif; font-size: 1.3em; color: white; line-height: 1.4em; } #AboutDA_right p { padding: 5px 15px 15px 5px; font-family: Helvetica, sans-serif; font-size: 1.3em; color: white; line-height: 1.4em; } #partners { padding: 0px; } #partner1 { width: 353px; height: 180px; float: left; margin: 0px 0px 0px 10px; } #partner2 { width: 300px; height: 190px; float: left; margin: 0px 0px 0px 35px; } #partner3 { width: 363px; height: 230px; float: left; margin: 0px 0px 0px 10px; } #partner4 { width: 300px; height: 230px; float: left; margin: 0px 0px 0px 35px; } .pat {margin: 0px 10px 1px 0px; } #partners p {font-family: Helvetica sans-serif; color: white; font-size: 11px; line-height: 1.4em; letter-spacing: .08em; padding: 5px 10px 0px 0px; } #partners h1 { font-size: 14px; color: white; font-weight: normal; padding: 5px 0 0 0; text-align: left; } #partners h3 { font-size: 14px; color: white; font-weight: normal; padding: 2px 0 0 0; text-align: left; } #partners h2 { font-size: 10px; color: white; font-weight: bold; padding: 3px 0px; text-align: left; font-family: Helvetica, sans-serif; font-style: italic; } #partners h4 { font-size: 12px; color: white; text-align: left; font-family: Arial, sans-serif; } #name { padding-top: 58px; padding-left: 8px; } .ecoarchi {margin: 0px 10px 0px 0px; float: left; } #bandh { margin: 0px 0px 0px 95px; background: url(/images/BHID-Logo.png) center center no-repeat; width: 100px; height: 78px; width: 80px; } .bandh {margin: 0px 10px 0px 0px; float: left; } .p-inside { padding: 8px; } .jenkins {margin: 0px 10px 1px 0px;} .wayne {margin: 0px 10px 1px 0px;} .split { float: left; width: 132px; height: 90px; } .split2 { float: left; width: 129px; height: 90px; } #randr { float: right; background: url(/images/RRlogo_small.png) center center no-repeat; height: 57px; width: 83px; margin-right: 25px; } #partner2 p { padding: 0px 0px 10px 0px; } #partner3 p { padding: 0px 12px 15px 0px; } .description { padding: 0px; min-height: 230px; margin-top: 20px;} .desc {text-indent: 25px; padding: 5px; } #AboutDA_right p {padding: 5px; margin-top: 20px;} #theteam { height: 35px; text-align: left; padding-left: 15px; color: white; float: left; width:100%; } #sosueme a {text-decoration: none; color: white; } #sosueme a:hover { text-decoration: underline; } #DAbook { padding: 35px 0 0 10px; text-align: left; width: 335px; height: 95px; float: left; margin: 0px 0px 0px 13px; } #DAbook a { color: white; font-size: 16px; text-decoration: none; } #DAbook a:hover { text-decoration: underline; } .portfolio_item{ width:295px; display: block; float: left; min-height: 450px; background-color: #bdc0c1; margin: 28px 0 10px 30px; text-align: left; font-family: Verdana padding-bottom:7px; line-height: 1.3em; } #leftSide .portfolio_item h3, #leftSide .portfolio_item h2, #leftSide .portfolio_item p, #leftSide .portfolio_item li { font-size: 1.4em; font-weight: 400; font-family: Verdana, sans-serif; text-align: left; color: #6b1b18; text-transform: uppercase; margin-left: 10px; padding-left:0; } #leftSide .portfolio_item p{ font-size: 1.2em; text-transform: none; padding:.2em 0 0 0;} #leftSide .portfolio_item li{ font-size: 1.2em; text-transform: none; margin-left: 23px;} .portfolio_item span{display: inline-block; margin: 0 0 10px 10px;} .portfolio_item span a{width:15px; height: 15px; display: inline-block; text-indent: -1000px; overflow: hidden; background: #fff; margin:10px 10px 0 0; border:1px solid #000;} #pv_sidebar {float: left; clear: left; width: 220px; display: block; margin-top: 20px;} #pv_sidebar h3{ margin-left: 25px; font-size: 18px; text-align: left;} #resource_list{margin: 20px; float: right; position: relative; display: block; width: 450px;} #leftSide #pv_sidebar a, #leftSide #pv_sidebar a:link, #leftSide #pv_sidebar a:visited{color: #e5c163; font-style: normal;} #leftSide #pv_sidebar a:hover, #leftSide #pv_sidebar a:active{color:#fff;} #resource_list .resource a,#resource_list .resource a:link,#resource_list .resource a:visited{color: #e5c163; font-style: normal;} #resource_list .resource a:hover, #resource_list .resource a:active{color:#fff;} .resource {display: block; float: right; width: 415px; padding:10px;-moz-border-radius: 15px;-webkit-border-radius: 15px; font-size: 14px; color: #fff; line-height: 1.5em; margin-bottom: 20px;} .resource h5{font-size: 15px;} .resource img{float: left; margin: 2px 10px 5px 0; border:2px solid #ccc; } .odd{background-color: #626366;}