/* CSS Document */

/*portpolio page design*/

#body-container{width:999px; margin:0 auto; 

padding:0px 0px 0px 0px;
}

#body-container #middleportpolio
{
width:999px;
height:auto;
position:relative;
}
#middleportpolio div.hedding
{
height:96px;
padding:0px 0px 0px 13px;
width:999px;
background:url(http://www.motiveminds.com/images/protfoliotop_image.jpg)   no-repeat;
font:bold 12px Tahoma;
color:#000000;
line-height:32px;
}
#body-container #portfoliimage
{
width:999px;
height:320px;
background:url(http://www.motiveminds.com/images/protfoliimagein.jpg) top left  no-repeat;


}
#navtabprotfolio
{
width:999px;
height:29px;
text-align:right;
background: url(http://www.motiveminds.com/images/protfoliotanavitems.jpg)  no-repeat;

}
#catgireilist
{
width:999px;
height:209px;

padding-top:20px;
background:url(http://www.motiveminds.com/images/browsebycategories.jpg)  no-repeat;
}
#middleportpolio div.selectlater
{
margin-left:737px;
padding-top:35px;

}
#body-container #rightportpolio
{
width:190px;
height:auto;

}
#middleportpolio #leftsidetop
{

width:822px;
height:180px;
padding-left:110px;


margin-top:30px;

}
#leftsidetop ul
{
width:822px;
height:180px;
padding:0px 0px 0px 0px;
}
#leftsidetop ul li
{
width:200px;
height:23px;
line-height:20px;
float:left;
padding:0px 0px 0px 3px;
font: normal 11px Tahoma;
color:#000000;
list-style:url(http://www.motiveminds.com/images/arrow_portpolio.jpg) ;

}
#leftsidetop ul li.first
{
font: normal 11px Tahoma;
color:#000000;
list-style:url(http://www.motiveminds.com/images/arrow_portpolio.jpg) ;

}
#leftsidetop ul li.first a
{
font: normal 11px Tahoma;
color:#000000;
text-decoration:none;
}
#leftsidetop ul li.first a:hover
{
font: normal 11px Tahoma;
color:#185b8c;
text-decoration:none;
}

#leftsidetop ul li.second
{
font: normal 11px Tahoma;
color:#000000;
list-style:url(http://www.motiveminds.com/images/arrow_portpolio.jpg) ;

}
#leftsidetop ul li.second a
{
font: normal 11px Tahoma;
color:#000000;


}
#rightsidetop
{
width:999px;
height:320px;

margin:0px 0px 0px 33px;

}
#rightsidetop p.imaging
{
width: 597px;
height:303px;
margin-left:307px;
overflow:hidden;

}
#rightsidetop div#slider1{
	position:relative;/*leave as is*/
	overflow: hidden;
	width: 910px; /*width of featured content slider*/
	height: 320px;

	
}
#rightsidetop div#slider1 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left:0px;  /*leave as is*/
top:5px;  /*leave as is*/
padding: 0px;
width: 597px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
}
#rightsidetop div#paginate-slider1
{
	float:left;
	width:90px;
	height:24px;
	margin:3px 0px 0px 0px;
	text-align:center;
	overflow:hidden;


}
#rightsidetop div#paginate-slider1 a
{text-align:center;
overflow:hidden;

}

.toc
{
width:16px;
height:16px;
background:#206abd;
text-align:center;
line-height:16px;
font:bold 11px Tahoma;
float:left; 
color:#fff;
margin:3px;
text-decoration:none;
}


#paginate-slider1 a:hover, #paginate-slider1 a.selected{
	color: #000;
	height:16px;
	background: #fff;	
	text-align:center;
}

#rightsidetop div.description
{
margin:10px 0px 0px 0px ;
width:210px;
height:107px;
line-height:22px;
padding-left:60px;
padding-top:70px;

}
#rightsidetop div.description p.heading
{
width:230px;
margin:4px 0px 0px 0px ;

padding:9px 0px 0px 14px;
font:bold 21px   Arial, Helvetica, sans-serif;
color:#0183cf;
}
#rightsidetop div.description p.heading a
{
color:#0183cf;

text-decoration:none;
}
#rightsidetop div.description p.heading a:hover
{
color:#0183cf;
text-decoration:none;
}
#rightsidetop div.description p.description
{width:230px;
margin:16px 0px 0px 0px ;padding:0px 0px 0px 14px;
font:normal 11px  Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
#rightsidetop div.description p
{width:230px;
margin:16px 0px 0px 0px ;padding:0px 0px 0px 14px;
font:normal 11px  Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
#rightsidetop div.description p.description strong
{width:230px;
font:bold 12px Tahoma;
color:#000;
line-height:26px;
}
#rightsidetop div.description p.readmore
{width:230px;
margin-top:16px;
padding:0px 0px 0px 14px;
font:normal 11px Tahoma;
color:#000;
text-align:right;
}
.portfoli
{
height:20px;
z-index:900000000;position:absolute;top:699px;width:380px; text-align:left; background:#0033FF;border:1px solid #90abb8;
background:#efefef;margin:3px 0px 0px 93px;left:332px;

}
