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


/* Cheyney style.css

Author:  			Max K-Thompson
E-mail:				max@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				16/04/2009

Version:			1.0
Designed for:		FireFox 3

CSS file:			Design One 

------------------------------------------------------------------------------*/

/* =RESET
------------------------------------------------------------------------------*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, form, fieldset{
	margin:					0px;
	padding: 				0px;
}

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body {
	font-family: 			Verdana;
	font-size:				62.5%;
	font-size: 				0.8em;
	letter-spacing: 		0.1em;
	line-height: 			1.6em;
	color: 					#474747;
	background: 			url(../images/topBackGround.gif) repeat-x;
}
ul {
	list-style-type: 		none;
	margin: 				0px 0px 0px 0px;
}
p {
	margin:					20px 0px 20px 0px;
}
img{
	border:					none;
}
.col1, .col2, .col3 {
	float: 					left;
}
.row, .row1, .row2 {
	width: 					100%;
}
.floatRight {
	float: 					right;
}
.upper {
	text-transform: 		uppercase;
}
.txtRight {
 	text-align: 			right;
}
.txtCenter {
 	text-align: 			center;
}

/* =SCROLL BARS
--------------------------------- */

.clear{
clear:						both;
}


/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: 					-moz-scrollbars-vertical; 
height: 					100%; 
}

/*Hack over*/


/* REMOVES HORIZONTAL SCROLL BARS */
html{
overflow-x:					hidden;
}

/* =WRAPPER
------------------------------------------------------------------------------*/

.wrapper {
	width: 					994px;
	margin: 				0px auto 0px auto;
	background-color: 		#FFF;
}

/* =CONTENT
------------------------------------------------------------------------------*/

.content {
	width: 					100%;
}
.content .col1 {
	width: 					230px;
	margin: 				0px 0px 0px 20px;
}
* .content .col1 {
	_margin: 				0px 0px 0px 10px;
}
.content .col2 {
	width: 					698px;
	padding: 				20px 20px 0px 20px;
	float: 					right;
}

*html .content .col2{
	_width:					690px;
	_padding:				20px 15px 0px 15px;
}
.content .col2 p {
	margin-left: 			30px;
	color:					#737373;
}
.content .col2 p strong{
	color:					#333;
}

/* =HEADER
------------------------------------------------------------------------------*/

.header {
	width: 					100%;
	background: 			url(../images/topBackGroundInner.gif) no-repeat;
	background-color: 		#FFF;
	text-align: 			center;
	padding: 				45px 0px 0px 0px;
}
.header .row {
	height: 				25px;
	background: 			url(../images/menuTopStrip.gif) repeat-x;
	text-align: 			right;
	margin: 				0px auto 0px auto;
	width: 					954px;
	color: 					#FFF;
	padding: 				3px 0px 0px 0px;
}

/* =FOOTER
------------------------------------------------------------------------------*/

.footer {
	width: 					100%;
	clear: 					both;
	border-top: 			solid 2px #EAEAEA;
}
.footer .gap {
	height: 				30px;
}
.footer .row1 {
	background: 			url(../images/menuTopStrip.gif) repeat-x;
	height: 				23px;
	color: 					#FFF;
	text-align: 			right;
	padding: 				5px 0px 0px 0px;
}
.footer .row2 {
	background: 			#F9F8F8;
	border-top:  			solid 3px #FFF;
	text-align: 			center;
	font-size: 				12px;
	color:					#C4C4C4;
}
.footer .txtright span {
	margin: 				0px 260px 0px 0px;
}
.footer .row2 a {
	color:					#C4C4C4;
}

/* =LINKS =A
--------------------------------- */

a{
	text-decoration:		none;
	outline:				none;
}
a:hover {
	text-decoration: 		underline;
}
a:active{
  	outline: 				none;
}
.header .row a {
	color: 					#FFF;
}
.footer a {
	color: 					#474747;
}
.footer .row1 a {
	color: 					#DDD;
}
/* =WIDGETS, BOXES
------------------------------------------------------------------------------*/

.widget {
	background: 			url(../images/widgetFooter.gif) bottom no-repeat;
	background-color: 		#F9F8F8;
	margin: 				30px 0px 0px 0px;
	padding: 				0px 0px 60px 0px;
	width: 					100%;
}
.widget ul {
	margin:					20px 0px 0px 0px;
}
.widget li {
	padding: 				0px 20px 0px 20px;
	font-size: 				10px;
	font-family: 			Verdana;
	line-height: 			14px;
	letter-spacing: 		1px;
}
.widget .title h4 {
	background: 			url(../images/widgetArrow.gif) no-repeat;
	background-position: 	80px;
}
.widget .title {
	background: 			url(../images/widgetTop.gif);
	height: 				40px;
	width: 					208px;
	padding: 				16px 0px 0px 22px;
}
.menuBottom .col1, .menuBottom .col2, .menuBottom .col3 {
	width: 					208px;
}

*html .menuBottom .col1, *html .menuBottom .col2, *html .menuBottom .col3 {
	width:					200px;
}

.menuBottom .col1 {
	margin: 				0px 18px 0px 18px;
}

*html .menuBottom .col1 {
	margin:					0px 9px 0px 9px;
}

.menuBottom .col2 {
	margin-right:			18px;
	padding: 				0px 0px 0px 0px;
	float: 					left;
}

*html .menuBottom .col2{
	position:				relative;
	top:					-10px;
}


.menuBottom .col3 {
	margin: 				0px 0px 0px 0px;
}
.menuBottom {
	background:		 		url(../images/bottomMenuFooter.gif) bottom no-repeat;
	background-color: 		#F8F8F8;
	width: 					698px;
	min-height:				240px;
	clear:					both;
	padding-bottom:         50px;
}
.menuBottom .title {
	background: 			url(../images/bottomMenuTitleBG.gif) center center no-repeat;
	height: 				30px;
	text-transform: 		uppercase;
	padding: 				10px 0px 0px 22px;
	margin-top:				10px;
}
.menuBottom .items {
	padding:				0px 0px 0px 40px;
}
.menuBottom li {
	padding: 				0px 0px 4px 0px;
}

.menuBottom .items ul{
	list-style:				none;
	margin-left:			0px;
}

.menuBottom .items ul li{
	margin-top:				0px;
	font-size:				0.8em;
}

.menuBottom .title p {
	text-transform: 		uppercase;
}

/* =TEXT
------------------------------------------------------------------------------*/

.txtdate {
	font-size: 				12px;
	color: 					#8EA5C2;
	font-weight: 			bold;
}
.txtAddress {
	font-size: 				0.8em;
	color:					#3D3E3F;
	font-weight:			bolder;
}



/* =BANNER
------------------------------------------------------------------------------*/

.content .banner {
	height: 				193px;
	width: 					689px;
	background: 			url(../images/cheyney_Banner_Home.jpg) no-repeat;
	text-indent: 			-4000px;
	float: 					right;
}


*html .content .banner{
	_width:					680px;
}

/* =HEADINGS
------------------------------------------------------------------------------*/

.h3Title {
	font-family: 			Georgia;
	font-size: 				2.1em;
	margin: 				0px 0px 20px 30px;
	letter-spacing: 		3px;
	font-weight:			lighter;
	color:					#333;
}
.h4Title {
	font-size: 				12px;
	font-weight: 			bold;
	color: 					#4E4E4E;
	letter-spacing: 		1px;
	font-family: 			Verdana;
	margin: 				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}

.col2 h3{
	margin-left:			30px;
	margin-top:				15px;
}

.col2 .keyPerson ul{
list-style:				disc;
}
.col2 ul{
	
	margin-left:			50px;
}

.col2 ul li{
	margin-top:				15px;
	color:					#737373;
}

/* =MENU
------------------------------------------------------------------------------*/
.menu {
	background-color: 		#474747;
	font-size: 				14px;
	color: 					#FFF;
	font-family: 			verdana;
	padding:	    		0px 0px 40px 15px;
}
.menu a {
	color: 					#FFF;
}
.menu ul {
	width: 					200px;
}
.menu ul li a{
	weight:					lighter;
	font-family:			Helvetica, Verdana, Geneva, sans-serif;
	border-bottom:			1px solid #5b6169; 
	display:				block;
	padding:				10px 20px 10px 20px;
}
.menu ul li:hover, .menu ul li.over {
	background-color:		#939292;
}
li ul {
	position:				absolute;
	display: 				none;
	padding-left:			10px;
	margin:					-41px 0px 0px 200px;
	background-color: 		#939292;
}
li:hover ul, li.over ul {
	display: 				block;
	z-index:                999;
}

/* =LOGO
------------------------------------------------------------------------------*/

.logo {
	background: 			url(../images/cheyneyLOGO.gif) center top;
	height: 				54px;
	width: 					341px;
	text-indent: 			-4000px;
	margin: 				0px auto 30px auto;
}

/* =NEWS
------------------------------------------------------------------------------*/

.newsContentWrapper{
margin-left:		45px;
margin-right:		45px;
}


.mainNewsItem{
width:				689px;
border-top:			1px solid #CCC;
float:				left;
margin-left:		8px;
}

.mainNewsItem .mainDate{
font-size:			3em;
font-weight:		bold;
float:				left;
width:				60px;
margin-top:			20px;
margin-bottom:		20px;
line-height:		40px;
float: left;
display:inline;
}

.mainNewsItem .newsContent{
float:				right;
width:				588px;
margin-top:			20px;
margin-bottom:		13px;
display:inline;
}

.mainNewsItem .newsContent h2{
margin-top:			6px;
margin-left:		30px;
color:				#000;
font-size:			1.2em;
}

.mainNewsItem .mainDate span{
font-size:			0.6em;
}

/* =SPAN
------------------------------------------------------------------------------*/

.contact {
	margin: 				0px 10px 0px 0px;
	font-size:				0.8em;
}
.designer {
	margin:			0px 270px 0px 0px;
}
div.keyPerson
{
	float:left;
}
div.keyPerson img
{
	float:left;
	position:relative;
	display:inline;
	margin: 0px 15px 15px 0px;
}
div.keyPerson h2
{
	float:left;
	width: 678px;
	display:	block;
	margin:			10px 0px 25px 6px;
}

.content .col2 .keyPerson p{
	margin-left:		6px;
	width:				690px;
}

div.keyPerson hr
{
	float:left;
	position:relative;
	display:block;
	clear:both;
}



.pnp{
	width:				400px;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
}