/* -------------------- PORTFOLIO PAGE -------------------- */ body#longer {background-color:#eae1c2;} #content {padding-bottom:40px;} #port_hold {padding:0px; height:95px;margin-top:0px;} #port_hold h2 {color:#2c93bd;padding:0;float:left;width:215px;font-size:36px;} h2#page {color:#51504e; float:left;font-size:36px;width:500px;} #portH_menu {margin-top:15px; margin-bottom:20px;float:left; height:29px; width:100%} #portH_page {float:left; margin-top:2px;width:100%;} /*--------------------------------- Portfolio header button ----------------------------------- */ #portH_menu .portB {display:block; height:29px; float: left; background: url(images/port_nav.png) no-repeat;margin-right:8px;} #portH_menu a.web {background-position: -50 0; width:86px;} #portH_menu a.print {background-position: 0 0; width:50px;} #portH_menu a.gra {background-position: -442px 0; width:185px;} #portH_menu a.ren {background-position: -201px 0; width:142px;} #portH_menu a.logo {background-position: -136px 0; width:65px;} #portH_menu a.paint {background-position: -343px 0; width:99px;} #portH_menu a.web:hover {background-position: -50 -29px; } #portH_menu a.print:hover {background-position: 0 -29px; } #portH_menu a.gra:hover {background-position: -442px -29px; } #portH_menu a.ren:hover {background-position: -201px -29px; } #portH_menu a.logo:hover {background-position: -136px -29px; } #portH_menu a.paint:hover {background-position: -343px -29px; } #portH_menu a.hidebut {display:none;} /*----Portfolio page intro section---*/ #page_intro {height: 95px;} #blib {background: url(images/port_intro_bg.png) no-repeat top left; float:left; width:403px; height:92px;} #blib p {padding: 25px 10px 10px 10px;} #intro_rhs { font-family:arial; font-size:14px; float:left; margin: 20px 10px 10px 30px; width: 470px;} #intro_rhs b {color:#1A8AB6;} #intro_rhs a {line-height:20px;} #intro_rhs h3 {font-size:18px; color:#868172;} p#subcate {padding: 30px 0 0; margin-bottom: 10px; font-size:30px; border-bottom: 1px solid #bba97a; color:#595959;} /*--------------------------------- Sub categories on the portfolio ----------------------------------- */ /*--- PORTFOLIO Websites section---*/ #port_web_greet #pwg_1 {background: url(images/pwg_01.jpg) no-repeat top left; height:139px; } #pwg_2 {height:41px; margin-bottom:20px;} p#pwg_2_1 {background: url(images/pwg_02.jpg) no-repeat top left; height:41px; float:left;width:589px;} #pwg_2 a{display:block; float: left; height:41px;} p#pwg_2_2 {background: url(images/pwg_or.jpg) no-repeat top left; height: 41px; width: 37px; float: left;} #pwg_2 a#pwg_2_3 {background: url(images/pwg_03.jpg) no-repeat top left; width:143px; } #pwg_2 a#pwg_2_3:hover, #pwg_2 a#pwg_2_4:hover {background-position: 0 -41px;} #pwg_2 a#pwg_2_4 {background: url(images/pwg_04.jpg) no-repeat top left; width:153px; } #portfolio{padding-top:20px;} .pf_row {height:225px; background-color:#f6f5ed; padding:15px; margin-bottom:25px; border:1px solid #e2d9b8;} .pf_LHS {width: 404px; float: left; padding-right:35px;} /*---- Screen shots available section---*/ .pf_LHS p.srcshot, #webtemplate .temp_colm p.srcshot {display:block; margin-top:5px;float:left;} .pf_LHS p#screenshot, #webtemplate .temp_colm p#screenshot {color:#9b9a96; } p#ss_number, #webtemplate .temp_colm p#ss_number {margin:8px 0 0 5px;background: url(images/port_web_screenshots.gif) no-repeat;height:11px;} /*---- END screen shots---*/ .pf_LHS span {margin-top:177px; position: absolute; padding-top: 3px; width:403px;display:none; background: url(images/port_web_span.png) repeat scroll 0 0;height: 25px; color:#f2eeda; font-family:Tahoma; font-size:18px; text-align:center;} .port:hover span, .portHover, .port2:hover span, .port2Hover, .port3:hover span, .port3Hover{display:block;} #portfolio .port{background: url(images/portfolio/port_web_1.jpg) no-repeat; display:block; border:1px solid #e2d9b8;height:205px; width:403px;} #portfolio .port2{background: url(images/portfolio/port_web_2.jpg) no-repeat; display:block; border:1px solid #e2d9b8;height:205px; width:403px;} #portfolio .port3{background: url(images/portfolio/port_web_3.jpg) no-repeat; display:block; border:1px solid #e2d9b8;height:205px; width:403px;} #portfolio a.web1{background-position: 0 0px !important;} #portfolio a.web2 {background-position: 0 -205px !important;} #portfolio a.web3 {background-position: 0 -410px !important;} #portfolio .port2{background: url(images/portfolio/port_web_2.jpg) no-repeat; display:block; border:1px solid #e2d9b8;height:205px; width:403px;} #portfolio .port3{background: url(images/portfolio/port_web_3.jpg) no-repeat; display:block; border:1px solid #e2d9b8;height:205px; width:403px;} #portfolio .lbLink, #webtemplate .temp_colm .lbLink {display:none; visibility: hidden;} .pf_row .pf_RHS {float:left; width:442px;} #portfolio .pf_RHS h3, .temp_colm h3 {padding:0px; font-size:22px;} #portfolio .pf_row .pf_RHS h5 , #webtemplate .temp_colm h5{padding:0px; padding-bottom:5px;font-size:18px; color:#2c93bd; font-weight:normal;} #portfolio h4 {font-size:12px;font-weight:normal; margin-top:15px; color:#229bcb;padding:0px; float: left; width:125px;} #portfolio p{color:#51504e;padding-bottom:5px; } #portfolio .pf_row .pf_RHS p b, #webtemplate .temp_colm p b{color:#51504e;display:block; font-weight:bold;} /*----website templates section----*/ #webtemplate {background-color:#f6f5ed; padding:15px; margin-bottom:25px; border:1px solid #e2d9b8;} #webtemplate .temp_colm h5 {font-size:14px; font-weight:bold;} #webtemplate .temp_colm h3 {float:left; padding-right:10px;} /*--- price tag---*/ #webtemplate .temp_colm a.web_el_get {display:block;background: url(images/web_el_getit.gif) no-repeat top left; height:26px; width:103px;} #webtemplate .temp_colm a.web_el_get:hover {background-position: 0 -26px;} #webtemplate .temp_colm a#get_IE {display:none;} p#el_head {font-size:36px; font-weight:bold; padding:0; letter-spacing:-1px;} p#temp_header {font-size:18px;font-weight:normal; padding-bottom:25px; } p#temp_header b {font-weight:bold;} p#temp_header span {color:#2c93bd; } .temp_row {height:300px;} .temp_colm {width: 270px; float: left; padding-right:20px; padding-top:26px;} #webtemplate .temp_colm span {margin-top:77px; position: absolute; padding-top: 3px; width:267px;display:none; background: url(images/port_web_span.png) repeat scroll 0 0;height: 25px; color:#f2eeda; font-family:Tahoma; font-size:18px; text-align:center;} #webtemplate .temp_colm a:hover span, .tempHover {display:block;} #webtemplate .temp_colm a.web_el {display:block;background: url(images/portfolio/webelem_1.jpg) no-repeat top left; border:1px solid #e2d9b8;height:105px; width:267px;} #webtemplate .temp_colm a.web_el2 {display:block;background: url(images/portfolio/webelem_2.jpg) no-repeat top left; border:1px solid #e2d9b8;height:105px; width:267px;} #webtemplate .temp_colm a.el1 {background-position: 0 0;} #webtemplate .temp_colm a.el2{background-position: -267px 0;} #webtemplate .temp_colm a.el3 {background-position: -534px 0;} .temp_info {margin-top:10px;}/*--information on the web element items---*/ #colm_head {height:27px;} /*===================================================*/ /*----- union for all section ---*/ .pf_cell {background-color:#f6f5ed; float:left; margin-bottom:10px;margin-right:10px;} .pf_sm_cell {background-color:#f6f5ed; float:left; margin-bottom:5px;margin-right:5px;} .pf_cell_In {margin:10px; } .pf_cell_In span { margin-top:180px; position: absolute; width:203px;display:none; background: url(images/port_web_span.png) repeat scroll 0 0;height: 25px; color:#f2eeda; font-family:Tahoma; font-size:18px; text-align:center;} #content a.port1 {background-position:0 0px;} #content a.port2 {background-position:-203px 0px;} #content a.port3 {background-position:-406px 0px;} #content a.port4 {background-position:-609px 0px;} /*===================================================*/ /*------PAINT Section-----*/ #portfolio_Pa{height:1165px; padding:20px 35px 40px} #portfolio_Pa .cell_last {margin-right:0px;} .paint:hover span, .paintHover {display:block;} #portfolio_Pa a{display:block; height:205px; width:203px;} #portfolio_Pa .portPa1 {background: url(images/portfolio/port_paint_1.jpg) no-repeat;} #portfolio_Pa .portPa2{background: url(images/portfolio/port_paint_2.jpg) no-repeat;} #portfolio_Pa .portPa3 {background: url(images/portfolio/port_paint_3.jpg) no-repeat;} #portfolio_Pa .portPa4 {background: url(images/portfolio/port_paint_4.jpg) no-repeat;} #portfolio_Pa .portPa5 {background: url(images/portfolio/port_paint_5.jpg) no-repeat;} /*------3D Rendering Section-----*/ #portfolio_Ren{ padding:20px 35px 40px; } #portfolio_Ren .cell_last {margin-right:0px;} .render:hover span, .renderHover {display:block;} /*-- font---*/ .PR_right h3 {font-size:20px; font-weight:bold;} #portfolio_Ren .PR_right h4 {line-height:4px; font-size:10px; } .PR_right p {color:#666666; padding-top:8px;} /*---Projects row---*/ .projects {margin-bottom:25px;border:1px solid #e2d9b8;background-color:#f6f5ed;height:310px;width:925px;} .PRwrap {margin:15px; height:280px;} .PR_left {float:left; margin-right:10px;width: 595px;} .PR_left a#project_intro_1 { background: url(images/portfolio/3D/3D_01_intro.jpg) no-repeat top left; height: 208px; width: 594px;} .PR_right {float:left; width:290px;} .PR_scrs {height:64px; padding-top:10px;} /*--Screen shots--*/ a.proj3d {float:left; height:64px!important; margin-right:5px;width:90px !important;} a.project1 {background: url(images/portfolio/3D/3D_01_screenshots.jpg) no-repeat top left;} a.project2 {background: url(images/portfolio/3D/3D_02_screenshots.jpg) no-repeat top left;} #portfolio_Ren a.img02 {background-position: 0 0 ;} #portfolio_Ren a.img03 {background-position: -90px 0 ;} #portfolio_Ren a.img04 {background-position: -180px 0 ;} #portfolio_Ren a.img05 {background-position: -270px 0 !important;} #portfolio_Ren a.img06 {margin-right:0px;background-position: -360px 0 !important;} /*--- Project rows ends---*/ .indi_row {height:225px;} #portfolio_Ren a{display:block; height:205px; width:203px;} #portfolio_Ren .portRen1 {background: url(images/portfolio/port_ren_1.jpg) no-repeat;} #portfolio_Ren .portRen2{background: url(images/portfolio/port_ren_2.jpg) no-repeat;} #portfolio_Ren .portRen3 {background: url(images/portfolio/port_ren_3.jpg) no-repeat;} #portfolio_Ren .portRen4 {background: url(images/portfolio/port_ren_4.jpg) no-repeat;}