/* CSS Document */
/*---------------General--------------*/

p, h1, h2, h3, h4, h5, form, input, label{
	padding:0;
	margin:0;
}
ul{
	list-style:none;
}
img{
	padding:0;
	margin:0;
	border:none;	
}
.spacer{
	clear:both;
	line-height:0;
	font-size:0;
}
/*-------------Body Container Starts-----------*/
#body_container{
	background:url(../../images/ribbon.png) no-repeat 856px -2px #111;
	color:#737373;
	padding:0;
	margin:0;
}
div.body{
	width:894px;
height:954px;
	margin:0 auto;
	padding:20px 33px 22px 33px;
}
div#slideshow{	
	height:70px;
	width:514px;
	}
div#slideshow div.slider{
	padding:0;
	margin:0;	
	width:514px;
	position:relative;
	background-color:inherit;
	color:#fff;
}
div#slideshow div.slider ul{
	margin:0;
	padding:10px 0 0 0;
	list-style:none;	
	}
div#slideshow div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:auto;
	height:55px;
	overflow:hidden; 
	padding:0 12px 0 0;
	margin:0;
	float:left;
	}
div#slideshow div.slider li.last{
	padding-right:0;
}

/*------------Portfolio Page Starts-------------*/
div.body h2{
	background:url(../images/ribbon.png) no-repeat -1px -15px;
	font:normal 24px/26px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 20px;
	margin:0 0 0 0;
}

div.body h3{	
	font:normal 20px/26px Arial, Helvetica, sans-serif;
	color:#00CCFF;
	padding:5px;
	margin:0 0 0 0;	
	font-weight:bold;
}
div.body p.portfoliotext{
	font:normal 14px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#999;
	background-color:inherit;
	padding:0 0 0 0;
	margin:7px 0 5px 0; 
}
div.body p.portfoliotext a{
	font:normal 14px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#c72920;
	background-color:inherit;
	padding:0 0 0 0;
	margin:7px 0 5px 0; 
}
div.body div#portfolioslideshow{	
	width: 894px;
	height: 586px;
	padding:0;
	margin:0;
	color:#000;
	background-color:inherit;	
	}
div.body div#portfolioslideshow div.slider{
	padding:0;
	margin:0;	
	width:894px;
	color:#000;
	position:relative;
	z-index:10;	
}
div.body div#portfolioslideshow div.slider ul{
	margin:0;
	padding:0 0 0 0;
	list-style:none;	
	}
div.body div#portfolioslideshow div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:289px;
	height:260px;
	overflow:hidden; 
	padding:0 0 0 0;
	margin:0 13px 0 0;
	float:left;
	font:normal 13px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#666;
	background-color:inherit;	
	}
div.body div#portfolioslideshow div.slider li img{
	padding:0;
	margin:0 0 10px 0;
}
div.body div#portfolioslideshow div.slider li h4{
	font:normal 20px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#c2c2c2;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 0px 0;
}
div.body div#portfolioslideshow div.slider li.last{
	margin-right:0;
}
div.body div#portfolioslideshow div.slider li a.view{
	width:auto;
	padding:0 0 0 13px;
	margin:0;
	font:normal 13px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#c72920;
	background-color:inherit;
	text-decoration:none;
}
div.body div#portfolioslideshow div.slider li a.view:hover{
	color:#fff;
	background-color:inherit;
}
#display_port{
	padding:0 0 0 0;
	width:400px;
	margin:2px 0 30px 0;
}
#display_port ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:200px;
	}
#display_port ul li{
	float:left;
	margin:0 0 0 0;
	padding:0;
	cursor:pointer;
	width:auto;
	font:normal 12px/19px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#878686;
	background-color:inherit;
	display:block;
	height:12px;
}
#display_port ul li img{
	padding:0 0 0 0;
	margin:5px 0 0 0;
	display:block;
	height:12px;
}
/*------------Portfolio Page Ends-------------*/