/* CSS Document */

body {
	margin: 0 0 40px 0;
	padding: 0 auto;
	background: url(../images/background.jpg) repeat-x;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#container {
	position:relative;
	width:800px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 0;
}
#banner {
	position:relative;
	width: 800px;
	height: 124px;
	padding: 0;
	margin: 0;
}
#footer {
	position:relative;
	background: url(../images/design_05.jpg) no-repeat;
	width: 800px;
	height: 26px;
	clear: both;
	text-align: center;
	color: #248BAC;
	padding-top: 5px;
}
#footer .copyrightnotice {
	position:absolute;
	top:35px;
	right:10px;
	text-align:center;
}
#content {
	background: #ffffff;
	float:left;
	width:547px;
	color: #000000;
	padding:10px 5px 10px 20px;
}
#navigation {
	background-color: #ffffff;
	float: right;
	width: 243px;
}
#extra {
	background-color:#ffffff;
	clear:both;
	width:100%;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #248BAC;
	padding: 5px 5px 15px 5px;
	margin: 0;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #248BAC;
	padding: 0;
	margin: 0;
}
.navigation-text {
	width: 213px;
	color: #248BAC;
	line-height: 19px;
	padding: 5px 5px 5px 25px;
}
p {
	padding-top: 0;
	padding-bottom: 5px;
}
a {
	color: #248BAC;
	text-decoration: none;
}
a:hover {
	color: #248BAC;
	text-decoration: underline;
}
.link {
	color: #248BAC;
	text-decoration: underline;
	font-weight: bold;
}
a:hover.link {
	color: #248BAC;
	text-decoration: underline;
	font-weight: bold;
}
.brownbg {
	background-color: #EBEDEC;
}
.greenbg {
	background-color: #D3E35C;
}
.whitebg {
	background-color: #ffffff;
}
.blacktext {
	color: #000000;
	font-size: 11px;
	line-height: 19px;
}
.phototext {
	color: #000000;
	font-size: 10px;
}
.alignright {
	border: none;
	float: right;
	padding-left: 25px;
	padding-right: 25px;
}
.alignleft {
	border: 1px solid #000000;
	float: left;
}
.aligncenter {
	margin: 0 auto;
}
.noborder {
	border: none;
}
.photobg {
	background: url(../images/photo_bg.jpg) no-repeat center;
	width: 199px;
	height: 50px;
	padding: 0;
}
.photobg2 {
	background: url(../images/photo_bg2.jpg) no-repeat center;
	width: 199px;
	height: 50px;
	padding: 0;
}
.photobg3 {
	background: url(../images/photo_bg.gif) repeat-y;
	width: 199px;
}
#enquiryform table  {
	width: 100%;
}
#enquiryform td  {
	background-color: #EBEDEC;
}
p {
	line-height: 19px;
}
.clear {
	clear: both;
}
.ViewGallery2 .thumbWrapper{
	margin: 0 auto;
	width: 90%;
}

/* Navigation bar classes - Mindwire - 20th Jun 2008 */
#navbar {
	position:absolute;
	width:100%;
	width:780px;
	height:22px;
	color:#007C3D;
	font-size:1.2em;
	top:85px;
	left:20px;
	display:inline;
}

/**********************************************
New dropdown menu system
**********************************************/

#menuList {
	list-style:none;
	margin:0px;
	padding:0px;
}

#mainMenu {
	position:relative;
	background: #cccccc;
}

#menuList ul {
	z-index:100;
	margin: 0px;
	padding: 0px;
}



#menuList li {
	z-index:100;
	display:inline;
	list-style: none;
	margin: 0px;
	padding: 0px;

	/* The following styles are to counteract the global styling for li */
	background:none;
}

/* These are the default states of the elements in the main top level menu. */
a.starter, a.starter:link, a.starter:visited {
	z-index:100;
	padding:8px 15px 9px 15px; /*Padding of the individual nav items*/
	color:#007C3D;
	text-decoration:none;
	line-height:37px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */
}

/* These are the mouse-over states of the elements in the main top level menu. */
a.starter:hover, a.starter:active, a.starter:focus {
	color:#000;
	text-decoration:none;
}


/* These are the drop down menus (<ul> elements) */
.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 150px;	
}
.menu li {
	width:100%;
}

/* These are the default state of the elements (rows) in the drop down menus. */
.menu li a, .menu li a:link, .menu li a:visited { 
	background: #666;
	z-index:100;
	color: #FFF;
	display: block;
	width:100%;
	font-size: 1em;
	margin: 0px;

	text-decoration: none;
	/*margin-top:-2px;*/
	padding: 6px 10px;
}

/* These are the mouse-over states of the elements (rows) in the drop down menus */
.menu li a:hover, .menu li a:active, .menu li a:focus {
	background-color: #999;
	color: #FFF;
}
.layout1 {
	width:780px;
}
.layout5 {
	width:780px;
	border-collapse:collapse;
}
.layout5 td {
	vertical-align:top;
	border:0px solid red;
}
.layout5section4 {

}

.msg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
.error {
	padding-left:25px;
	padding-top:1px;
	background:url(../images/icon-cross.gif) no-repeat 0 0;
	color:#C00;
}
.stop {
	padding-left:30px;
	padding-top:3px;
	background:url(../images/icon-stop.gif) no-repeat 0 0;
	color:#C00;
}
.success {
	padding-left:30px;
	padding-top:3px;
	background:url(../images/icon-check.gif) no-repeat 0 0;
	color:#336600;
}
.forbidden {
	padding-left:30px;
	padding-top:3px;
	background:url(../images/icon-forbidden.gif) no-repeat 0 0;
	color:#C00;
}
.information {
	padding-left:30px;
	padding-top:3px;
	background:url(../images/icon-information.gif) no-repeat 0 0;
}
.hazard {
	padding-left:30px;
	padding-top:3px;
	background:url(../images/icon-hazard.gif) no-repeat 0 0;
}