/*
Template Name: PhotoProwess
File: Homepage CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#aboutPage{
	display:block;
	width:100%;
	line-height:1.6em;
	}

#aboutPage .fl_left{
	display:block;
	width:600px;
	margin:30px 10px 0 0;
	padding-bottom:20px;
	/* border-bottom:1px solid #D8D9DE; */
	}
#aboutPage .fl_middle{
	/* display:block; */
	width:960px;
	height:auto;
	margin:30px 0 0 0;
	/* padding-bottom:20px; */
	/* border-bottom:1px solid #D8D9DE; */
}

#aboutPage .fl_middle p{
	/* margin:0; */
}

#articlesPage .fl_middle{
	width:960px;
	height:auto;
	margin:20px 0 0 0;
}

.fiona_about_img{
   width: 250px;
   height: 297px;
   margin: 0 20px 20px 0;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background:url(../images/fionaAbout.jpg);
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
}

.emily_about_img{
   width: 250px;
   height: 297px;
   margin: 0 20px 20px 0;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background:url(../images/emilyAbout.jpg);
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
}

#aboutPage .fl_rightAbout{
	display:block;
	width:330px;
	height:auto;
	/* margin:20px 0 0 10px; */
	/* margin:20px 0 0 0; */
	/* background-color:#e0e6d7; */
	/* padding:10px 10px 10px 20px; */
	float:right;
	/* border-radius:5px; */
	}

.team_about_img{
   width: 300px;
   height: 310px;
   margin: 20px 0 0 10px;
   float:left;
   /* float: left; */
   border: 10px solid #fff;
   /* overflow: hidden; */
   /* position: relative; */
/*    cursor: default; */
   background:url(../images/teamAbout.jpg);
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
}

#aboutPage .about{
	display:block;
	width:960px;
	height:auto;
	/* margin:20px 0 0 10px; */
	/* margin:20px 0 0 0; */
	/* background-color:#e0e6d7; */
	/* padding:10px 10px 10px 20px; */
	float:left;
	/* border-radius:5px; */
	}

.about_img{
   width: 940px;
   height: 313px;
   margin: 0 0 20px 0;
   float:left;
   /* float: left; */
   border: 10px solid #fff;
   /* overflow: hidden; */
   /* position: relative; */
/*    cursor: default; */
   background:url(../images/about.jpg);
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
}

.break{
	width:960px;
	height:1px;
	float:left;
	margin:10px 0 20px 0;
	border-bottom:1px solid #D8D9DE;
}

.breakA{
	width:960px;
	height:1px;
	float:left;
	margin:10px 0 0 0;
	border-bottom:1px solid #D8D9DE;
}

/* ----------------------------------------------Slider Navigation Buttons-------------------------------------*/

/*

Navigation dynamically created using: jquery.cycle.setup.js and jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="javascript:void()">1</a></li>
    <li><a href="javascript:void()">2</a></li>
    <li><a href="javascript:void()">3</a></li>
    <li><a href="javascript:void()">4</a></li>
    <li><a href="javascript:void()">5</a></li>
  </ul>
</div>

*/

#homepage #fsn{
	display:block;
	position:relative;
	width:498px;
	height:18px;
	margin:0 0 25px 0;
	text-align:center;
	z-index:1000;
	color:#999999;
	background-color:#FAFAFA;
	border:1px solid #D8D9DE;
	border-top-color:#FAFAFA;
	}

#homepage #fsn ul{
	display:block;
	position:relative;
	width:100px;
	height:10px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	list-style:none;
	}

#homepage #fsn ul li, #homepage #fsn ul li a{
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin:0 10px 0 0;
	padding:0;
	}

#homepage #fsn ul li a{
	float:none;
	border:none;
	margin:0;
	outline:none;
	text-indent:-5000px;
	text-decoration:none;
	background:url("../images/slide.png") 50% 50% no-repeat;
	}

#homepage #fsn .activeSlide{
	background:url("../images/slide.png") 0% 50% no-repeat;
	}

/* ----------------------------------------------Right Column-------------------------------------*/

#aboutPage .fl_right{
	display:block;
	width:290px;
	margin:20px 0 20px 0;
	padding:10px 5px 5px 10px;
	float:right;
	border-color:#d5dec8;
	border-style:double;
	border-width:medium;
	
	}

#aboutPage .fl_right ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	line-height:18px;
	/* font-style:italic; */
	color:#210f0b;
	/* text-transform:uppercase; */
	/* font-weight:bold; */
	}

#aboutPage .fl_right li{
	padding-bottom:12px;
	/* text-align:justify; */
}
	
#aboutPage .fl_right h2{
	color:#210f0b;
	/* font-weight:bold; */
	}
	

#aboutPage .fl_right .testimonials{
	display:block;
	width:100%;
	margin-bottom:40px;
	padding-bottom:30px;
	border-bottom:1px solid #D8D9DE;
	}

#aboutPage .fl_right .testimonials li{
	margin-bottom:25px;
	background:url("../images/quotemarks.gif") 0 0 no-repeat;
	}

#aboutPage .fl_right .testimonials li.last{
	margin-bottom:0;
	}

#aboutPage .fl_right .testimonials p.name{
	margin:0 0 15px 60px;
	padding:15px 0 0 0;
	}

#aboutPage .fl_right .testimonials blockquote{
	margin:0 0 5px 0;
	padding:0;
	}

#container .containerS .ca-item h3{
	height:30px;
	margin:0 0 10px 0;
}
	
#container .containerS .ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #d5dec8;
	padding-left:10px;
	line-height:24px;
	margin:20px 10px 10px;
	position:relative;
}
.containerS .ca-item h4 span{
	text-indent:40px;
	display:block;
}
.containerS .ca-item h4  span.ca-quote{
	color:#e0e6d7;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}

/* ----------------------------------------------Testimonials page-------------------------------------*/

.bTait_img{
   width: 150px;
   height: 150px;
   margin: 0 20px 0 0;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background:url(../images/bTait.jpg);
}

.cHester_img{
   width: 150px;
   height: 150px;
   margin: 0 20px 0 0;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background:url(../images/cHester.jpg);
}

.belinda_img{
   width: 150px;
   height: 150px;
   margin: 0 20px 0 0;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background:url(../images/belinda.jpg);
}

.quotemarks{
	margin:0 10px 0 0;
	height:44px;
	width:53px;
	float:left;
	background:url(../images/quotemarks.gif);
	}

	
/* ----------------------------------------------Articles Page-------------------------------------*/	

#articlesPage{
	display:block;
	width:100%;
	line-height:1.6em;
	padding-bottom:20px; 
	padding-top:10px;
	}

#articlesPage .fl_left{
	display:block;
	width:600px;
	margin:30px 10px 0 10px;
	padding-bottom:20px;
	border-bottom:1px solid #D8D9DE;
	}
#articlesPage .fl_centre{
	/* display:block; */
	width:1024px;
	/* height:auto; */
	margin:20px 0 20px 0;
	/* border-bottom:1px solid #D8D9DE; */
}

#articlesPage .fl_centre p{
	/* margin:0; */
}


.a1{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a1.jpg);
}

.a1:hover,.a1:active {background-position: 204px 0;}

.a2{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a2.jpg);
}

.a2:hover,.a2:active {background-position: 204px 0;}

.a3{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a3.jpg);
}

.a3:hover,.a3:active {background-position: 204px 0;}

.a4{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a4.jpg);
}

.a4:hover,.a4:active {background-position: 204px 0;}

.a5{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a5.jpg);
}

.a5:hover,.a5:active {background-position: 204px 0;}

.a6{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a6.jpg);
	margin-bottom:20px;
}

.a6:hover,.a6:active {background-position: 204px 0;}

.a7{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a7.jpg);
	margin-bottom:20px;
}

.a7:hover,.a7:active {background-position: 204px 0;}

.a8{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a8.jpg);
	margin-bottom:20px;
}

.a8:hover,.a8:active {background-position: 204px 0;}

.a9{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a9.jpg);
	margin-bottom:20px;
}

.a9:hover,.a9:active {background-position: 204px 0;}

.a10{
	float:left;
	margin:0;
	width:204px;
	height:204px;
	display:block;
	background-position:0 0;
	background-image:url(../images/articles/a10.jpg);
	margin-bottom:20px;
}

.a10:hover,.a10:active {background-position: 204px 0;}