@charset "utf-8";

@import url("agv3_global.css");

/* Deliciously hand crafted by Amit Gautam */
/* Last updated on 12-Dec-09 */

/* Portfolio
------------------------------------------ */
body {
	background:#236608 url(../i/portfolio_bg.jpg) center -40px no-repeat;
	}
#pagetitle {
	position:absolute;
	float:left;
	margin:95px 0 0 8px;
	}
#pf_body_wrapper {
	clear:both;
	padding-left:20px;
	height:643px;
	z-index:1;
	position:relative;
	}

/* Portfolio Wrapper
------------------------------------------ */
#pf_wrapper {
	float:left;
	width:757px;
	height:643px;
	background:#141414 url(../i/pf_prj_col2.gif) left top repeat-x;
	}
#pf_left, #pf_right {
	float:left;
	width:3px;
	height:643px;
	}
#pf_left {
	background:url(../i/pf_prj_col1.gif) left top no-repeat;
	}
#pf_project {
	float:left;
	width:751px;
	height:643px;
	background:url(../i/loading.gif) center center no-repeat;
	}
#pf_right {
	background:url(../i/pf_prj_col3.gif) right top no-repeat;
	}

/* Tabs
------------------------------------------ */
#pf_tabs_wrapper {
	position:relative;
	float:right;
	width:20px;
	height:158px;
	}
#pf_tabs_wrapper ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#pf_tabs_wrapper li {
	float:left;
	}
#pf_tabs_wrapper li a {
	display:block;
	width:20px;
	}
.pf_tabs_details {
	height:73px;
	background:url(../i/n_t_details.png) -22px 0 no-repeat;
	}
.pf_tabs_details:hover {
	background:url(../i/n_t_details.png) -1px 0 no-repeat;
	}
.pf_tabs_browse {
	height:85px;
	background:url(../i/n_t_browse.png) -22px 0 no-repeat;
	}
.pf_tabs_browse:hover {
	background:url(../i/n_t_browse.png) -1px 0 no-repeat;
	}
#pfdetails, #pfbrowse {
	display:none;
	position:absolute;
	top:0;
	right:20px;
	width:184px;
	height:643px;
	border-left:1px solid #333;
	background:#0d0d0d url(../i/sidebar_bg.jpg) left bottom no-repeat;
	color:inherit;
	font:inherit;
	}

/* Shuttle
------------------------------------------ */
#shuttle {
	position:absolute;
	float:right;
	clear:both;
	top:155px;
	right:0;
/*	bottom:0;*/
	width:20px;
	padding:28px 0 39px 0;
	background:url(../i/shuttle_bg.gif) left bottom no-repeat;
	}
#shuttle ul {
	list-style-type:none;
    margin:0;
    padding:0;
	}
#shuttle li {
	display:block;
	margin-bottom:1px;
	}
#shuttle li a {
	display:block;
	}
.firstoff {
	height:27px;
	background:url(../i/b_ps_first.gif) 0 0 no-repeat;
	}
.first {
	height:27px;
	background:url(../i/b_ps_first.gif) 0 -26px no-repeat;
	}
.first:hover {
	background:url(../i/b_ps_first.gif) 0 -53px no-repeat;
	}
.previousoff {
	height:24px;
	background:url(../i/b_ps_previous.gif) 0 0 no-repeat;
	}
.previous {
	height:24px;
	background:url(../i/b_ps_previous.gif) 0 -23px no-repeat;
	}
.previous:hover {
	background:url(../i/b_ps_previous.gif) 0 -47px no-repeat;
	}
.nextoff {
	height:24px;
	background:url(../i/b_ps_next.gif) 0 -47px no-repeat;
	}
.next {
	height:24px;
	background:url(../i/b_ps_next.gif) 0 -23px no-repeat;
	}
.next:hover {
	background:url(../i/b_ps_next.gif) 0 1px no-repeat;
	}
.lastoff {
	height:27px;
	background:url(../i/b_ps_last.gif) 0 -53px no-repeat;
	}
.last {
	height:27px;
	background:url(../i/b_ps_last.gif) 0 -26px no-repeat;
	}
.last:hover {
	background:url(../i/b_ps_last.gif) 0 1px no-repeat;
	}

/* Portfolio Details
------------------------------------------ */
.pfcontent, #pfprojects {
	margin:20px;
	color:#808080;
	font:normal 11px Arial, Helvetica, sans-serif;
	}
.pfcontent a {
	color:#669900;
	text-decoration:none;
	}
.pfcontent a:hover {
	color:#66CC00;
	}
.pfcontent p {
	margin:0 0 11px 0;
	}
.pfcontent ul {
	margin:0;
	padding:0;
	}
.pfcontent li {
	list-style:url(../i/ct_bullet.gif);
	margin-left:17px;
	}
.pfcat {
	color:#595959;
	font-size:10px;
	}

/* Portfolio Browse
------------------------------------------ */
#pfprojects ul {
	list-style-type:none;
    margin:0;
    padding:0;
	}
#pfprojects li {
	width:144px;
	height:29px;
	margin:0;
	padding:0;
	}
#pfprojects li a {
	display:block;
	}
.pf_01 {
	background:url(../i/p/p_b_sarahjones.jpg) 0 0 no-repeat;
	}
.pf_01:hover {
	background:url(../i/p/p_b_sarahjones.jpg) 0 -29px no-repeat;
	}
.pf_02 {
	background:url(../i/p/p_b_smallscreen.jpg) 0 0 no-repeat;
	}
.pf_02:hover {
	background:url(../i/p/p_b_smallscreen.jpg) 0 -29px no-repeat;
	}
.pf_03 {
	background:url(../i/p/p_b_whizlabs.jpg) 0 0 no-repeat;
	}
.pf_03:hover {
	background:url(../i/p/p_b_whizlabs.jpg) 0 -29px no-repeat;
	}
.pf_04 {
	background:url(../i/p/p_b_indiandating.jpg) 0 0 no-repeat;
	}
.pf_04:hover {
	background:url(../i/p/p_b_indiandating.jpg) 0 -29px no-repeat;
	}
.pf_05 {
	background:url(../i/p/p_b_greaternoida-w.jpg) 0 0 no-repeat;
	}
.pf_05:hover {
	background:url(../i/p/p_b_greaternoida-w.jpg) 0 -29px no-repeat;
	}
.pf_06 {
	background:url(../i/p/p_b_greaternoida-f.jpg) 0 0 no-repeat;
	}
.pf_06:hover {
	background:url(../i/p/p_b_greaternoida-f.jpg) 0 -29px no-repeat;
	}
.pf_07 {
	background:url(../i/p/p_b_sve.jpg) 0 0 no-repeat;
	}
.pf_07:hover {
	background:url(../i/p/p_b_sve.jpg) 0 -29px no-repeat;
	}
.pf_08 {
	background:url(../i/p/p_b_dcx.jpg) 0 0 no-repeat;
	}
.pf_08:hover {
	background:url(../i/p/p_b_dcx.jpg) 0 -29px no-repeat;
	}
.pf_09 {
	background:url(../i/p/p_b_rootwell.jpg) 0 0 no-repeat;
	}
.pf_09:hover {
	background:url(../i/p/p_b_rootwell.jpg) 0 -29px no-repeat;
	}
.pf_10 {
	background:url(../i/p/p_b_snapon.jpg) 0 0 no-repeat;
	}
.pf_10:hover {
	background:url(../i/p/p_b_snapon.jpg) 0 -29px no-repeat;
	}
.pf_11 {
	background:url(../i/p/p_b_nirulas.jpg) 0 0 no-repeat;
	}
.pf_11:hover {
	background:url(../i/p/p_b_nirulas.jpg) 0 -29px no-repeat;
	}
.pf_12 {
	background:url(../i/p/p_b_nl16.jpg) 0 0 no-repeat;
	}
.pf_12:hover {
	background:url(../i/p/p_b_nl16.jpg) 0 -29px no-repeat;
	}
.pf_13 {
	background:url(../i/p/p_b_nl12.jpg) 0 0 no-repeat;
	}
.pf_13:hover {
	background:url(../i/p/p_b_nl12.jpg) 0 -29px no-repeat;
	}
.pf_14 {
	background:url(../i/p/p_b_mmbdc.jpg) 0 0 no-repeat;
	}
.pf_14:hover {
	background:url(../i/p/p_b_mmbdc.jpg) 0 -29px no-repeat;
	}
.pf_15 {
	background:url(../i/p/p_b_astra.jpg) 0 0 no-repeat;
	}
.pf_15:hover {
	background:url(../i/p/p_b_astra.jpg) 0 -29px no-repeat;
	}
.pf_16 {
	background:url(../i/p/p_b_sti.jpg) 0 0 no-repeat;
	}
.pf_16:hover {
	background:url(../i/p/p_b_sti.jpg) 0 -29px no-repeat;
	}
.pf_17 {
	background:url(../i/p/p_b_burtek.jpg) 0 0 no-repeat;
	}
.pf_17:hover {
	background:url(../i/p/p_b_burtek.jpg) 0 -29px no-repeat;
	}
.pf_18 {
	background:url(../i/p/p_b_ppc.jpg) 0 0 no-repeat;
	}
.pf_18:hover {
	background:url(../i/p/p_b_ppc.jpg) 0 -29px no-repeat;
	}
.pf_19 {
	background:url(../i/p/p_b_rwd.jpg) 0 0 no-repeat;
	}
.pf_19:hover {
	background:url(../i/p/p_b_rwd.jpg) 0 -29px no-repeat;
	}