/* -----------------------------------------------
DFP
version:  March 27th 2009
----------------------------------------------- */


/* generic 
----------------------------------------------- */

body {
	background-color: #fff;
	color: #595959;
	padding:0;
	margin:0;
}
#page-layout{
	width: 980px;
	margin:0px auto;
	padding: 0px;
}
p, h1, h2, h3, ul, ol{
	font-family: Arial, Helvetica, sans-serif;
	color: #595959;
	background-color: #fff;
	text-align: left;
}

p {font-size: 80%;}
h1 {font-size: 130%;}
h2 {font-size: 100%;} 
h3 {font-size: 90%;}

li{	margin-top: 5px;
	margin-bottom: 5px}

ul {
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: Geneva, arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

/* p variation
----------------------------------------------- */

.pright {text-align:right;}
strong {color: #8b4513;}
.prightb {text-align:right; font-weight: bold;}
.pbold {font-weight: bold;}
.small {font-size: 0.7em}
.smallr {text-align:right; font-size: 0.7em}
.smallc {text-align:center; font-size: 0.7em}

/* header and footer
----------------------------------------------- */

#header{background-color:#fafafa;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: solid 1px #e6e6fa;
}
#content{
	margin:20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}
#footer{background-color:#fafafa;
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 15px 0px;
	border-bottom: solid 1px #e6e6fa;
	border-top: solid 1px #e6e6fa;
}
#printfooter{display:none;}
.imagecell{display:block;}
.footerpadding {padding: 8px 10px 0 ;margin:0;}
.copyright {font-size: 0.7em;color:#999;background-color:#fafafa;}

/* highlight text
----------------------------------------------- */

ul.home{
	list-style-image: url(http://www.designforpurpose.co.uk/images/dfp-bulletb.gif);
	font-family: Geneva, arial, Helvetica, sans-serif;
}

.homeintro{
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight: normal;
	color: #666;
	background-color:#fff;
	margin:0px 5px 15px 20px;
	padding: 0px;
}
.homepageintro,.homepageintro-r{
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight: normal;
	color: #666;
	background-color:#fff;
	margin:0px 5px 15px 0px;
	padding: 0px;
}
.homepageintro-r{
	text-align: right;
}
.hp-bold{
	color: #bdb76b;	
	font-weight: bold;
}
.pronounce {
	color: #800;
	display: inline;
	font-family: "Lucida Sans Unicode", "Arial Unicode MS", none;
	font-size: 0.9em;
	background-color:#fff;
}
.gram{
	font-family: Georgia, "Times New Roman"; 
	color: #581;
	background-color:#fff;
	display: inline;
	font-style: italic;
}
.define{
	font-family: Georgia, "Times New Roman";
	font-style: italic;
}

#subtitle{color: #bdb76b;
	background-color:#fff;
	margin:10px 0px 10px 28px;
	padding: 0px;
	letter-spacing: 1px;
	font-size: 1.1em;
	font-weight: bold;
}

img.right{
	float: right;
	margin: 5px;
	padding: 0px;
}
img.left{
	float: left;
	margin: 5px;
	padding: 0px;
}
#headertel{
	letter-spacing: 1px;
	margin: 2px 5% 2px 0px;
	padding: 0px;
	color: #8b4500;
	font-size: 70%;
	text-align: right;
	font-weight: bold;
	background-color:#fafafa;
}

.highlightlabeltextone{
	letter-spacing: 1px;
	margin:0px 0px 0px 15px;
	padding: 0px;
	font-size:0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #bdb76b;
	background-color: #fafafa;
}

.highlightlabelone{
	margin:0px 0px 10px 0px;
	padding: 2px 5px 2px 0px;
	border: solid 1px #e6e6fa;
	border-left: solid 7px #bdb76b; /*  ff7f24 ffc153 */
	background-color: #fafafa;
}

.highlight{
	margin: 0px;
	padding: 0px;
}

.highlighttext{
	letter-spacing: 0.03em;
	margin: 0px 5px 5px 10px;
	padding: 0px 0px;
	font-size: 0.8em;
	font-weight: normal;
}
.portfolio{
	margin: 0px 5px 5px 10px;
	padding: 0px 0px;
}
.portfoliohighlight{
	margin: 0px 5px 0px 0px;
	color: #bdb76b;
	background-color: #fafafa;
	border: solid 1px #e6e6fa;
	font-weight: bold;
}
.fhtext{
	letter-spacing: 0.03em;
	margin: 0px 5px 12px 20px;
	padding: 0px 0px;
	font-size: 0.8em;
	font-weight: normal;
	text-indent: -12px;
}
.facthighlight{
	letter-spacing: 1px;
	margin: 0px 5px 0px 0px;
	color: #bdb76b; /* FD6B00  EC6400 */
	background-color: #fafafa;
	border: solid 1px #e6e6fa;
	font-weight: bold;
}

.fhnumber{color: #bdb76b;}

/*	navigation tabs
-------------------------------------------------------------------*/

#navcontainer {
	color:#000;
	font:0.8em Verdana,Sans-serif;
	background:#fafafa} 
  
#nav {font-size:85%;}

#nav div{border-left:1px solid #bdb76b;}

#nav a, #nav strong, #nav em{
	float:left;
	display:block;
	padding:2px 6px 7px;
	border-width:0;
	border-style:none;
	border-right:1px solid #bdb76b;
	text-decoration:none;
	text-transform:lowercase;
	color:#2b2b2b; /* 466432 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:1.2em;
 } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}

#nav strong {
	border-bottom:5px solid #bdb76b;
	padding-bottom:2px;
	color:#000;}

#nav a:hover {
	color:#bdb76b;
	background-color: transparent;}

/* \ Hack to get IE5/Mac to ignore the following rule */

#nav a:hover {
	border-bottom:5px solid #bdb76b;
	padding-bottom:2px;}
#nav strong a {
	float:none;
	display:inline;
	border-width:0;
	padding:0;}

#nav strong a:hover {border-bottom-width:0;}

#nav em {
	float:none;
	display:block;
	padding-left:0;
	padding-right:0;
	border-right-width:0;}

#nav span {display:none;}


/*	#############
	# Portfolio examples
	#############
*/

.portextab{
	height:19px;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 15px;
	background:url(http://www.designforpurpose.co.uk/images/tab-line.gif) repeat-x bottom;
}
.portextab li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
.portextab li.portextablabel,.portextab a.mp-list:link,.portextab a.mp-list:visited,.portextab a.mp-list:active,.portextab a.mp-list:hover{
	float:left;
	font-size:10px;
	line-height:15px;
	font-weight: bold;
	padding:1px 4px;
	margin:0 10px 0 0;
	border: 1px solid #bdb76b;
	text-decoration: none;
	text-align:center;
	height:15px;
}
.portextab li.portextablabel{
	background:#fff;
	border-bottom: 1px solid #fff;
	color: #333;
}
.portextab a.mp-list:link,.portextab a.mp-list:visited,.portextab a.mp-list:active{
	background: #f2f4fa;	/* 294fbe f0f0f0 */
}
.portextab a.mp-list:hover{
	background-color: #bdb76b;
}
.portex-container{
	padding:0px 4px 7px 4px;
	margin: 0px 0px 0px 0px;
	width: 410px;
}
.portex-intro{
	letter-spacing: 1px;
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
	background-color:#fff;
	margin:12px 5px 12px 5px;
	padding: 0px;
}
.portex-image{
	margin:0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
}
/* forms
----------------------------------------------- */

.enquform{
	padding: 0px;
	margin: 15px 0px 12px 0px;
}

.personnetinput,.persontextarea{
	background-color: #fafafa;
	font-family: Arial, helvetica, arial, sans-serif;
	color: #404040;
	width: 250px;
}

.persontextarea{
	width: 350px;
	height: 80px;
}

.personsubmit{
	background-color: #bdb76b;
	margin: 5px 0px 10px 5px;
	color: #fff;
	font-family: Arial, helvetica, arial, sans-serif;
	font-size: 0.8em;
	border-top: 2px solid #ccc;
	border-right: 2px solid #bdb76b;
	border-bottom: 2px solid #bdb76b;
	border-left: 2px solid #ccc;
	font-weight: bold;

}

.hlightformfield{
	background:#eee;
	margin:10px;
	padding:5px;
	border:1px solid #ccc;
	color:#333;}

.formtext{
	margin:3px 0px;
	padding:3px 2px;
	color:#8b4513;}

.searchbutton { 
	background-color: #bdb76b;
	color: #fafafa;
	font-family: Geneva, arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-top: 1px solid #ccc;
	border-right: 2px solid #bdb76b;
	border-bottom: 2px solid #bdb76b;
	border-left: 1px solid #ccc;
	font-weight: bold;
	margin: 0 0 0 10px;}

.textfield { 
 	background-color: #bdb76b;
	border-style: solid;
	border-width: 1px;
	border-color: #f0f8ff;
	width: 95%;
	height: 300px;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;}

/* cell bg colours
----------------------------------------------- */
.pagebgcolor{color:#ffffff}
.bgdfpv2a{background: #8b4513;}
.bgdfpv2b{background: #bdb76b;}

/* links
----------------------------------------------- */

a:link {color: #03c; text-decoration: none; font-weight: normal;  border-bottom:1px dotted #69f;}
a:visited {color: #800080;  text-decoration: none; font-weight: normal; border-bottom:1px dotted purple;}
a:active {color: #87ceff;  text-decoration: none; font-weight: normal;}
a:hover {color: #fff; text-decoration: none; font-weight: normal; background-color: #bdb76b}

a.images:link {color: #fff; text-decoration: none; font-weight: normal;border-bottom:0px}
a.images:visited {color: #fff;  text-decoration: none; font-weight: normal;border-bottom:0px}
a.images:active {color: #fff;  text-decoration: none; font-weight: normal;}
a.images:hover {color: #fff; text-decoration: none; font-weight: normal; background-color: transparent}

a.mp-list:link,a.mp-list:visited,a.mp-list:active,a.mp-list:hover{text-decoration:none;font-weight:normal;}
a.mp-list:link 		{color: #0000cd;border-bottom:none;}
a.mp-list:visited 		{color: #0000cd;border-bottom:none;}
a.mp-list:active 		{color: #0000cd;}
a.mp-list:hover 		{color: #fff;}