@charset "utf-8";
/* CSS Document */


/*.............Portfolio Page...................*/

h1 {
	font-size:18px;
	margin:10px;
	color:#FFF;
}

h1#design_portfolio_title {
   	width:200px; height:22px;
	background: url(../images/headings/design_portfolio.png);
	text-indent: -9999px;
}

h2, h4 {
	font-size:14px;
	margin:10px;
	color:#FFF;
}

h2#testimonials_title {
   	width:200px; height:22px;
	background: url(../images/headings/testimonials.png);
	text-indent: -9999px;
}

h3 {
	font-size:16px;
	margin-bottom:10px; 
	color:#FFF;
}

h4 {
	clear:left;
}

.left {
	margin-left:45px;
}

.box {
	float:left; 
}

.box ul {
	margin-left:25px; margin-top:10px;
}

#banner_box {
	width:900px; height:60px;
	margin:30px;
	background-image:url(../images/banners/temp_portfolio.jpg);
}

.banner_text {
	float:right;
}

#banner_box img {
	float:left;
	margin-left:10px; margin-top:5px; margin-right:40px;
}

#portfolio_box {
	width:640px; height:100%;
	margin-right:30px; margin-bottom:30px;
	float:right;
}

#portfolio_top {
	background-image:url(../images/box/top640.png);
}

#portfolio_content {
	width:620px; height:800px;
	background-color:#3e3e3e;
	padding:10px;
}

#portfolio_bottom {
	background-image:url(../images/box/bottom640.png);
}

#customer_box {
	width:570px; height:100%;
	margin-right:30px; margin-bottom:30px;
	padding:10px;
	background-color:#3e3e3e;
	float:right;
}

#intro_box {
	width:230px; height:210px;
	margin-left:30px; margin-right:30px; margin-bottom:30px;
	background-image:url(../images/box/portfolio_intro_box.png);
}

#testimonial_box {
	width:230px; height:100%;
	margin-left:30px; margin-right:30px; margin-bottom:30px;
	background-image:url(../images/Testimonial%20Box%202.png);
}


#features_box {
	width:280px; height:210px;
	margin-left:30px; margin-right:30px; margin-bottom:30px;
	background-color:#3e3e3e;
	overflow:hidden;
}

#features_box li {
	list-style-image: url(../images/tick.png);
	line-height:15px;
}

#carousel {
	width:280px; height:240px;
	margin-left:30px; margin-right:30px; margin-bottom:30px;
	background-color:#3e3e3e;
	overflow:hidden;
}

.portfolio_item {
	width:290px; height:240px;
	float:left;
	margin-bottom:30px;
}

.portfolio_spacer {
	width:40px; height:240px;
	float:left;
}

.profile {
	width:318px; height:122px;
	float:left;
	margin-bottom:30px;
}

.profile p {
	color:#000;
	margin-top:53px; margin-left:108px;
}

.profile a {
	color:#000;
}



#kenyan_adventure {
	background-image:url(../images/portfolio/kenyanadventure/ka_profile_card.png); 
}

#platinum_beauty {
	background-image:url(../images/portfolio/platinumbeauty/pb_profile_card.png); 
}

#specialist_insurance {
	background-image:url(../images/portfolio/specialistinsurance/sia_profile_card.png); 
}

#tk_coaching{
	background-image:url(../images/portfolio/tkcoaching/tkc_profile_card.png); 
}

#the_walk_centre {
	background-image:url(../images/portfolio/thewalkcentre/twc_profile_card.png); 
}



#slides {
	overflow:hidden;
	position:relative;
	width:240px;
	height:200px;
	margin-left:20px; margin-top:20px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:720px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:240px;
	height:200px;	
	float:left;
}


/* Styling for prev and next buttons */
#buttons {
	width:280px; height:20px;
	float:right;
}

#buttons a {
	display:block; 
	width:16px; 
	height:17px;
	text-indent:-999em;
	float:right;
	outline:0;
}

a#prev {
	background:url(../images/arrow1.gif) no-repeat; 
	margin-right:2px; margin-left:8px; margin-top:1px;
}

a#next {
	background:url(../images/arrow2.gif) no-repeat; 
	margin-top:1px;
}

.clear {clear:both}