/* CSS Document */



/*Recent work template*/
#itemWrap2	{width: 500px; height:140px; padding:10px; background-image: url(../images/frames/recentWork.jpg);margin: 10px 0px;}
#itemWrap2 a img	{width: 172px; height:131px; padding:0px; margin:3px; border:1px solid #fff; float:left;}
#itemWrap2 a img:hover	{border-color: #FFCC66 }
#itemWrap2 #recentWorkFrontDetails	{float: right; width: 315px; background:;}
#itemWrap2 #recentWorkFrontDetails h3	{margin-bottom: 0px;}
#itemWrap2 #recentWorkFrontDetails p	{color: #333; padding-right: 10px; font-size:10px; }
#itemWrap2 #recentWorkFrontDetails p#links	{text-align: right;}
#itemWrap2 #recentWorkFrontDetails p#links a	{padding: 5px 10px;margin-right: 10px;}

/*full project*/
#fullShowcaseWrap	{}
#fullShowcaseWrap h2	{text-transform: capitalize;}
#fullShowcaseWrap p	{}
#fullShowcaseWrap #mainImg	{}
#fullShowcaseWrap #thumbs	{margin: 0 0 15px 12px;}
#fullShowcaseWrap #mainImg img	{width: 496px; margin:2px;}
#fullShowcaseWrap #thumbs img	{padding: 2px; background:white; width:161px;}

/*wraps the map, and some images also*/
#frameBot	{background:url(../images/frames/showcaseBGbot.jpg) no-repeat bottom left;  }
#frameTop	{background:url(../images/frames/showcaseBG.jpg) no-repeat;  padding:10px;}


/*related projects*/
#projectWrap	{float: left; background:; padding:0px; margin-right: 17px;}
#projectWrap #img a img	{width: 240px; height:180px;padding:0px; background:white; margin-bottom:5px;
						border: 1px solid #eee;}
#projectWrap #img a img:hover	{border-color: #FFCC00;}
#projectWrap #details	{height: 25px; text-align:center;}
#projectWrap #details a	{font-size: 12px;}

#productSpecs	{}
#productSpecs li	{color: #222;}
#productSpecs p b	{color: #FF6600}