body {
margin : 0;
padding : 0;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #003250 url(images/bgd.png) center repeat;
}
#container {
width : 1000px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
line-height: 1.7em;
color : #666;
background : #fff;
}
			/*TOP BANNER*/
#banner {
	float : left;
	width : 1000px;
	*height : 120px;
	padding : 0;
	margin : 0;
}
			/*TOP SCROLLBAR*/
div.scroll {
overflow : auto;
height : 7em;
width : 160px;
padding : 1em;
color : #333;
background : inherit;
border : 1px solid #aaa;
margin : 20px;
}
#bannerb {
float : right;
width : 210px;
margin : 0 0 10px 0;
padding : 0;
}
			/*TOP NAVIGATION*/
			
#navcontainer {
clear:both;
width : 100%;
}
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background: #FF9600;
	color: #fff;
	/*float: left;*/
	width: 100%;
	height: 30px;
	background-image: url(images/nav-bgrnd.jpg);
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
padding: 0.2em 1em;
background: #FF9600;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
	color: #fff;
}
#active a:link, #active a:visited, #active a:hover {
background: #FFC062;
color: #993300;
}
			/*CENTRE CONTENT*/
#content {
padding : 5px;
margin-left : 200px;
margin-right : 215px;
/*background : #f7f7f7;*/
color : #666;
}
#content img{
	float:left;
	margin-right:10px;
	}
			/*LEFT CONTENT*/
#sidebar {
	float : left;
	width : 185px;
	margin : 0 5px 0 0;
	padding : 5px;
	color : #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#sidebar_img
 {}
 
 #sidebar_img img
 { margin-left:20px;}
 
#flash_object
 {}
 
 #flash_object object
 { margin-left:20px;} 
			/*LEFT MENU*/
#menu {
	width : 180px;
	padding : 0px;
	background : #f7f7f7;
	
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;

}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
	padding : 0.1em 0.8em;
	text-decoration : none;
	display : block;
	color : #666666;/*background : #FF9600;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	height: 24px;
}
#menu a:hover {
	color : #fff;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9600;
	color:#660099;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 200px;
margin : 0 0 0 5px;
padding : 5px;
color : #333;
}
	
	
			/*FOOTER*/
#footer {
	clear : both;
	padding : 5px;
	margin-top : 15px;
	color : #bbd2e0;
	background : #FF9600;
	background-image: url(images/foot-bgrnd.jpg);
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px solid #f2f2f5;
background : inherit;
color : #f2f2f5;
}
			/*TYPOGRAPHY*/
p {
margin : 10px;
}
h1 {
margin : 0 0 10px 10px;
font : bold 1.3em verdana, arial, tahoma, sans-serif;
letter-spacing: 2px;
color : #660099;
background-image : url(http://www.voodoodesignz.com/nooo/images/h1-bgrnd.jpg);
background-repeat: no-repeat;
background-position: right;
}
h2 {
	padding-left : 5px;
	font : bold 1em verdana, arial, tahoma, sans-serif;
	color : #510077;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #663366;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0px;
	background-image: url(images/mini_or.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 40px;
	line-height:44px;
}
h3 {
	margin : 0 0 0px 10px;
	padding-left : 5px;
	font : bold 1em/40px verdana, arial, tahoma, sans-serif;
	color : #ffffff;
	background : url(images/orange_bg.jpg) no-repeat;
	text-indent: 30px;
	text-transform: uppercase;	
}
h4 {
margin : 0 0 2px 10px;
padding-left : 5px;
font : bold 1em verdana, arial, tahoma, sans-serif;
color : #ff9600;
background : inherit;
}
h5 {
	margin : 0 0 2px 10px;
	padding-left : 5px;
	font : bold 1em/40px verdana, arial, tahoma, sans-serif;
	color : #ffffff;
	background : url(images/purple_bg.jpg) no-repeat;
	text-indent: 30px;
	text-transform: uppercase;
}
/*blockquote {
	font-weight : bold;
	font-style : italic;
	color : #C16100;
	background: url(images/quote.gif) no-repeat right bottom;
}*/

blockquote.withquote {background:url(images/quote.gif)
no-repeat;background-position:top left;text-align: justify;padding-left:20px;
} 

p.withunquote {background: url(images/unquote.gif) no-repeat;background-position:bottom right;padding-right:5px;}
			/*LINKS*/
a {
text-decoration : none;
color : #FF9900;
background : inherit;
}
a:hover {
color : #0d4953;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 1em;
background : inherit;
color : #000;
}
.orange {
background : inherit;
color : #FF9600;
}
.clear {
clear : both; float: none; height:1px;

}
#table {
float : right;
width : 370px;
margin : 0 0 10px 0;
padding : 0;
}
#clients{width: 260px;  float:left;}
#clients_r{width: 260px; float:right;}

.comm{width: 180px;float: left;}
.rep{width: 190px; border: 1px solid #DDDDDD;float: left;} 

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  /*font:100% verdana,arial,sans-serif;*/
  /*margin: 30px 0 0;*/
  /*padding: 0;
  width: 520px; 
  margin-left: auto;
  margin-right:auto;*/

}

form fieldset {
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	border: 1px solid #999999;
	width: 520px;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color: #FF9900;
	font-weight: bold;
	text-decoration: underline;	  /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	padding-right:15px;
}
form select { 
	/*display: block; */ /* block float the labels to left column, set a width */
	/*float: left; */
	min-width: 50px;
    max-width: 70px;
    width: 150px; 
	margin: 5px 5 0 10; /* set top margin same as form input - textarea etc. elements */
	}
.submit{ margin-left:200px;}

#movie{ float:left; width: 575px;}
#movie object{ float:left; margin-right:15px;}
#folio{}

#folio ul li {
	list-style-position: inside;
	list-style-type: square;
}
#folio img {
	float:left;
	padding-right:10px;
	border: 5px double #E9E9E9;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
}

#folio object {
	float:left;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
}
.clr{
height:15px 
}
.hilight{ font-weight:bold;}

#enquire { clear:left; width:auto;}

