/* cetacean.org.uk ©2008 */

body {
	background-color:#FFFFFF;
	background-image:url(images/site_images/bkg_grad.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:auto;
	margin-top:0px;
	font-family:corbel, calibri, tahoma, "myriad Pro", sans-serif;
	font-size:.8em;
	color:#0066CC;
	border:0px;
}
#home #menuOne, #aboutus #menuTwo, #services #menuThree, #portfolio #menuFour, #contactus #menuFive {
	background-image:url(images/hoverBKG2.gif);
	background-position:left;
	background-repeat:repeat-x;
}
#menuOne:hover, #menuTwo:hover, #menuThree:hover, #menuFour:hover, #menuFive:hover {
	background-image:url(images/hoverBKG.gif);
	background-position:left;
	background-repeat:repeat-x;
}
#canvas {
	width:840px;
	height:890px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:4px;
	text-align:center;
}

#topArea {
	height:230px;
	padding-top:170px;
	margin-bottom:-154px;
	background-image:url(images/top-extended.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.menuStripArea {
	height:60px;
	padding-right:3px;
	padding-left:8px;
	background-image:url(images/menuStripBKG2.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:left;
}
#menuOne {
	height:42px;
	margin-right:8px;
	padding-top:18px;
	float:left;
}
#menuTwo {
	height:42px;
	margin-right:8px;
	padding-top:18px;
	float:left;
}
#menuThree {
	height:42px;
	margin-right:8px;
	padding-top:18px;
	float:left;
}
#menuFour {
	height:42px;
	margin-right:8px;
	padding-top:18px;
	float:left;
}
#menuFive {
	height:42px;
	margin-right:8px;
	padding-top:18px;
	float:left;
}
#upper-mid {
	height:121px;
	background-image:url(images/iConBKG.gif);
	background-position:top;
	background-repeat:repeat;
	clear:left;
}
.iconContainer {
	width:120px;
	text-align:center;
	float:left;
}
#msgContainer {
	width:340px;
	text-align:center;
	float:right;
}
#middleArea {
	height:406px;
	margin-right:0px;
	margin-left:0px;
	background-color:#FFFFFF;
	background-image:url(images/gimmick2.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
}
/*	remember width 840px
	the text classes inside this div are headerTxt and bodyTxt, neither have fixed widths
*/
#leftDiv {
	width:272px;
	height:400px;
	margin-top:3px;
	margin-left:4px;
	float:left;
}
#midDiv {
	width:276px;
	height:400px;
	margin-top:3px;
	margin-left:4px;
	float:left;
}
#rightDiv {
	width:276px;
	height:400px;
	margin-top:3px;
	margin-left:4px;
	float:right;
}
#OnelDiv {
	width:276px;
	height:400px;
	margin-top:3px;
	margin-left:4px;
	float:left;
}
#TwolDiv {
	width:556px;
	height:400px;
	margin-top:3px;
	margin-left:4px;
	float:left;
}
#ThreelDiv {
	width:832px;
	height:400px;
	margin-top:3px;
	margin-left:4px;
	float:left;
}
#Formholder {
	width:341px;
	height:400px;
	margin-top:0px;
	background-image:url(images/cetacean-formBkG.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	float:right;
}
#enqForm {
	width:286px;
	height:320px;
	margin-top:40px;
	padding-left:6px;
	padding-right:12px;
	text-align:left;
	float:left;
}
#lower-mid {
	height:45px;
*/	background-image:url(images/site_images/middle-0.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#bottomArea {
	height:65px;
	background-image:url(images/site_images/bottom-0.gif);
	background-position:center;
	background-repeat:no-repeat;
}

/*	text styles	*/
.hline {
	font-size:1.4em;
}
.notice {
	font-size:1.2em;
	letter-spacing:.2em;
	line-height:1em;
	color:#FFFFFF;
	text-align:right;
	padding-right:8px;
}
.emphatic {
	font-size:1.4em;
	letter-spacing:.3em;
	line-height:1.4em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	padding-right:8px;
}
.bodyTxt {
	font-size:1.2em;
	letter-spacing:.12em;
	line-height:1.3em;
	padding-top:2px;
	padding-right:6px;
	padding-left:9px;
	padding-bottom:2px;
	display:block;
	text-align:justify;
	color:#003366;
}
.headerTxt {
	font-size:1.4em;
	font-variant:small-caps;
	letter-spacing:.2em;
	line-height:1.4em;
	padding-top:2px;
	padding-right:6px;
	padding-left:9px;
	margin-bottom:50px;
	clear:left;
	text-align:left;
	float:left;
}
.bodyTxtWhite {
	font-size:1.2em;
	letter-spacing:.12em;
	line-height:1.3em;
	padding-right:6px;
	padding-left:9px;
	padding-bottom:2px;
	display:block;
	text-align:right;
	color:#FFFFFF;
}

.formTxt {
	font-size:16px;
	letter-spacing:.3px;
}
.inputText {
	background-color:#FFF;
	margin-top:8px;
	font-family:corbel, calibri, tahoma, "myriad Pro", sans-serif;
	font-size:.9em;
	color:#0066CC;
	text-align:center;
}
/*	menus related	*/
.selectedMenu {
	font-size:16px;
	font-variant:normal;
	line-height:18px;
	letter-spacing:.2em;
	color:#FFFFFF;
	background-color:#009933;
	text-decoration:none;
	text-align:center;
	display:block;
}
.menu {
	font-size:1.5em;
	font-variant:normal;
	line-height:18px;
	letter-spacing:.2em;
	text-decoration:none;
	text-align:center;
	display:block;
}
.menu:link {
	color:white;
}
.menu:visited {
	color:#FF9900;
}
.menu:hover, .selectedMenu:hover {
	color:navy;
	text-decoration:overline;
}
.menu:active {
	color:#33FF33;
	outline: none;
}
a {
	color:#0066CC;
	text-decoration:none;
	outline: none;
}
.coloured {
	display:block;
}