/* 
mfcphoto.co.uk stylesheet March 2010 by Adrian Whelan ASW Web & Media http://web.adrianwhelan.com
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

body{
	background-color:#ccedf6;
	margin: 0;
	padding: 0;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size:.9em;
	
}

/*Text styles*/
a:link, a:visited{
	color:#156471;
	text-decoration:none;
}
a:hover{
	color:#09F;
	text-decoration:none;
}
h2{
	font-size:1.68em;
	font-weight:normal;
	margin:20px 0px 0px 20px;
	
}

h3{
	font-size:1.2em;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	
}
h4{
	font-size:1em;
	font-weight:bold;
	margin:10px 0px 0px 20px;
	
}

p{
margin:20px 60px 20px 20px;
line-height:1.8em;
	
}

#container { 
	width:960px;  
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:auto;
}

#topbar{
	width:960px; 
	height:210px;
	background-image:url(images/topbar2.jpg);
	background-repeat:no-repeat;;
	margin:10px 0px 0px 0px;
	padding:0;
	}
#topTitle{
	float:left;
	width:960px;
	height:133px;
	margin:20px, 0px 0px 0px;
	padding:0;
}

h1{
  text-indent: -9999px;
  float: left;
}

h1 a:link, h1 a:visited {
  display: block;
  background: url(images/logo.png);
  float: left;
  width: 960px;
  height: 133px;
  	text-decoration: none;
	margin:0;
	padding:0;
  
}
h1 a:hover {
  display: block;
  background: url(images/logo.png);
  float: left;
  width: 960px;
  height:133px;
	margin:0;
	padding:0;
	}


	
#topNav{
  float: right;
   display: inline;
  width:924px;
	height:32px;
	margin:4px 18px 0px 18px; 
}
#topNav ul{
	
}
#topNav li{
  list-style-type: none;
  display: block;
  float: left;
  width:132px;
  height:32px;
  text-align: center;
  font-size:13px;
  font-weight:bold;
  margin:0;
  overflow:hidden;
}
#topNav li a:link,#topNav li  a:visited{
  display: block;
	color:#1ff40e;
  width:132px;
  height:32px;
	background-image:url(images/button.png);
  padding:8px 0px;
	}
#topNav li a:hover, #topNav li a:active{
  display: block;
	color:#ECFFFF;
  width:132px;
  height:32px;
	background-image:url(images/button.png);
	background-position:0px -32px;
  padding:8px 0px;
	}
	


#homecontent{
  display: block;
	width:960px;
	height:433px;
	background-image:url(images/home_bg.png);
	background-repeat:no-repeat;
	margin:1px 0px;
	border-top:1px solid #ccedf6;
}	

#homecontent h2{
	font-size:2.2em;
	margin: 40px 20px 0px 40px;
	padding:0;
	color:#002714;
}
#homecontent p{
	font-size:1.2em;
	line-height:1.4em;
	margin: 10px 20px 10px 40px;
	color:#002714;
	
	}	
.readmore{
	
	width:250px;
	height:40px;
	font-size:18px;
	margin:10px 0px 5px 120px;
	text-align:center;
	}

.readmore a:link, .readmore a:visited{
	display:block;
	color:#FFF;
	width:250px;
	height:40px;
	padding:6px;
	background-image: url(images/readmorebg.png);
	background-repeat:no-repeat;
}


.readmore a:hover{
	color:#09F;
	width:250px;
	height:40px;
	padding:6px;
	background-image: url(images/readmorebg.png);
	background-repeat:no-repeat;
	
}

/* ---- content stuff ---- */



#content{
	width:960px;
	margin:0;
	padding:20px 0px 10px 0px;
}

#content h2{
	font-size:2.2em;
	margin: 20px 20px 0px 0px;
	padding:0;
}
#content p{
	font-size:1em;
	margin: 20px 10px 10px 0px;
	line-height:1.4em;
	
	}	
	

#content h3{
	margin:0px 0px 0px 0px;
	color:#333;
	
}

#content a:link,#content a:visited{
	color:#156471;
	text-decoration:none;
}
#content a:hover{
	color:#09F;
	text-decoration:none;
}

#content ul{
	list-style-position:inside;
	list-style-image:url(images/bullet.gif);
	margin: 10px 40px 0px 0px;
}
#content li{
	margin:0px 0px 10px 1px;
	}
	
#links{
	width:325px;
	font-size:11px;
	margin:20px 0px 0px 40px;
	color:#002714;
	font-weight:bold;
	}	
#links h3{
	font-weight:bold;
	margin:0px 10px 0px 0px;
	
}	

#links p{
	font-weight:bold;
	margin:3px 20px 10px 1px;
	
}
#links a:link, #links a:visited{
	font-weight:bold;
	color:#156471;
}

#links a:hover{
	font-weight:bold;
	color:#09F;
}

.big{
	font-size:16px;
	font-weight:bold;
	padding:8px 0px 0px 0px;
	
	}

	
	}
.praise{
	float:left;
	width:455px;
	margin:0;
	padding:20px 0px 10px 0px;
	
	
	}
.praise2{
	float:right;
	width:455px;
	margin:0px 0px 0px 20px;
	padding:20px 0px 10px 0px;
	
	
	}
	
.praise p, .praise2 p{
	font-size:1em;
	margin: 0px 10px 10px 50px;
	line-height:1.4em;
	
	}	
		
.test{
	width:455px;
		margin:0px 0px 5px 0px ;
	min-height:180px;
}
.who{
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	margin: 0px 20px 0px 0px;
	
}
.testpic{
	
	float:right;
	margin:20px 5px 20px 40px;
	padding:0;
	border:3px solid #000;

	}
#gogallery{
	margin:10px 40px 0px 380px;
	font-size:10px;
	}
/******stuff for gallery page*******/

#gallery{
	width:950px;
	margin: 1px 0px 0px 0px;
	padding:10px 0px 10px 6px;
	background-color:#FFF;
	border:2px solid black;	
}

#gallery h2{
	font-size:2.2em;
	margin: 0px 20px 0px 20px;
	padding:0;
}

#gallery p{
	margin:0px 20px 0px 22px;
	line-height:1.1em;
	padding:0;
}
#gallery img{
	float:left;
	margin:10px 0px 0px 4px;
	border:2px solid #000;	
	
	
}
#top{
	clear:both;
	width:950px;
	margin:0;
	text-align:center;
	
	}	
	
	
	
	
/*tabbed boxes widget*/

#example-one { 
float:right;
width:480px;
background: #fff; 
padding: 0; 
margin: 30px 60px 30px 30px;
border:1px solid #000; 
}

#example-one .nav { 
width: 480px;
overflow: hidden; 
margin: 0; 
}
#example-one .nav li { 
width: 160px; 
float: left; 
margin: 0px; 
}
#example-one .nav li.last { 
margin-right: 0; 
}
#example-one .nav li a { display: block; padding: 5px; background: #fff; color: #315059; font-size: 12px; font-weight:bold; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #cdf1fe; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #5cd1fc; color: 4a6f7e; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #6bcd9a; color: 4a6f7e; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #fffcaf; color: 4a6f7e; }




/*price list styling*/

#prices{
	clear:both;
	margin:20px 0px 60px 0px;
	}
	
#prices table{
	margin:10px 0px 0px 30px;
	padding:30px;
	background-color: #fff;
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #000;
	}
#prices table caption{
	width:420px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}	
#prices table th{
	text-align:center;
	border-bottom:1px solid #000;
	padding:5px;
	font-weight:bold;
	}	
#prices table tr{
	width:420px;
	text-align:center;
	border:1px solid #000;
	}	
#prices table td{
	text-align:center;
	padding:5px;
	border-bottom:1px solid #000;
	font-weight:bold;
	}	
#actorslist{
	width:480px;
	 margin:0px;
	padding: 0px 0px 30px 0px;
	border:1px solid #000;
	background-color: #5cd1fc;
	font-size:.9em;
	font-weight:bold;
	
}
#actorslist h3{
	width:480px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px;
	text-align:center;
	background-color:#4a6f7e;
	font-weight:bold;
	color:#fff;
}
#actorslist p{
	width:420px;
	margin: 5px 30px 0px 30px;
	padding: 0;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border: 1px solid #000;
}	

#studentlist{
	width:480px;
	 margin:0px;
	padding: 0px 0px 30px 0px;
	border:1px solid #000;
	background-color:#6bcd9a;
	font-size:.9em;
	font-weight:bold;
	
}
#studentlist h3{
	width:480px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px;
	text-align:center;
	background-color:#4a6f7e;
	font-weight:bold;
	color:#fff;
}
#studentlist p{
	width:420px;
	margin: 5px 30px 0px 30px;
	padding: 0;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border: 1px solid #000;
}
#colourlist{
	width:480px;
	 margin:0px;
	padding: 0px 0px 30px 0px;
	border:1px solid #000;
	background-color:#fffcaf;
	font-size:.9em;
	font-weight:bold;
	
}
#colourlist h3{
	width:480px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px;
	text-align:center;
	background-color:#7BA0A8;
	font-weight:bold;
}
#colourlist p{
	
	width:420px;
	margin: 5px 30px 0px 30px;
	padding: 0;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border: 1px solid #000;
}	
	
/*background for payment and contact pages*/


/*****stuff for contact form******/


/* ---- contact page content stuff ---- */



#contact{
	width:960px;
	margin:0;
	padding:20px 0px 10px 0px;
}

#contact h2{
	font-size:2.2em;
	margin: 20px 20px 0px 0px;
	padding:0;
}
#contact p{
	font-size:1em;
	margin: 10px 10px 10px 0px;
	line-height:1.2em;
	
	}	
	

#contact h3{
	margin:0px 0px 0px 0px;
	color:#333;
	
}

#contact a:link,#content a:visited{
	color:#156471;
	text-decoration:none;
}
#contact a:hover{
	color:#09F;
	text-decoration:none;
}

#contact ul{
	width:370px;
	list-style-position:inside;
	list-style-image:url(images/bullet.gif);
	margin: 10px 20px 0px 0px;
}
#contact li{
	margin:0px 0px 10px 10px;
	}
	



#payme{
  display: block;
	width:960px;
	height:433px;
	background-image:url(images/home_bg.png);
	background-repeat:no-repeat;
	margin:1px 0px;
	border-top:1px solid #ccedf6;
}


#payme h3{
	margin:10px 20px;
	font-weight:bold
	}

#payme p{
	margin:10px 20px;
	font-size:1.2em;
	}

#payme ul{
	
	margin:0px 40px;
	font-weight:bold
	}
#message{
	width:320px;
	float:left;
	margin:0px 20px 20px 0px;
	padding:0;
	text-align:left;
}
	
#message p{
	margin:0px 
		}	
label{
float: left;
width: 120px;
}

input, textarea{
width: 240px;
	border:1px solid #383833;
margin-bottom: 5px;
}

button{
	float:right;
	width:145px; 
	height:42px;
	background-image:url(images/paypal.gif);
	}
textarea{
height: 80px;
}



#submitbutton{
margin-left: 100px;
margin-top: 5px;
width: 60px;
}

#pay{
	float:right;
	margin:40px 140px 40px 10px;
	
}	
#paypal{
	
	width:145px; 
	height:42px;
	background-image:url(images/paypal.gif);
	
}
#footer{
	width:940px;
	height:40px;
	margin:20px 0px;
	font-size:.8em;
	color:#b7d5dd;
	text-align:center;
}
#footer a:link, #footer a:visited{
	color:#b7d5dd;
	text-decoration:underline;
	}	
#footer a:hover{
	color:#09F;
	text-decoration:underline;
	
}

.fltlft{
	float:left;
	margin:0px 20px 10px 10px;
	padding:0;
}
.fltrt{
	float:right;
	margin:40px 0px 20px 30px;
	padding:0;
}
.fltrt2{
	float:right;
	margin:40px 0px 20px 20px;
	padding:0;
}
.clear{
	clear:both;
	}