/* ------------------------------------------------- */ /* -------------------GLOBAL STYLES----------------- */ /* ------------------------------------------------- */ body { background-color: #e0eef1; margin: 10px auto 0 auto; font-family: arial, sans-serif; color: #4d4d4f; font-size: 12px; line-height: 20px; } body.left { } body.content { } h1 { color: #4d4d4f; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #e0eef1; } h2 { color: #4d4d4f; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } :focus { outline: 0;} /* ------------------------------------------------- */ /* -----------------------FOUNDATION---------------- */ /* ------------------------------------------------- */ #bgcontainer { width: 550px; margin: 0 auto 0 auto; } #container { width: 550px; background-color: #FFF; margin: 0 auto 0 auto; padding-bottom: 10px;} #content { width: 550px; background-color: #FFF; min-height: 400px; } #header { background-color: #e0eef1; margin: 40px 0 0 360px; } #leftcolumn { width: 80px; margin: 250px 25px 0 25px; text-align: right; float: left; } #rightcolumn { width: 375px; margin: 25px 5px 0 0; float: left; } #footer { color: #859ca1; font-size: 10px; margin: 10px 0 0 150px; } /* ------------------------------------------------- */ /* -----------------------HEADER-------------------- */ /* ------------------------------------------------- */ #header img { border: 0; } /* ------------------------------------------------- */ /* ---------------------LEFTCOLUMN------------------ */ /* ------------------------------------------------- */ #leftcolumn { font-size: 10px; letter-spacing: 1px; float: left; } #leftcolumn a { color: #859ca1; } #leftcolumn a:hover { border-bottom: 1px solid; color: #4d4d4f; } #leftcolumn a.active { color: #4d4d4f; } #leftcolumn img { float: right; margin-left: 10px; margin-top: -65px; } /* ------------------------------------------------- */ /* ---------------------CONTENT --------------- */ /* ------------------------------------------------- */ #content { } #content a { text-decoration: none; color: #859ca1; } #content a:hover { color: #4d4d4f; } #content a.active { color: #4d4d4f; } #content .work { clear: both; border: 0px #F00 solid; } #content .res { width: 350px; margin-bottom: 25px;} #content .res_left { width: 175px; margin-bottom: 25px; margin-right: 30px; float: left;} #content .res_right { width: 125px; margin-bottom: 25px; float: left;} #content .res_description { color: #859ca1;} #content .res_download { color: #859ca1; margin: 15px 0 40px 0; } #content .res_download_b { color: #859ca1; margin-bottom: 25px; } #content .home_image { margin: 50px 0 0 250px; } #content .home { float: left; } #content .contact_description { color: #859ca1; font-size: 11px; letter-spacing: 1px;} #content .work_project1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/500/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project1 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project2 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/but/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project2 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project3 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/eng/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project3 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project4 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/hea/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project4 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project5 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/isp/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project5 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project6 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/isw/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project6 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project7 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/oth/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project7 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project8 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/otm/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project8 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project9 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/tri/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project9 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .work_project10 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 50px; width: 90px; background-image: url("/_images/work/mtd/thumbs/00.jpg"); margin-bottom: 10px; float: left; } #content .work_project10 a:hover { border: 3px #859ca1 solid; background-position: -90px 0px; } #content .project1_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/500/thumbs/01.jpg"); margin-bottom: 10px; } #content .project1_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project1_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/500/thumbs/02.jpg"); margin-bottom: 10px; } #content .project1_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project1_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/500/thumbs/03.jpg"); margin-bottom: 10px; } #content .project1_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project1_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/500/thumbs/04.jpg"); margin-bottom: 10px; } #content .project1_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project1_img5 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/500/thumbs/05.jpg"); margin-bottom: 10px; } #content .project1_img5 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project2_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/but/thumbs/01.jpg"); margin-bottom: 10px; } #content .project2_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project2_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/but/thumbs/02.jpg"); margin-bottom: 10px; } #content .project2_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project3_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/eng/thumbs/01.jpg"); margin-bottom: 10px; } #content .project3_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project3_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/eng/thumbs/02.jpg"); margin-bottom: 10px; } #content .project3_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project3_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/eng/thumbs/03.jpg"); margin-bottom: 10px; } #content .project3_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project3_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/eng/thumbs/04.jpg"); margin-bottom: 10px; } #content .project3_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project4_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/hea/thumbs/01.jpg"); margin-bottom: 10px; } #content .project4_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project4_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/hea/thumbs/02.jpg"); margin-bottom: 10px; } #content .project4_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project4_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/hea/thumbs/03.jpg"); margin-bottom: 10px; } #content .project4_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project4_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/hea/thumbs/04.jpg"); margin-bottom: 10px; } #content .project4_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project4_img5 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/hea/thumbs/05.jpg"); margin-bottom: 10px; } #content .project4_img5 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project4_img6 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/hea/thumbs/06.jpg"); margin-bottom: 10px; } #content .project4_img6 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project5_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isp/thumbs/01.jpg"); margin-bottom: 10px; } #content .project5_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project5_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isp/thumbs/02.jpg"); margin-bottom: 10px; } #content .project5_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project5_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isp/thumbs/03.jpg"); margin-bottom: 10px; } #content .project5_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project6_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isw/thumbs/01.jpg"); margin-bottom: 10px; } #content .project6_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project6_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isw/thumbs/02.jpg"); margin-bottom: 10px; } #content .project6_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project6_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isw/thumbs/03.jpg"); margin-bottom: 10px; } #content .project6_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project6_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/isw/thumbs/04.jpg"); margin-bottom: 10px; } #content .project6_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project7_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/oth/thumbs/01.jpg"); margin-bottom: 10px; } #content .project7_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project7_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/oth/thumbs/02.jpg"); margin-bottom: 10px; } #content .project7_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project7_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/oth/thumbs/03.jpg"); margin-bottom: 10px; } #content .project7_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project7_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/oth/thumbs/04.jpg"); margin-bottom: 10px; } #content .project7_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project8_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/otm/thumbs/01.jpg"); margin-bottom: 10px; } #content .project8_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project8_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/otm/thumbs/02.jpg"); margin-bottom: 10px; } #content .project8_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project8_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/otm/thumbs/03.jpg"); margin-bottom: 10px; } #content .project8_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project8_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/otm/thumbs/04.jpg"); margin-bottom: 10px; } #content .project8_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project8_img5 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/otm/thumbs/05.jpg"); margin-bottom: 10px; } #content .project8_img5 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project8_img6 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/otm/thumbs/06.jpg"); margin-bottom: 10px; } #content .project8_img6 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project9_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/tri/thumbs/01.jpg"); margin-bottom: 10px; } #content .project9_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project9_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/tri/thumbs/02.jpg"); margin-bottom: 10px; } #content .project9_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project10_img1 a { border: 3px #4d4d4f solid; text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/mtd/thumbs/01.jpg"); margin-bottom: 10px; } #content .project10_img1 a:hover { border: 3px #859ca1 solid; background-position: -375px 0px; } #content .project10_img2 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/mtd/thumbs/02.jpg"); margin-bottom: 10px; } #content .project10_img2 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project10_img3 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/mtd/thumbs/03.jpg"); margin-bottom: 10px; } #content .project10_img3 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project10_img4 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/mtd/thumbs/04.jpg"); margin-bottom: 10px; } #content .project10_img4 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .project10_img5 a { border: 3px #4d4d4f solid;text-indent: -10000px; display: block; height: 100px; width: 375px; background-image: url("/_images/work/mtd/thumbs/05.jpg"); margin-bottom: 10px; } #content .project10_img5 a:hover { border: 3px #859ca1 solid;background-position: -375px 0px; } #content .work_description { color: #859ca1; padding: 0; font-size: 11px; height: 85px; width: 265px; float: left; margin-left: 10px; } #content .work_title { color: #4d4d4f; padding: 0; font-size: 12px;} #content .gallery { font-size: 10px; letter-spacing: 1px; float: left; } .gallery a { color: #859ca1; } .gallery a:hover { border-bottom: 1px solid; color: #4d4d4f; } /* ------------------------------------------------- */ /* ---------------------RIGHTCOLUMN------------------ */ /* ------------------------------------------------- */ /* ------------------------------------------------- */ /* ---------------------FOOTER---------------------- */ /* ------------------------------------------------- */ #footer { } #footer.intro { } #footer a { } #footer a:hover { } .linked { margin: 20px 0 0 0; } /* ------------------------------------------------- */ /* ---------------------SPECIALS-------------------- */ /* ------------------------------------------------- */ .clear {clear: both;}