/* 
CSS Document for wrightdavies.co.uk 
Developed by Pixel Lab Copyright 2006
*/

/****************
basic formatting
****************/
html
	{
	height:100%;
	margin:0px;
	padding:0px;
	}
body
	{
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:12px;
	letter-spacing:0px;
	background-color:#CCCCCC;
	}
img
	{
	border:none;
	}
* 
	{
	padding:0;
	margin:0;
	}

/*****************************
Page containers and positioning
*****************************/
/*****
Holding page
*****/
.bg
	{
	height:400px;
	background-image:url(../img/frontpage.jpg);
	background-repeat:no-repeat;
	}
.frontText
	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000033;
	text-align:center;
	}
/*****
CONTAINER
*****/

#container
	{
	position:relative;
	width:auto;
	height:100%;
	margin:auto;
	}
	
/*****
HEADER
*****/
#headerWrap {
	width:auto;
	height:125px;
	background-color:#FFFFFF;
	}
#header {
	width:800px;
	height:125px;
	position:relative;
	margin:auto;
	background-image:url(../img/top_image.jpg);
	background-repeat:no-repeat;
	}
#containerContent
	{
	position:relative;
	width:770px;
	top:10px;
	height:auto;
	margin:auto;
	}	
/*****
MENU
*****/
#headerMenu {
	position:relative;
	clear:both;
	width:772px;
	}
#menuWrap {
	clear:both;
	width:762px;
	height:25px;
	vertical-align:top;
	padding:8px 0px 0px 10px;
	}
.tab {
	float:left;
	width:123px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	font-family:Arial, Helvetica, sans-serif;
	}
#menuFormatWD
	{
	float:left;
	background-image:url(../img/wright_up.jpg);
	background-repeat:no-repeat;
	width:772px;
	height:108px;
	}
#menuFormatAbout
	{
	clear:both;
	background-image:url(../img/about_up.jpg);
	background-repeat:no-repeat;
	width:772px;
	height:108px;
	}
#menuFormatDesign
	{
	clear:both;
	background-image:url(../img/design_up.jpg);
	background-repeat:no-repeat;
	width:772px;
	height:107px;
	}
#menuFormatProjects
	{
	clear:both;
	background-image:url(../img/projects_up.jpg);
	background-repeat:no-repeat;
	width:772px;
	height:107px;
	}
#menuFormatLinks
	{
	clear:both;
	background-image:url(../img/links_up.jpg);
	background-repeat:no-repeat;
	width:772px;
	height:107px;
	}
#menuFormatContact
	{
	clear:both;
	background-image:url(../img/contact_up.jpg);
	background-repeat:no-repeat;
	width:772px;
	height:108px;
	}
#subMenu  {
	clear:both;
	padding:12px 0px 0px 20px;
	color:#FFFFFF;
	}
#menuFormatDiv
	{
	color:#FFFFFF;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	}
.menuFormatHere 
	{
	padding:0px 0px 0px 20px;
	background-image: url(../img/active.jpg);
	background-repeat: no-repeat;
	}
/********
CONTENT 
********/
#contentWrapper {
	clear:both;
	width:770px;
	height:auto;
	background-image:url(../img/cen_rpt.jpg);
	background-repeat:repeat-y;
	}
#content {
	clear:both;
	width:700px;
	margin-left:30px;
	padding-right:50px;
	}
.projectMenu {
	
	}
.projectMenu a:link{
	color:#003399;
	text-decoration:none;
	}
.projectMenu a:hover {
	color:#FF9900;
	text-decoration:underline;
	}
.projectMenu a:active {
	color:#FF9900;
	text-decoration:underline;
	}
.projectMenu a:visited {
	color:#999999;
	text-decoration:underline;
	}
#content img
	{
	border:1px solid #000000;
	}
#content2 {
	clear:both;
	width:700px;
	margin-left:30px;
	padding-right:50px;
	}
.borderBox {
	width:380px;
	padding:30px 0px 0px 20px;
	}
#contentLeft {
	float:left;
	width:280px;
	height:auto;
	}
#contentRight {
	float:left;
	width:380px;
	height:auto;
	padding-left:10px;
	}
#footer {
	clear:both;
	width:772px;
	height:44px;
	background-image:url(../img/bottom.jpg);
	background-repeat:no-repeat;
	}
#copy {
	text-align:center;
	}
/******
Static Page Content
******/
#blueBox
	{
	width:210px;
	height:36px;
	padding:40px 20px 20px 0px;
	}
.contentPhoto
	{
	width:134px;
	height:94px;
	padding: 0px 20px 0px 20px;
	}
#photoBox {
	text-align:center;
	padding-right:10px;
	}
.menuFormat3
	{
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}
#picHolder1 {
	width:760px;

	}
#picHolder2 {
	clear:both;
	width:800px;
	height:330px;
	}
.picBox {
	float:left;
	width:250px;
	height:150px;
	}
.picBox2 {
	float:left;
	width:250px;
	height:330px;
	padding-bottom:10px;
	}
.indexPhoto {
	float:left;
	width:250px;
	height:188px;
	}
.projectImg {
	float:left;
	width:300px;
	text-align:center;
	
	}
/***********************
Text specific formatting
***********************/

.defaultText
	{
	font-size:12px;
	color:#FFFFFF;
	padding-left:20px;
	text-align:left;
	}
.defaultTitle
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#000033;
	}
.stagesText
	{
	font-size:14px;
	color:#000066;
	padding-left:5px;
	text-align:left;
	}
.pageTitle
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:600;
	color:#FFFFFF;
	}
.pageTitle2
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:600;
	color:#003399;
	}

.headerText
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#993300;
	font-size:12px;
	padding-left:260px;
	padding-top:25px;
	}
.title
	{
	padding:10px 2px 10px 2px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000033;
	}
.text
	{
	padding:2px 2px 2px 2px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000033;
	}
.heading
	{
	font-size:16px;
	color:#000033;
	}
.heading2
	{
	font-size:16px;
	color:#000033;
	line-height:1.5em;
	}
li
	{
	font-size:16px;
	color:#000033;
	line-height:1.5em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
.heading3
	{
	font-size:26px;
	color:#000033;
	line-height:1.5em;
	}
.contactText
	{
	font-size:12px;
	color:#000066;
	}
.contactTitle
	{
	font-size:16px;
	font-weight:bold;
	color:#000066;
	padding-left:20px;
	}
.emailTitle
	{
	font-size:14px;
	font-weight:bold;
	color:#000066;
	}

/***********
Breadcrumb
***********/

#breadcrumb
	{
	color:#FFFFFF;
	font-size:12px;
	}
#titleLeft
	{
	float:left;
	text-align:left;
	width: 160px;
	}
#titleRight
	{
	float:left;
	text-align:right;
	width: 500px;
	}

/************
Spacer
************/

.spacer
	{
	background-color:#660000;
	line-height:2px;
	width:680px;
	height:2px;
	}
	
.stagesAdmin
	{
	clear:both;
	text-align:left;
	}
.photoAdmin
	{
	float:left;
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;
	}
#clear
	{
	text-align:center;
	clear:both;
	}
#ethos
	{
	font-size:16px;
	color:#000033;
	padding-left:20px;
	padding-right:20px;
	line-height:1.5em;
	}
#designMenu {
	float:left;
	padding:10px 10px 20px 10px;
	line-height:0.5cm;
	font-weight:700;
	width:130px;
	}

/****
Accessibilty
*****/
.access A:link
	{
	color:#003399;
	font-size:12px;
	text-decoration:underline;
	}
.access A:hover
	{
	color:#FF9900;
	font-size:12px;
	text-decoration:underline;
	}
.access A:visited
	{
	color:#003399;
	font-size:12px;
	}
/****
Accordian
*****/
#accWrapper {
	float:left;
	width:510px;
	height:auto;
	padding-left:30px;
	}
#acc_content {
	background-image:url(../img/acc_rpt.jpg);
	background-repeat:repeat-y;
	}
#acc_head {
	height:29px;
	background-image:url(../img/acc_head.jpg);
	background-repeat:no-repeat;
	padding:20px 0px 0px 30px;
	}
#acc_foot {
	height:36px;
	background-image:url(../img/acc_foot.jpg);
	background-repeat:no-repeat;
	}
/**********************
Global link formatting
***********************/
 A:link
	{
	color:#FFFFFF;
	text-decoration:underline;
	}
 A:hover
	{
	color:#FFCC00;
	text-decoration:underline;
	}
 A:visited
	{
	color:#CCCCCC;
	text-decoration:none;
	}
#copy A:link
	{
	color:#000099;
	text-decoration:underline;
	}
#copy A:hover
	{
	color:#0066CC;
	text-decoration:underline;
	}
#copy A:visited
	{
	color:#000099;
	text-decoration:none;
	}
#copy img {
	vertical-align:middle;
	}
#miniTxt
	{
	font-size:9px;
	}