/**********************
   background colour
***********************/

/*sets up default html code - colour + page margins*/
body, html {
	background: #FFFFFF;
	color: #333333;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body {
    min-width:695px;/*added to solve probs when browser is smaller then main container width*/
	margin-top: 20px;
	padding-top: 20px;
    }


/**********************
    main contanier
***********************/

div#mainContainer {
	width: 695px;
	margin-right: auto;/*forces content into centre*/
	margin-left: auto;/*forces content into centre*/
	
	/*cheatA - container colour same colour as sidebar - only works if sidebar will always be shorter than content
	/* background-color: #6633CC; */
	
	/*cheatB - content + sidebar colour - makes it look as if both columns are the same length*/
	background-image: url(../images/page/sides.jpg);
	background-repeat: repeat-y;
}
div#mainContainer h1 {
		display: none;
}
div#mainContainer h2 {
		display: none;
}



/**********************
    Header
***********************/

div#headerNews {
	background-image: url(../images/page/headerBarNews.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerAbout {
	background-image: url(../images/page/headerBarAbout.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerContact {
	background-image: url(../images/page/headerBarContact.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerHistory {
	background-image: url(../images/page/headerBarHistory.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerLinks {
	background-image: url(../images/page/headerBarLinks.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerPortfolio {
	background-image: url(../images/page/headerBarPortfolio.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerVideo {
	background-image: url(../images/page/headerBarVideo.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerReferences {
	background-image: url(../images/page/headerBarReferences.jpg);
	background-repeat: no-repeat;
	height: 88px;
}




div#photoNews {
	background-image: url(../images/page/photoBarNews.jpg);
	background-repeat: no-repeat;
	height: 148px;
}div#photoNewsNavA {
	background-image: url(../images/page/photoBarNewsNavA.jpg);
	background-repeat: no-repeat;
	height: 141px;
}
div#photoNewsNavB {
	background-image: url(../images/page/photoBarNewsNavB.jpg);
	background-repeat: no-repeat;
	height: 7px;
}
div#standardNavB {
	background-image: url(../images/page/standardNav.jpg);
	background-repeat: no-repeat;
	height: 19px;
}
div#photoArrowA {
	background: url(../images/page/arrow.png) no-repeat;
	height: 8px;
	left: 397px;
	position: relative;
	top: -14px;
}
div#photoArrowB {
	background: url(../images/page/arrow.png) no-repeat;
	height: 8px;
	left: 433px;
	position: relative;
	top: -14px;
}





/**********************
    Photo Navigation
***********************/

div#mainPhotoNav {
	padding-top: 115px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	height: 27px;
	}
div#mainPhotoNav ul{
    margin:0;
    padding:0;
    list-style:none;
	text-align: right;
    }
div#mainPhotoNav li{
    display: inline;
	height: 27px;
    margin:0;
    padding:0;
    }
div#mainPhotoNav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
    }


div#subPhotoNav {
	background-image: url(../images/page/photoBarNewsNavSub.jpg);
	background-repeat: no-repeat;
	height: 27px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	text-align: right;
	}
div#subPhotoNav ul{
    margin:0;
    padding:0;
    list-style:none;
    }
div#subPhotoNav li{
    display:inline;
    margin:0;
    padding:0;
    }
div#subPhotoNav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: inline;
    }






/**********************
    Standard Navigation
***********************/

div#mainStandardNav {
	padding-top: 62px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	height: 27px;
	}
div#mainStandardNav ul{
    margin:0;
    padding:0;
    list-style:none;
	text-align: right;
    }
div#mainStandardNav li{
    display: inline;
	height: 27px;
    margin:0;
    padding:0;
    }
div#mainStandardNav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	display: inline;
    }


div#subStandardNavA {
	background-image: url(../images/page/standardNavSub.jpg);
	background-repeat: no-repeat;
	height: 27px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	text-align: right;
	}
div#subStandardNavA ul{
    margin:0;
    padding:0;
    list-style:none;
    }
div#subStandardNavA li{
    display:inline;
    margin:0;
    padding:0;
    }
div#subStandardNavA li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: inline;
    }
	

div#subStandardNavB {
	background-image: url(../images/page/standardNavSub.jpg);
	background-repeat: no-repeat;
	height: 27px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	text-align: right;
	}
div#subStandardNavB ul{
    margin:0;
    padding:0;
    list-style:none;
    }
div#subStandardNavB li{
    display:inline;
    margin:0;
    padding:0;
    }
div#subStandardNavB li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: inline;
    }




/**********************
    Content
***********************/

div#content {
	min-height:300px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
div#contentRight {
	float: right;
	width: 450px; /*500 - padding*/
	padding-left: 50px;
}
div#contentLeft {
	padding-top: 18px;
	width: 135px;
}
.standardPhoto {
	padding-bottom: 30px;
}div#divide {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#disclaimer {
	margin-right: auto;/*forces content into centre*/
	margin-left: auto;/*forces content into centre*/
	height: 100px;
}



/**********************
    News
***********************/

div#article {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-top: 15px;
	margin-bottom: 5px;
	height: 144px;
}
div#divide {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#divideLinkRight {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
div#divideLinkLeft {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.photo {
	float:left;
	padding-right: 30px;
}


/**********************
    Video
***********************/


/*div#videoList {
	text-align: left;
	}
div#videoList ul{
    margin:0;
    padding:0;
    list-style:url(../images/quicktime.jpg) none;
    }
div#videoList li{
    display:inline;
    margin:0;
    padding:0;
    }



/**********************
    Footer
***********************/

div#footer {
	background-image: url(../images/page/footerBar.jpg);
	background-repeat: no-repeat;
	height: 44px;
	clear:both;/*push below content + sidebar*/
}
div#footerRight {
	background-image: url(../images/page/footerBar.jpg);
	background-repeat: no-repeat;
	height: 34px;/*44-top padding*/
	clear:both;/*push below content + sidebar*/
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
}
div#footerLeft {
	background-image: url(../images/page/footerBar.jpg);
	background-repeat: no-repeat;
	height: 34px;/*44-padding*/
	clear:both;/*push below content + sidebar*/
	text-align: left;
	padding-top: 10px;
	padding-left: 20px;
}
div#subNav {
	background-image: url(../images/page/standardNav.jpg);
	background-repeat: no-repeat;
	height: 27px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	text-align: right;
}
div#headerFacts {
	background-image: url(../images/page/headerBarFacts.jpg);
	background-repeat: no-repeat;
	height: 88px;
}
div#headerDownloads {
	background-image: url(../images/page/headerBarDownloads.jpg);
	background-repeat: no-repeat;
	height: 88px;
}