/**** BODY ***/ html, body { background:#BAB2A5; text-align:center; margin:0; padding:0; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; scrollbar-face-color:#FFF; scrollbar-shadow-color:#999; scrollbar-highlight-color:#999; scrollbar-3dlight-color:#999; scrollbar-darkshadow-color:#999; scrollbar-track-color:#999; scrollbar-arrow-color:#AF0000; } #siteContainer { background:#fff; text-align:left; position:relative; width:710px; height:360px; padding:70px 0 70px 40px; margin:30px auto 0 auto; } h1 { margin:0; padding:0; } h2 { margin:0; padding:0; } h3 { margin:0; padding:0; } h4 { margin:0; padding:0; } h5 { margin:0; padding:0; } h6 { margin:0; padding:0; } p { margin:0; padding:0; } a, a:link, a:active, a:visited { text-decoration:none; color:#AF0000; } a:hover { text-decoration:none; } img { border:0; display:block; } /**** HEADER ***/ #headerWrap { width:100px; margin:0 10px 0 0; } #logo { margin:0 0 10px 0; } #photos { background:url(../img/homeLogoBack.jpg) no-repeat; width:150px; height:65px; margin:0; float:left; overflow:hidden; position:relative; } #photos2 { background:url(../img/work/pcfSlide1.jpg) no-repeat; width:370px; height:280px; margin:0; float:left; overflow:hidden; position:relative; } #navWrap { height:150px; float:right; display:inline; position:relative; background:#fff; } #navWrap ul { background:#fff; width:70px; list-style-type:none; margin:0; padding:0; position:relative; float:right; display:inline; } #navWrap ul li { position:relative; padding:0; margin:0; float:right; display:inline; } #navWrap ul li a, #navWrap ul li a:link, #navWrap ul li a:active, #navWrap ul li a:visited { margin:0 0 5px 0; display:block; text-decoration:none; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#1C1713; } #navWrap ul li a:hover { text-decoration:none; color:#AF0000; } #navWrap ul li a.current, #navWrap ul li a:link.current, #navWrap ul li a:active.current, #navWrap ul li a:visited.current { margin:0 0 5px 0; display:block; text-decoration:none; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #navWrap ul li a:hover.current { text-decoration:none; color:#AF0000; } /**** MAIN ***/ #mainWrap { width:556px; } /**** INDEX TEXT ***/ #textWrap { position:absolute; top:325px; right:43px; width:430px; } #textWrap h2 { margin:0 0 10px 0; font:normal 14px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#1C1713; } #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #textWrap p { font:normal 14px/20px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #textWrap h4 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap a, #textWrap a:link, #textWrap a:active, #textWrap a:visited { text-decoration:none; font:normal 14px/20px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap a:hover { text-decoration:none; } #textWrap #portfolioWrap { position:absolute; top:28px; right:0; width:300px; } #textWrap #portfolioWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #textWrap #portfolioWrap h4 { margin:0 0 5px 0; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap img { float:right; display:inline; margin:0; } #textWrap #portfolioWrap .workWrap { position:absolute; top:20px; right:0; width:370px; } #textWrap #portfolioWrap .workWrap h4 { margin:0 0 5px 0; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .workWrap h4.indent0 { margin:0 0 5px 94px; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .workWrap h4.indent { margin:0 0 5px 100px; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .workWrap h4.indent2 { margin:0 0 5px 119px; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .workWrap h4.indent3 { margin:0 0 5px 136px; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .workWrap h4.indent4 { margin:0 0 5px 125px; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .workWrap h4.indent5 { margin:0 0 5px 65px; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #portfolioWrap .wordWrap img { } #textWrap #portfolioWrap .workWrap img.shift { margin:0 116px 0 0; } #textWrap #portfolioWrap .workWrap img.shift2 { margin:0 10px 0 0; } #textWrap #portfolioWrap .workWrap img.shift3 { margin:0 80px 0 0; } #portfolioWrap .flashWrap { float:right; display:inline; } #textWrap #workNavWrap { z-index:999; text-align:right; position:absolute; top:28px; right:0; width:200px; } #textWrap #workNavWrap p { margin:0; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #textWrap #workNavWrap a, #textWrap #workNavWrap a:link, #textWrap #workNavWrap a:active, #textWrap #workNavWrap a:visited { margin:0 7px 0 0; text-decoration:none; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #textWrap #workNavWrap a:hover { text-decoration:none; color:#AF0000; } #textWrap #workNavWrap a.current, #textWrap #workNavWrap a:link.current, #textWrap #workNavWrap a:active.current, #textWrap #workNavWrap a:visited.current { margin:0 7px 0 0; text-decoration:none; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #textWrap #workNavWrap a:hover.current { text-decoration:none; color:#AF0000; } #textWrap #workNavWrap a.arrow, #textWrap #workNavWrap a:link.arrow, #textWrap #workNavWrap a:active.arrow, #textWrap #workNavWrap a:visited.arrow { margin:0; text-decoration:none; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #textWrap #workNavWrap a:hover.arrow { text-decoration:none; color:#AF0000; } /**** INTERIOR TEXT ***/ #ajilon #textWrap { position:absolute; top:66px; right:43px; width:556px; } #ajilon #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #portfolio #textWrap { position:absolute; top:66px; right:43px; width:556px; } #portfolio #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #about #textWrap { position:absolute; top:66px; right:43px; width:556px; } #about #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #about #textWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #about #textWrap img { margin:20px 0 0 0; } #approach #textWrap { position:absolute; top:66px; right:43px; width:556px; } #approach #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #approach #textWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #approach #textWrap img { margin:0 0 8px 8px; } #clients #textWrap { position:absolute; top:66px; right:43px; width:556px; } #clients #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #clients #textWrap #clientsWrap { position:absolute; top:28px; right:20px; width:300px; } #clients #textWrap #clientsWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #clients #textWrap #clientsWrap h4 { margin:0 0 5px 0; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #clientListWrap { position:absolute; top:155px; left:-235px; background:red; width:556px; } #clientListWrap ul.list1 { position:absolute; top:0; left:0; list-style-type:none; margin:0; padding:0; } #clientListWrap ul.list1 li { margin:0; padding:0; } #clientListWrap ul.list2 { position:absolute; top:0; left:200px; list-style-type:none; margin:0; padding:0; } #clientListWrap ul.list2 li { margin:0; padding:0; } #clientListWrap ul.list3 { position:absolute; top:0; right:0; list-style-type:none; margin:0; padding:0; } #clientListWrap ul.list3 li { margin:0; padding:0; } #contact #textWrap { position:absolute; top:66px; right:43px; width:556px; } #contact #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #contact #textWrap #contactWrap { position:absolute; top:128px; right:195px; width:200px; } #contact #textWrap #contactWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #contact #textWrap #contactWrap h4 { margin:0 0 5px 0; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #login #textWrap { position:absolute; top:66px; right:43px; width:556px; } #login #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #login #textWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #login #textWrap img { margin:20px 0 0 0; } #Services #textWrap { position:absolute; top:66px; right:43px; width:556px; } #Services #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #Services #textWrap p { margin:0 0 7px 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #Services #textWrap img { position:absolute; top:75px; right:0; } #Services #textWrap #possibilityWrap { width:150px; margin:70px 0 0 45px; padding:0; } #Services #textWrap #possibilityWrap ul { list-style-type:none; margin:0; padding:0; } #Services #textWrap #possibilityWrap ul li { text-align:right; margin:0 0 5px 0; padding:0; font:normal 12px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #testimonials #textWrap { position:absolute; top:66px; right:43px; width:556px; } #testimonials #textWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #testimonials #textWrap #testimonyWrap { position:absolute; top:20px; right:0; width:400px; height:370px; background:#fff; } #testimonials #textWrap #testimonyWrap p { margin:12px 0 0 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #testimonials #textWrap #testimonyWrap h4 { margin:0 0 -4px 0; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #testimonials #clientTextWrap { text-align:left; padding:0 10px 10px 0; width:373px; background:#fff; position:absolute; top:0; left:0; } #testimonials #clientTextWrap p { margin:12px 0 0 0; font:normal 11px/13px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#4D4D4D; } #testimonials #clientTextWrap h4 { margin:0 0 -4px 0; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } /**** PORTFOLIO ***/ #clientWrap h4 { text-align:right; font:normal 12px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#666; } #clientWrap { width:81px; padding:0; margin:10px 0 0 0; } #clientWrap ul { list-style-type:none; margin:0; padding:0; } #clientWrap li { text-align:right; margin:0; padding:0; } #clientWrap li a, #clientWrap li a:link, #clientWrap li a:active, #clientWrap li a:visited { margin:0; padding:0; text-decoration:none; font:normal 10px/15px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#999; } #clientWrap li a:hover { text-decoration:none; color:#000; } #clientWrap li a.current, #clientWrap li a:link.current, #clientWrap li a:active.current, #clientWrap li a:visited.current { margin:0; padding:0; text-decoration:none; font:normal 10px/15px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #clientWrap li a:hover.current { text-decoration:none; color:#AF0000; } #clientWrap a.sort, #clientWrap a:link.sort, #clientWrap a:active.sort, #clientWrap a:visited.sort { text-align:right; font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #clientWrap a:hover.sort { text-decoration:underline; color:#AF0000; } #mediumWrap { border-left:1px solid #BAB2A5; position:absolute; top:48px; left:91px; width:70px; padding:0 0 0 10px; margin:0; } #mediumWrap h4 { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #mediumWrap ul { list-style-type:none; margin:0; padding:0; } #mediumWrap li { margin:0; padding:0; } #mediumWrap li a, #mediumWrap li a:link, #mediumWrap li a:active, #mediumWrap li a:visited { margin:0; text-decoration:none; font:normal 10px/15px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#999; } #mediumWrap li a:hover { text-decoration:none; color:#000; } #mediumWrap img { margin:0; padding:0; } #mediumWrap li a.current, #mediumWrap li a:link.current, #mediumWrap li a:active.current, #mediumWrap li a:visited.current { margin:0; padding:0; text-decoration:none; font:normal 10px/15px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #mediumWrap li a:hover.current { text-decoration:none; color:#AF0000; } #mediumWrap a.sort, #mediumWrap a:link.sort, #mediumWrap a:active.sort, #mediumWrap a:visited.sort { font:normal 12px/18px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #mediumWrap a:hover.sort { text-decoration:underline; color:#AF0000; } /**** IMAGE ***/ #imageWrap { position:absolute; top:70px; right:43px; width:550px; height:225px; } #imageWrap .feature1 { position:absolute; top:20px; left:0; } #imageWrap .feature2 { position:absolute; top:20px; left:190px; } #imageWrap .feature3 { position:absolute; top:20px; right:0; } /**** UTILITY ***/ #utilityWrap { position:absolute; top:32px; right:43px; width:150px; } #utilityWrap p { float:right; display:inline; font:normal 11px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#1C1713; } #utilityWrap a, #utilityWrap a:link, #utilityWrap a:active, #utilityWrap a:visited { float:right; display:inline; text-decoration:none; font:normal 11px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #utilityWrap a:hover { text-decoration:none; } /**** UTILITY ***/ #formWrap { width:300px; } #formWrap label { text-transform:lowercase; float:left; display:inline; padding:0; margin:0; clear:both; width:80px; font:normal 11px/16px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#666; } #formWrap input { background:#fff !important; padding:0 0 0 5px; margin:0 0 5px 0; border:1px solid #BAB2A5; height:20px; width:125px; font:normal 12px/20px "Trebuchet MS", arial, helvetica, sans-serif; color:#333} #formWrap input#submit { border:0; margin:10px 0 0 80px; padding:0; width:56px; height:22px; } #formWrap a, #formWrap a:link, #formWrap a:active, #formWrap a:visited { display:block; margin:0 0 0 80px; text-decoration:none; font:normal 11px/16px "Trebuchet MS", arial, verdana, helvetica, sans-serif; color:#AF0000; } #formWrap a:hover { text-decoration:none; }