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

version:   1.0
date:	   28 March 2008
author:    chris finney
email:     chris@1choice.co.uk
website:   http://www.1choice.co.uk/
-----------------------------------------------------------------------------*/

/* =General Set Up
-----------------------------------------------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	min-width: 1050px;
	margin: 0px;
	background-color: none repeat scroll 0 0 #EAEAEA;
	list-style-image: url(../images/bullet_01.gif);
}

li {
	line-height: 26px;
}

p { text-align: left;
}	

form { display:inline;
}

.clear {
  clear: both;
}

/* Remove border around linked images */

img {
	border: 0;
}

/* =Page Position
-----------------------------------------------------------------------------*/

/* Center design with body id="wrapper" */

#mainWrapper {
	width: 1022px;
	margin: 0 auto;
	text-align: left;
}

#sideFades {
	width: 990px;
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	margin: 0px;
	}

/* =Masthead
-----------------------------------------------------------------------------*/

#Masthead {
	width: 958px;
	height: 94px;
	float: left;
	margin-left: 32px;
	display: inline;
}

#Logo{
	width: 256px;
	height: 42px;
	margin-left: 26px;
	margin-top: 20px;
	float: left;
	display: inline;
}

#topContact{

	font-weight: bold;
	font-size: 16px;
	color: #666666;
	text-align:center;
	float: right;
	margin-top: 10px;
	margin-right:80px;
	display: inline;
}

#footerFade {
	width: 1022px;
	height: 18px;
	float: left;
}

/* =TopNav
-----------------------------------------------------------------------------*/

#TopNavWrapper {
	width: 958px;
	height: 34px;
	float: left;
	margin-left: 32px;
	display: inline;
	background-image: url(../image_01/bg_TopNav.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#TopNav {
	width: 925px;
	float: left;
	margin-left: 26px;
	padding-top: 8px;
	display: inline;
	font-size: 12px;
}

#TopNav a:link, #TopNav a:visited, #TopNav a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#TopNav a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}

.TopNavLink {
	float: left;
	background-image: url(../image_01/navDiv.gif);
	background-position: 10px 4px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin: 0px;
}

.TopNavLink1 {
	float: left;
	margin: 0px;
}

/* =Tramlines
-----------------------------------------------------------------------------*/

#TramlinesWrapper {
	width: 958px;
	height: 56px;
	float: left;
	margin-left: 32px;
	display: inline;
}

.TramLine {
	width: 958px;
	float: left;
	margin: 0px;
	display: inline;
}


/* =Home Page
-----------------------------------------------------------------------------*/

#MainSectionBG {
	width: 958px;
	float: left;
	margin: 0px;
	display: inline;
	background-image: url(../image_01/bg_MainSection.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-left: 32px;
	padding-bottom: 28px;
	background-color: #dfebf7;
}

#TopImage {
	width: 902px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 28px;
	margin-top: 28px;
}

#MidSectionHome {
	width: 902px;
	height: 454px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 28px;
	background-image: url(../image_01/bg_MidSection.jpg);
	background-repeat: no-repeat;
}

#WelcomeWrapper {
	width: 436px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 48px;
	margin-top: 40px;
}

#HeadingHome {
	width: 436px;
	height: 30px;
	float: left;
	margin: 0px;
	display: inline;
	font-size: 18px;
	font-weight: bold;
}

#TextHome2 {
	width: 436px;
	height: 455px;
	float: left;
	display: inline;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	overflow: hidden;
}

#TextHome {
	width: 436px;
	height: 250px;
	float: left;
	display: inline;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	overflow: hidden;
}

/* =Projects
-----------------------------------------------------------------------------*/

#ProjectWrapper {
	width: 306px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 64px;
	margin-top: 40px;
}



#HeadingProjects {
	width: 306px;
	height: 30px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	display: inline;
}

.ProjectDetails {
	width: 284px;
	height: 386px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 11px;
	color: #333333;
	display: inline;
}

.ProjectClickThru {
	width: 260px;
	height: 20px;
	float: left;
	display: inline;
	margin-top: 22px;
	font-size: 11px;
	margin-left: 10px;
	text-align: right;
	font-weight: bold;
}

.ProjectClickThru a:link, .ProjectClickThru a:visited, .ProjectClickThru a:active {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.ProjectClickThru a:hover {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}


/* =Sub Pages
-----------------------------------------------------------------------------*/

#MidSectionHome2 {
	width: 902px;
	height: 654px;
	float: left;
	margin-top: 0px;
	display: inline;
	margin-left: 28px;
	background-image: url(../image_01/bg_MidSection.jpg);
	background-repeat: no-repeat;
}
#MidSection2{
	width: 902px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 28px;
	margin-top: 28px;
	background-color: #ffffff;
}
#MidSection{
	width: 902px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 28px;
	margin-top: 28px;
	background-color: #ffffff;
}

#MainContentWrapper {
	width: 560px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 19px;
	margin-top: 4px;
}

#pageHeading {
	width: 560px;
	height: 59px;
	float: left;
	margin: 0px;
	display: inline;
	background-image: url(../image_01/bg_pageHeading.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#pageHeading H1{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding-top: 28px;
	padding-left: 30px;
}

#MainContentTextBox2{
	width: 460px;
	float: left;
	display: inline;
	background-image: url(../image_01/bg_MainContentText.gif);
	background-repeat: repeat-y;
}

#MainContentTextBox{
	width: 560px;
	float: left;
	display: inline;
	background-image: url(../image_01/bg_MainContentText.gif);
	background-repeat: repeat-y;
}

#MainContentText{
	width: 500px;
	float: left;
	display: inline;
	margin-left: 30px;
	margin-top: 10px;
	font-size: 12px;
	padding-bottom: 20px;
}

#MainContentTextFooter{
	width: 560px;
	float: left;
	display: inline;
	height: 19px;
	padding-bottom: 10px;
}




/* =RightSide
-----------------------------------------------------------------------------*/

#RightSideWrapper {
	width: 295px;
	float: right;
	display: inline;
	margin-right: 19px;
	margin-top: 6px;
}



.RightSideItem {
	float: left;
	display: inline;
}

.RightSideHeading {
	width: 295px;
	height: 57px;
	margin: 0px;
	float: left;
	display: inline;
	background-image: url(../image_01/bg_RightSideHeading.gif);
	background-repeat: no-repeat;
}

.RightSideHeading H2{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding-top: 27px;
	padding-left: 30px;
}


.RightSideTextBox {
	width: 295px;
	margin: 0px;
	float: left;
	display: inline;
	background-image: url(../image_01/bg_RightSideTextBox.gif);
	background-repeat: repeat-y;
}

.RightSideText {
	width: 235px;
	float: left;
	display: inline;
	margin-left: 30px;
	margin-top: 10px;
	font-size: 11px;
	padding-bottom: 23px;
}

.RightSideFooter{
	width: 295px;
	height: 13px;
	margin: 0px;
	float: left;
	display: inline;
}

/* =Footer
-----------------------------------------------------------------------------*/

#Footer {
	width: 950px;
	height: 5px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 22px;
	background:url(../images/navbarslice.png);
}

#Footer H1{
	margin: 0px;
	text-align: left;
	padding-left: 28px;
	padding-top: 8px;
	color: #000000;
	font-size: 16px;
	float: left;
}

#Footer p{
	margin: 0px;
	text-align: right;
	padding-right: 28px;
	padding-top: 11px;
	color: #000000;
	font-size: 11px;
}

#Credit {
	width: 902px;
	float: left;
	margin: 0px;
	display: inline;
	margin-left: 60px;
}

#CreditLogo {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px;
	display: inline;
}

#CreditLink {
	width: 600px;
	float: left;
	display: inline;
	margin-left: 10px;
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	color: #999999;
}

#CreditLink a{
	color: #999999;
}



/* =Misc Styling
-----------------------------------------------------------------------------*/


.BlackText {
	color: #000000;
}

.inPageHeading {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

.HzLine {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.styledTable {
}

.JobsTableSpacer {
	margin-bottom: 20px;
	background-color: #CCCCCC;
}

.JobsTable {
	background-color: #FFFFFF;
}

.JobsTable TD{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}



.JobsTable H1{
	margin: 0px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}

.RHImageTable {
	width: 235px;
}

.RHImageTable Img {
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}

.flashDoc {
	background-image: url(../image_01/icon_flash.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
}

.pdfDoc {
	background-image: url(../image_01/pdf_icon_small.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
}