/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#8D7D5C;
	background-image:url(../IDMsystem/BG2a.jpg);
	background-repeat:repeat-y;
	background-position:center;
	
	height:100%;
	width:100%;
}

span.symbols{
font:Wingdings;
font-family:Wingdings;
font-size:125%;

}
span.phonesymbol{
	background-image:url(../IDMimages/phone.gif);
	background-repeat:no-repeat;
	height:26px;
	width:26px;
}

html {
	height:100%;
	width:100%;
}
img{
	border:0px;
}
div.main {
	/*height:90%;*/
	width:100%;
	background-image:url(../IDMsystem/BG1.jpg);
	background-repeat:repeat-x;
}
div.topbar{
	border:0px solid;
	width:990px;
	height:283px;
}
div.tileMoods{
	float:left;
	border:0px solid;
	width:783px;
}
div.topbarLogo{
	float:left;
	border:0px solid;
	width:207px;
}
div.contentBorder{
	width:990px;
	height::100%;
}
div.contentCentred{
	clear:both;
	width:990px;
	/*background:#8D7D5C;*/
	border:0px solid;
	height::100%;
	/*height:90%;*/
}
div.leftNav{
	float:left;
	width:170px;
	padding-top:16px;
	padding-left:37px;
	z-index: 200;

}
div.leftNav2{
	width:170px;
	padding-top:16px;
	padding-left:37px;
	z-index: 200;

}
div.style2image{
	border:0px #000000 solid;
	float:right;
}
div.style2Content{
	float:left;
	border:0px #000000 solid;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:80%;
	padding-left:15px;
	padding-top:17px;
	width:315px;
	z-index:100;
}
div.vatno{
	/*float:left;*/
	border:0px #000000 solid;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:75%;
	padding:0px;
	width:160px;
	z-index:100;
}
div.style3content1{
	float:right;
	border:0px #000000 solid;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:80%;
	padding-left:5px;
	width:520px;
	z-index:-100;
	position:relative;
	top:-100px;
}
div.style3content2{
	position:absolute;
	top:600px;
	color:#FFFFFF;
	float:left;
	width:760px;
	border:0px solid #000000;

}
div.style4image{
	float:left;
}
div.style4Content{
	border:0px #000000 solid;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:80%;
	padding-left:15px;
	padding-top:17px;
	float:right;
	width:340px;
	z-index:100;
}
div.style5content2{
	border:0px #000000 solid;
	color:#FFFFFF;

}
span.title1{
	color:#ED982F;
	font-weight:bold;
	text-indent:30px;
}
span.tel{
	font-weight:bold;
	font-size:175%;
}
div.mainContent{
	background:#8D7D5C;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:80%;
	padding-left:15px;
	padding-top:17px;
	float:right;
	width:760px;
	z-index:100;
}
div.mainContentWide{
	color:#FFFFFF;
	float:left;
	width:760px;
	border:0px solid #000000;

}
div.mainContent1{
	color:#FFFFFF;
	float:left;
	width:500px;
	border:0px solid #000000;

}
div.mainContent2{
	color:#FFFFFF;
	float:right;
	width:230px;
	border:0px solid #000000;
}

div.contactButton1{
	float:left;
	font-size:70%;
	background-color:#71614A;
	width:60px;
	padding:2px;
	border-right:9px solid #8D7D5C;
	border:1px solid #FFF;
}
div.contactButton2{
	float:left;
	font-size:70%;
	background-color:#71614A;
	width:60px;
	padding:2px;
	border-right:9px solid #8D7D5C;
	border:1px solid #FFF;
}
div.contactButton3{
	float:left;
	font-size:70%;
	background-color:#71614A;
	width:80px;
	padding:2px;
	border:1px solid #FFF;
}
div.comingSoon{
	font-size:90%;
	width:210px;
	background-color:#71614A;
	padding:2px;
	border:1px solid #FFF;
}
div.contactPanels{
	float:left;
	padding:5px;
	width:230px;
	height:380px;
	background-color:#A3977C;
	border:6px solid #8D7D5C;

}
div.contactPanelsDouble{
	float:left;
	padding:5px;
	width:734px;
	height:160px;
	background-color:#A3977C;
	border:6px solid #8D7D5C;

}
input.input2{
	font-size:75%;
	width:200px;
	border:1px solid #FFF;
	background-color:#8D7D5C;
}
textarea.textarea2{
	font-size:100%;
	width:200px;
	height:50px;
	border:1px solid #FFF;
	background-color:#8D7D5C;
}
select.select2{
	font-size:75%;
	width:200px;
	color:#FFFFFF;
	border:1px solid #FFF;
	background-color:#8D7D5C;
}
input.submit1{
	font-size:75%;
	width:98px;
	color:#FFFFFF;
	border:1px solid #FFF;
	background-color:#8D7D5C;
}
a{
	color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a.mapLink{
	color:#EEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;	
}
h1{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:185%;
	text-align:left;
}
h2{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:125%;
	text-align:left;
}
h3{
	display:inline;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:115%;
	text-align:left;
}
h1.singleCR{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:125%;
	margin-bottom:0px;
	padding-bottom:0px;
	/*display:inline;*/
	text-align:left;
}

div.clearFloat{
	clear:both;
	display:inline;
	line-height:0px;
}
div.footer{
	padding:0px;	
	padding-right:0px;
	padding-top:2px;
	height:23px;
	width:100%;
	color:#111;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:65%;
	border:0px solid #000000;
	border-top:1px solid #FFF;
}
div.footerInner{
	text-align:right;
	border:0px solid #000000;
	width:990px;
}

/**************** menu coding *****************/
#menu {
/*float: left;*/
padding-left:0px;

}

#menu ul {
list-style: none;
margin: 0;
padding: 0px;
/*padding-right:2px;
width:7em;
border:1px solid;
*/
width:160px;
float: left;
}
#menu ul.top {
list-style: none;
margin: 0;
padding: 0;
padding-bottom:3px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: none;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
}

#menu h2 {
color: #000;
background: #fff;
text-transform: uppercase;
}

#menu a.sub {
color: #fff;
font-size:70%;
/*------------------------------BUTTON COLOURS----------------*/
background-color:#534D3E;
border:1px solid #CCC;
text-align:left;
text-decoration: none;
}
#menu a.top {
color: #fff;
text-decoration: none;
text-align:left;
font-size:90%;
/*------------------------------BUTTON COLOURS----------------*/
background-color:#93876C;
border:1px solid #FFFFFF;
color: #FFF;
font-size:90%;
width:155px;
height:15px;
}

#menu a.top:hover {
color: #EEEEEE;
background: #534D3E;
/*border:1px solid #fff;*/

}
#menu a.sub:hover {
color: #4D6582;
background: #FFF;
border-bottom:1px solid #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
/**/
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
div.vidLink{
	padding-left:2px;
	padding-bottom:4px;
	border:0px #F00 solid;
	text-align:left;
}
