body {
   	background: #f0f0f0 url(art/) repeat-x left top ;
	font:  11px/1.3em Arial,Helvetica,sans-serif; 
	text-align: center;
	margin: 30px 0 30px 0 ;
}

h1 {
	font:  1.4em trebuchet ms; 
	color: #000050;
	text-indent: 0px;
}

b {
	font:  1.1em trebuchet ms; 
	color: #000050;
	font-weight: bold;
	text-indent: 0px;
}

img 	{ border: 0; }

#logo {
	padding: 45px 0 0 35px;
	
	}



#sidebar {
	postion:relative;
	float: right;
	width:250px;
	padding: 0 37px 0 5px;
}


#side1 {

background: #fafafa url(art/newsletter.png) no-repeat left top;
background-position: 14px 15px;
padding: 35px 12px 7px 12px;
margin-bottom: 15px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#side1 p { margin: 15px 0 7px 0; }

#form 
	{ 
	width: 250px;
	padding: 4px;
	border: 1px solid #cccccc;
	color: #808080;
	margin: 3px 0 3px 0;
 	}

#name 
	{ 
	width: 210px;
	padding: 4px;
	border: 1px solid #cccccc;
	color: #808080;
	margin: 3px 0 3px 0;
 	}

#l212931-212931
	{ 
	width: 210px;
	padding: 4px;
	border: 1px solid #cccccc;
	color: #808080;
	margin: 3px 0 7px 0;
 	}

i { color: #cc0000; }

#side2 {
background: #fafafa url(art/create.png) no-repeat left top;
background-position: 14px 15px;
padding: 30px 7px 0px 10px;
margin-bottom: 15px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#side3 {
background: #f2f2f2 url(art/virtual.png) no-repeat left top;
padding: 20px 3px 0 10px;
font:  10px verdana; 
color: #000050;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#side4 {
background: #f2f2f2 url(art/enquiry.png) no-repeat left top;
padding: 23px 7px 0px 10px;
font:  10px verdana;
color: #000050;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#innertext {padding: 50px 12px 12px 12px;}

#main {
background: #fafafa url(art/titlefront.png) no-repeat left top;
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 465px;
margin: 0 0 15px 37px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#data {
background: #fafafa url(art/titledata.png) no-repeat left top;
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 465px;
margin: 0 0 15px 37px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#contact {
background: #fafafa url(art/titlecontact.png) no-repeat left top;
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 465px;
margin: 0 0 15px 37px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#whyimagesound {
background: #fafafa url(art/titlewhy.png) no-repeat left top;
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 465px;
margin: 0 0 15px 37px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#clients {
background: #fafafa url(art/titleclients.png) no-repeat left top;
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 465px;
margin: 0 0 15px 37px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#about {
background: #fafafa url(art/titleabout.png) no-repeat left top;
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 465px;
margin: 0 0 15px 37px;
border: solid 1px #cccccc;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

#main b { color: #004767; }

#main p { margin: 0 0 15px 0; }

#title2 {

background: #f2f2f2 url(art/title2.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#title3 {

background: #f2f2f2 url(art/title3.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 30px;
border: solid 1px #cccccc;
}

#enquiry {
background: #f2f2f2 url(art/enquiretitle.png) no-repeat left top;
padding: 0px 0px 0px 0px;
width: 465px;
margin-bottom: 15px;
border: solid 1px #cccccc;
}

#maillist ul 
	{ 
	padding: 10px 7px 10px 7px; 
	color: #808080;
	line-height: 15px;
	} 

#maillist input {margin: 5px 0 0 0;} 

#topimage {
	background: transparent url(art/topimage.png) no-repeat top left;
	width: 740px;
	height: 180px;
	margin:  0 0 12px 37px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
	}


#container { 
	background: 	url(art/back.png) repeat-y center top;
	margin: 	0 auto;
	text-align: 	left;
	width: 		814px;
	position: 	relative;
	margin-bottom: 	20px;
}

#banner {
	background: transparent url(art/banner.png) no-repeat top left;
	width: 814px;
	height: 140px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}
#menu {
	background: transparent url(art/) no-repeat top left;
	width: 750px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}

#head {
	background: #000050 url(art/headback.png) repeat-x top left;
	width: 100%;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}


#bannertext {
 	position: absolute;
	margin-top:115px;
	right:38px;
	font:  0.9em verdana;
	text-align: left;
	color: #808080; 
}

#placer1 {
 	position: absolute;
	margin-top:130px;
	right:10px;
	font:  10px  verdana; 
}

#placer2 {
	position:absolute;
	width:600px;
	margin-top:125px;
	margin-left: 35px;
	font:  11px/1.7em verdana; 
	color: #000000;
	text-indent: 0px;
}

#time {	
	background:url(art/time.png) no-repeat ;
	postion:absolute;
	width:730px;
	height:58px;
	text-align:right;
	padding-top:6px;
}

#timetext {
	position:absolute;
	font:  11px/1.6em verdana; 
	color: #ffffff;
	width: 731px;
	margin-left:580px;
	margin-top: 5px; 
}

#backtop {
	position:relative;
	font:  11px/1.6em verdana; 
	color: #ffffff;
	width:670px;
	text-align: 	right;
	margin-top:35px;

}


#history {
	background: transparent url(art/history.png) no-repeat top left;
	postion:relative;
	width:695px;
	height:890px;
	margin-left: 15px;
	margin-top:30px;

}

img.floatleft { 
    float: left; 
    margin-bottom: 12px; 
    padding-right:35px; 

}

img.floatLeft { 
    float: left; 
    margin-bottom: 12px; 
    padding-right:12px; 

}

img.floatRight { 
    float: right; 
    margin-bottom: 12px; 
    padding-right:12px;
    padding-left:5px; 
}

a.link:link {color: #004781; font-family:verdana; text-decoration: underline; }
a.link:active {color: #004781; font-family:verdana; text-decoration: underline;}
a.link:visited {color: #004781; font-family:verdana; text-decoration: underline; }
a.link:hover {color:#ff7f00; font-family:verdana; text-decoration: underline; }

a.link1:link {color: #cccccc; font-family:verdana; text-decoration: underline; }
a.link1:active {color: #cccccc; font-family:verdana; text-decoration: underline;}
a.link1:visited {color: #cccccc; font-family:verdana; text-decoration: underline;}
a.link1:hover {color:#333333; font-family:verdana; text-decoration: underline; }

a.link2:link {color: #ffffff; font-family:verdana; text-decoration: none; }
a.link2:active {color: #ffffff; font-family:verdana; text-decoration: none;}
a.link2:visited {color: #ffffff; font-family:verdana; text-decoration: none;}
a.link2:hover {color:#ffffff; font-family:verdana; text-decoration: underline;}


a.link3:link{border-bottom:1px dotted #808080; color: #808080;text-decoration: none;}
a.link3:active{border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }
a.link3:visited {border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }
a.link3:hover{border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }


#footer {
	background: transparent url(art/footer.png) no-repeat bottom left; 
	position:relative;
	width: 814px;
	height: 70px;
}

#IAPS {
	position:absolute; 
	top:860px; 
	left:320px; 
	width:74px; 
	height:32px; 
	border:0px; 
}

#ISC {
	position:absolute; 
	top:860px; 
	left:230px; 
	width:70px; 
	height:33px;
	border:0px; 
}

#pro {
	position:absolute; 
	top:790px; 
	left:540px; 
	width:153px; 
	height:89px;
	border:0px; 
}
	

#mapsupport {
border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080;
border-top-style: solid; border-top-width: 1px; border-top-color: #808080; 
border-left-style: solid; border-left-width: 1px; border-left-color: #808080; 
border-right-style: solid; border-right-width: 1px; border-right-color: #808080;
}

#designed {

	position: absolute;
	padding: 13px 0 0 45px;
	font:  11px  verdana;
	color:#333;
	text-align: left; 
}

.cssform p{
width: 280px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #e1e1e1;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}