/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00395B;
	background-image:url(../images/main-background.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a{
	color: #00395B;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #00395B;
}

h1 {
	font-size:20px;
	font-weight:bold;
	line-height:26px;
}

h2 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;	
}

#overall{
	float:left;
	width:100%;
}

.homeBg{
	float:left;
	width:100%;
	background-image:url(../images/home-background.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#centralise {
	width:915px;
	margin:0px auto;
}

#siteArea {
	float:left;
	width:915px;
}

#topArea {
	float:left;
	width:915px;
	height:660px;
}

#mainLeftArea {
	float:left;
	width:650px;
}

#headerArea {
	float:left;
	width:430px;
	height:205px;
	padding:30px 0px 0px 220px;
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	color:#FFFFFF;
}

#contentArea {
	float:left;
	width:430px;
	height:340px;
	padding:0px 0px 0px 220px;
}

.bgImage1{
	float:left;
	background-image:url(../images/printers/MP2550.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.bgImage2{
	float:left;
	background-image:url(../images/printers/C6000SP.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.bgImage3{
	float:left;
	background-image:url(../images/printers/MP7000.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.bgImage4{
	float:left;
	background-image:url(../images/printers/C5000.png);
	background-position:top left;
	background-repeat:no-repeat;
}


#mycustomscroll {
	float:left;
	width:430px;
	height:330px;
	overflow:hidden;
}

#mainRightArea {
	float:right;
	width:255px;
}

#logo {
	float:left;
	width:255px;
	padding:25px 0px 25px 0px;
	text-align:center;
}

#phoneNumber {
	float:left;
	width:215px;
	padding:0px 0px 18px 40px;
	font-weight:bold;
	color:#00294D;
	font-size:13px;
	line-height:16px;
	text-align:center;
}

#phoneNumber .number{
	font-size:17px;
}

#navigation {
	float:left;
	width:155px;
	padding:0px 30px 0px 70px;
}

#navigation ul{
	float:left;
	width:155px;
	list-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#navigation li{
	float:left;
	display:block;
	height:32px;
	width:155px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	background-image:url(../images/navigationBg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px 0px 6px 0px;
}

#navigation li a{
	float:left;
	width:155px;
	height:23px;
	padding:9px 0px 0px 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

#navigation li a:hover{
	background-image:url(../images/navigationOnItBg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;	
}

#navigation .onIt {
	font-weight:bold;
	background-image:url(../images/navigationOnItBg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.rightCopy {
	float:left;
	width:155px;
	padding:5px 30px 0px 70px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}

#bottomArea {
	float:left;
	width:915px;
	padding:20px 0px 40px 0px;
}

#footer {
	float:left;
	width:915px;
	padding:20px 0px 40px 0px;
}

#footerLinks {
	float:left;
	width:915px;
	font-size:11px;
	color:#FFFFFF;
}

#footerLinks a{
	color:#FFFFFF;
	font-weight:normal;
}

#footerLinks .leftSide{
	float:left;
	padding:6px 15px 6px 0px;
}

#footerLinks .middle{
	float:left;
	padding:6px 15px 6px 15px;
	border-left:1px solid #83ADC2;
	border-right:1px solid #83ADC2;
}


#footerLinks .rightSide{
	float:left;
	padding:6px 0px 6px 15px;
}

#footerCopy{
	float:left;
	width:915px;
	padding:7px 0px 0px 0px;
	font-size:9px;
	line-height:12px;
	color:#FFFFFF;
}

.balloonRow{
	float:left;
	width:430px;
}

#balloonPhotos{
	float:left;
	width:430px;
	padding:20px 0px 40px 0px;
}

#balloonPhotos .row{
	float:left;
	width:430px;
	padding:0px 0px 0px 0px;
}

#balloonPhotos .column{
	float:left;
	width:130px;
	padding:1px 2px 1px 2px;
}