body { background:#130c08 url(bg.jpg) center; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; } body, td, th { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#f5d398; } a:link, a:visited, a:active { font-weight:bold; color:#ce7d0b; text-decoration: } a:hover { } h1, h2, h3, h4 { margin:0 0 20px 0; padding:0; font-size:12px; } #searchBar { float:right; margin-top:40px; margin-right:300px; } #wrapperTop { background:url(top.jpg) center top no-repeat; min-height:900px;/*min height for IE */ height:auto !important; height:900px; } #wrapperBottom { background:url(footer.jpg) center bottom no-repeat; min-height:900px;/*min height for IE */ height:auto !important; height:900px; } #wrapper { background:url(main.jpg) center top repeat-y; margin-left:-3px; } #header { height:161px; width:980px; margin:0 auto; } #logo { float:left } #logo a { background:url(logo.jpg) no-repeat; width:346px; display:block; height:76px; margin-top:57px; margin-left:600px; outline:none; } #logo img { display:none } /*#logo img {margin-top:57px;margin-left:25px;} */ #navigation { float:right; margin-top:75px; padding-right:49px; } #navAdLink { float:right; margin-top:5px; margin-right:50px; } #featured {margin-left:25px; margin-top:10; float:left; } #navigation ul { margin:0; padding:0; list-style-type:none; display:inline; } #navigation li { margin:0; padding:0; display:inline } #navigation li a { float:left; display:block; height:71px; text-indent:-5000px; outline:none } #navigation li#navHome a { background:url(menu.jpg) 0 0 no-repeat; width:98px; } #navigation li#navHome a:hover, body#home li#navHome a { background:url(menu.jpg) 0 -71px no-repeat; } #navigation li#navAbout a { background:url(menu.jpg) -98px 0 no-repeat; width:99px; } #navigation li#navAbout a:hover, body#about li#navAbout a { background:url(menu.jpg) -98px -71px no-repeat; } #navigation li#navPortfolio a { background:url(menu.jpg) -197px 0 no-repeat; width:98px; } #navigation li#navPortfolio a:hover, body#portfolio li#navPortfolio a { background:url(menu.jpg) -197px -71px no-repeat; } #navigation li#navContact a { background:url(menu.jpg) -295px 0 no-repeat; width:98px; } #navigation li#navContact a:hover, body#contact li#navContact a { background:url(menu.jpg) -295px -71px no-repeat; } /* #navigation {float:right;margin-top:101px;padding-right:49px;} #navigation ul {margin:0;padding:0;list-style-type:none;display:inline;} #navigation li {margin:0;padding:0;display:inline} #navigation li a {float:left;display:block;height:35px;text-indent:-5000px;outline:none} #navigation li#navHome a {background:url(../images/menu/home.jpg);width:98px;} #navigation li#navAbout a {background:url(../images/menu/about.jpg);width:99px;} #navigation li#navPortfolio a {background:url(../images/menu/portfolio.jpg);width:98px;} #navigation li#navContact a {background:url(../images/menu/contact.jpg);width:98px;} */ #main { clear:both; min-height:629px;/*min height for IE */ height:auto !important; height:629px; margin:0 auto; width:980px; } #footer { clear:both; height:110px; margin:0 auto; width:980px; color:#dd7d0b; font-family:Tahoma, Helvetica, sans-serif; } #footer p { padding-top:7px; padding-left:2px } #content { width:740px; margin-bottom:20px; padding:0px 0px;/*width:743px */ float:right; margin-right:40px; } #content p, #contentWide p, /*#sidebar p { margin:0 0 10px 0; }*/ h1.bottom, /*h2.bottom { background:url(headingBottom.gif) left bottom no-repeat; } #contentWide { padding:30px 35px; }*/ #headingAbout span { background:url(about.gif) no-repeat; display:block; height:28px; text-indent:-5000px } #headingWelcome span { background:url(../images/headings/welcome.gif) no-repeat; display:block; height:28px; text-indent:-5000px } #headingContactForm span { background:url(../images/headings/contactForm.gif) no-repeat; display:block; height:28px; text-indent:-5000px } #headingPortfolio span { background:url(../images/headings/portfolio.gif) no-repeat; display:block; height:28px; text-indent:-5000px } #headingAboutMyself { margin-bottom:10px } #headingAboutMyself span { background:url(../images/headings/aboutMyself.gif) no-repeat; display:block; height:16px; text-indent:-5000px; } #headingWhatCanIDo { margin-bottom:10px; margin-top:40px; } #headingWhatCanIDo span { background:url(../images/headings/whatCanIDo.gif) no-repeat; display:block; height:17px; text-indent:-5000px; } #headingAboutThisSite { margin-bottom:10px; margin-top:40px; } #headingAboutThisSite span { background:url(../images/headings/aboutThisSite.gif) no-repeat; display:block; height:13px; text-indent:-5000px; } #headingFeaturedWork span { background:url(../images/headings/featuredWork.gif) no-repeat; display:block; height:28px; text-indent:-5000px } #headingFeaturedWork { margin-top:40px; } #headingFeaturedWork a, #headingFeaturedWork a:link, #headingFeaturedWork a:visited { float:right; display:block; width:115px; height:14px; background:url(../images/browsePortfolio.gif) 0 0 no-repeat; text-indent:-5000px; margin-top:5px; outline:none; } #headingFeaturedWork a:hover { background:url(../images/browsePortfolio.gif) 0 -14px no-repeat; } /* #headingFeaturedWork a, #headingFeaturedWork a:link, #headingFeaturedWork a:visited {float:right;font-weight:normal;font-family:Tahoma, Helvetica, sans-serif;font-size:12px;margin-top:5px;padding-right:10px;margin-right:19px;background:url(../images/arrow.gif) right center no-repeat;} #headingFeaturedWork a:hover {padding-right:13px;margin-right:16px;background:#140c09 url(../images/arrow.gif) right center no-repeat;color:#019a92} #headingFreelanceWork span { background:url(../images/headings/freelanceWork.gif) no-repeat; display:block; height:16px; text-indent:-5000px } #headingContactDetails span { background:url(../images/headings/contactDetails.gif) no-repeat; display:block; height:16px; text-indent:-5000px } #headingDesignServices span { background:url(../images/headings/designServices.gif) no-repeat; display:block; height:19px; text-indent:-5000px }*/ #sidebar {margin-left:30px; float:left } /*#sidebar .box { width:225px; margin-bottom:20px; margin-left:40px; font-family:Tahoma, Helvetica, sans-serif } #sidebar .boxTop { background:url(../images/sidebarBoxTop.gif) 0 0 no-repeat; } #sidebar .boxBottom { background:url(../images/sidebarBoxBottom.gif) 0 bottom no-repeat; padding:15px 30px 15px 20px; } #sidebar .services { width:185px; padding:0 20px; margin-bottom:25px; font-family:Tahoma, Helvetica, sans-serif } #sidebar .services ul { margin:0; padding:0; list-style-type:none } #sidebar .services li { margin:0 0 7px 0; padding:0; } #sidebar .myCV { display:block; text-align:right; line-height:35px; padding-right:10px; width:205px; height:35px; border:1px solid #281f17; background:url(../images/myCVdouble.gif) no-repeat; outline:none } #sidebar .myCV a:link, #sidebar .myCV a:visited, #sidebar .myCV a:active { color:#ac6528; font-size:10px; padding:0 2px } #sidebar .myCV a:hover { background:#ac6528; color:#000 } #sidebar .myHover { display:block; padding-right:10px; width:205px; height:35px; border:1px solid #37281c; background:url(../images/myCVdouble.gif) no-repeat; outline:none; }*/ /* #main a:link, #main a:visited, #main a:active {color:#019a92;text-decoration:none;} #main a:hover {background-color:#019a92;color:#000} a.fancy:link {color:#000000; } a.fancy:visited, a.fancy:active { padding:0 2px; color:#019a92; text-decoration:none; } a.fancy:hover { background:#019a92; color:#000000; } .featuredWork { }*/ .featuredWork .item { float:left; margin-bottom:30px; } /*.featuredWork .item a.thumb:link img, .featuredWork .item a.thumb:visited img { border:6px solid #413025; padding:6px; background:none; } .featuredWork .item a.thumb:hover img { background-color:#ffa800; border:6px solid #4e3b2f; }*/ .featuredWork .item .more { text-align:right; padding-top:5px; padding-right:5px; } .featuredWork .item .more a:link, .featuredWork .item .more a:visited { padding-right:5px; margin-right:3px;/* background:#FFFFFF url(../images/arrow.gif) right 4px no-repeat; outline:none; */} .featuredWork .item .more a:hover { padding-right:5px; margin-right:0;/* background:#FFFFFF019a92 url(../images/arrow.gif) right 4px no-repeat; */} /*em.orange { color:#dd7d0b; font-style:normal; } .orange { color:#dd7d0b; } form { margin:0; padding:0; } #contactForm { margin-top:40px; margin-left:15px; } #contactForm th { font-weight:normal; color:#ad630b; text-align:left; } #contactForm .input, #contactForm .area { background:#1b120d; border:1px solid #37230d; color:#f5d398; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:5px; } #contactForm .inputFocus { background:#c35606 url(../images/inputFocus.gif) repeat-x; color:#000 } #contactForm .areaFocus { background:#f07927; color:#000 } #contactForm .button { background:url(../images/contact_submit.gif) 0 0 no-repeat; width:75px; height:26px; text-indent:-5000px; border:none; padding:0; cursor:pointer } #contactForm .buttonHover { background:url(../images/contact_submit.gif) 0 -26px no-repeat; } .clr { clear:both } .work { background:url(../images/portfolioHR.gif) left bottom no-repeat; overflow:hidden; margin-top:20px; margin-bottom:30px; width:800px; padding:15px 15px 40px 15px; } .work h2 { font-family:Tahoma, Helvetica, sans-serif; font-size:16px; margin-bottom:15px; font-weight:normal; letter-spacing:0.1em; color:#fa8602; }*/ .work .workContainer {/*height:360px;*/ width:525px; float:left; margin-right:20px; overflow:hidden; border:1px solid #3c2b21; padding:10px; position:relative;} .work .workContainer ul { padding:0; margin:0; position:relative; list-style:none; width:5400px;/*height:360px;*/ } .work .workContainer ul li { position:relative;/*height:360px;*/ width:525px; margin-right:55px; float:left; display:inline; } .work .workContainer ul li img { position:relative; top:0; left:0; display:block; } .work .workText { float:right; width:220px; } .work .workText ul { padding:0 0 30px 0; margin:20px 0 0 0; list-style:none; } .work .workText ul li { padding:0; margin:0; float:left; text-align:center; padding-bottom:1px; } .work .workText ul li a:link, .work .workText ul li a:visited { padding:0 2px; color:#019a92; text-decoration:none; margin-right:10px; outline:none } /*.work .workText ul li a:hover { background:#019a92; color:#000000 }*/ .work .workText a.selected:link, .work .workText a.selected:visited, .work .workText a.selected:active, /*.work .workText a.selected:hover { color:#fff; background:#130c08; outline:none; }*/ .viewLarger a:link, .viewLarger a:visited { padding:5px 25px 5px 10px; background:#1b120d url(../images/arrow.gif) 83px 9px no-repeat; border:1px solid #2c1a08 } /*.viewLarger a:hover { background:#1b120d url(../images/arrow.gif) 86px 9px no-repeat; }*/ #lightbox { background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666; } #lightboxDetails { font-size:0.8em; padding-top:0.4em; color:#666 } #lightboxCaption { float:left; } #keyboardMsg { float:right; } #closeButton { top:5px; right:5px; } #lightbox img { border:none; clear:both; } #overlay img { border:none; } #overlay { background-image:url(../images/lightbox/overlay.png); } * html #overlay { background-color:#333; back\ground-color:transparent; background-image:url(../images/lightbox/blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lightbox/overlay.png", sizingMethod="scale"); }