body { margin: 0; padding: 0; background-color: #fff; font-family: verdana; font-size: 11px; color: #555; } h2 { font-family: "Trebuchet MS", san-serif; font-size: 14px; color: #BD5910; font-weight: normal; margin-top: 0px; margin-bottom: 8px;} h3 { font-family: verdana, san-serif; font-size: 12px; color: #666; font-weight: bold; margin-top: 0px; margin-bottom: 6px; padding-top: 6px; /* border-top: 1px solid #ddd; */} p { margin-top: 0px; line-height: 1.3em; } a, a:visited { color: #336699; } a:hover { color: #bd5910; } img { border: 0; } #container { display: block; width: 980px; margin: auto; margin-top: 20px; /* background: #efefef; */} #topBar { height: 40px; width: 980px; /* background: yellow; */ } div#logo { float: left; width: 926px; } #contactNav { float: right; width: 54px; height: 40px; background: red; text-align: left; } div#contactNav a { display: block; width: 54px; height: 40px; text-indent: -5000px; background: url(../images/nav/contact.gif) no-repeat top; } div#contactNav, #contactNav a:hover, #contactNav.on a { background: url(../images/nav/contact.gif) no-repeat left bottom; } #nav { width: 980px; height: 30px; background: #369; display: block; } #nav ul { margin: 0px; padding: 0px; list-style-type: none; height: 30px; display: block; } #nav ul li { margin: 0px; padding: 0px; display: block; float: right;} /* ul#navList li img {display: block; } */ /* This was necessary to remove unwanted white space between list and header */ #nav ul li a { display: block; height: 30px; } /* rollovers */ #homeNav a { width: 70px; height: 30px; text-indent: -5000px; background: url(../images/nav/home.gif) no-repeat top; } #homeNav, #homeNav a:hover, #homeNav.on a { background: url(../images/nav/home.gif) no-repeat left bottom; } #introductionNav a { width: 107px; height: 30px; text-indent: -5000px; background: url(../images/nav/introduction.gif) no-repeat top; } #introductionNav, #introductionNav a:hover, #introductionNav.on a { background: url(../images/nav/introduction.gif) no-repeat left bottom; } #servicesNav a { width: 83px; height: 30px; text-indent: -5000px; background: url(../images/nav/services.gif) no-repeat top; } #servicesNav, #servicesNav a:hover, #servicesNav.on a { background: url(../images/nav/services.gif) no-repeat left bottom; } #portfolioNav a { width: 90px; height: 30px; text-indent: -5000px; background: url(../images/nav/portfolio.gif) no-repeat top; } #portfolioNav, #portfolioNav a:hover, #portfolioNav.on a { background: url(../images/nav/portfolio.gif) no-repeat left bottom; } #designNav a { width: 124px; height: 30px; text-indent: -5000px; background: url(../images/nav/design.gif) no-repeat top; } #designNav, #designNav a:hover, #designNav.on a { background: url(../images/nav/design.gif) no-repeat left bottom; } #clientsNav a { width: 90px; height: 30px; text-indent: -5000px; background: url(../images/nav/clients.gif) no-repeat top; } #clientsNav, #clientsNav a:hover, #clientsNav.on a { background: url(../images/nav/clients.gif) no-repeat left bottom; } #aboutNav a { width: 156px; height: 30px; text-indent: -5000px; background: url(../images/nav/about.gif) no-repeat top; } #aboutNav, #aboutNav a:hover, #aboutNav.on a { background: url(../images/nav/about.gif) no-repeat left bottom; } #headerBar { display: block; clear: both; border: 0; padding: 0; margin: 0; width: 980px; height: 50px; margin-top: 0; background: #4483b1; text-align: right;} #content { display: block; margin-top: 2px; float: left;} #introductionPage #content { background: url(../images/backgrounds/manzo_tilt.jpg) no-repeat; } #servicesPage #content { background: url(../images/backgrounds/springshed_tilt.jpg) no-repeat; } #designPage #content { background: url(../images/backgrounds/chamber1_tilt.jpg) no-repeat; } #clientsPage #content { background: url(../images/backgrounds/parks_tilt.jpg) no-repeat; } #aboutPage #content { background: url(../images/backgrounds/az_tilt.jpg) no-repeat; } #contactPage #content { background: url(../images/backgrounds/app_tilt.jpg) no-repeat; } #leftCol { float: left; width: 280px; padding-left: 370px; padding-top: 30px; padding-bottom: 20px;} #rightCol { float: left; width: 280px; padding-left: 50px; padding-top: 30px; padding-bottom: 20px; } #footer { clear: both; display: block; width: 980px; background-color: #369; height: 30px; color: #B0C8DE; font-size: 10px; margin-bottom: 20px;} #footer a { text-decoration: none; color: #B0C8DE; } #footer a:hover { color: #fff; } #contactLeft { float: left; width: 300px; margin-left: 30px; margin-top: 6px; } #contactRight { float: right; width: 300px; margin-right: 30px; text-align: right; margin-top: 6px; } /* client list specific */ ul.clientList { list-style-type: none; padding: 0;} /* Contact specific */ ul.contactList { list-style-type: none; padding: 0; padding-left: 10px;} ul.contactList li { margin-bottom: 4px; font-style: italic;} /* portfolio specific */ .portfolio #leftCol { float: left; width: 500px; padding-left: 0px; padding-top: 30px; padding-bottom: 20px;} .portfolio #rightCol { float: right; width: 430px; padding-right: 10px; padding-left: 0; padding-top: 30px; padding-bottom: 20px;} ul.projectList { list-style-type: none; margin: 0; padding: 0; margin-bottom: 12px; } ul.projectList li { margin-bottom: 4px; } ul.linkList { list-style-type: none; margin: 0; padding: 0; } ul.linkList li { margin-bottom: 1px; } ul.linkList li a { text-decoration: none; } span.arrow { font-size: 14px; } /* portfolio specific (OLD) */ .site { margin-bottom: 25px; clear: both; display: block; } .thumb { float: left; margin-right: 20px; } .thumb a img { border: 1px solid #ccc; } .thumb a:hover img { border: 1px solid #C00; } .description { float: left; padding-right: 0px; width: 300px;} .description h2 { padding: 0; margin: 0; margin-bottom: 4px; font-size: 13px; } .more { margin-top: 8px; } .more a { color: #369; text-decoration: none: } hr { display: block; clear: both; visibility: hidden; } #displayCol { display: block; float: left; width: 330px; margin-left: 0px; margin-top: 15px; padding-bottom: 0px; /* border: 1px solid green; */} iFrame { /* margin-left: -10px; overflow: hidden; */ } #thumbCol { float: right; width: 450px; margin-left: 50px; margin-top: 15px; padding-bottom: 10px; } #thumbColOne { float: left; width: 450px; margin-left: 0px; margin-top: 15px; padding-bottom: 10px; } #thumbColTwo { float: right; width: 450px; margin-left: 0px; margin-top: 15px; padding-bottom: 10px; }