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_title {

	background-image:url(images/mini_or.jpg);

	background-repeat: no-repeat;

	height: 41px;

	padding-left: 35px;

	padding-top: 3px;

	font-weight:bold;

	

}



#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;

}

#folio_title2 {

	background-image:url(images/mini_or2.jpg);

	background-repeat: no-repeat;

	height: 40px;

	padding-left: 35px;

	font-weight:bold;

	border-bottom: 1px dashed #CCCCCC;	

}

.clr{

height:15px 

}

.hilight{ font-weight:bold;}



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



/* root element for scrollable */

.vertical {  

	

	/* required settings */

	position:relative;

	overflow:hidden;	



	/* vertical scrollers have typically larger height than width */	

	height: 1000px;	 

	width: 550px;

	border-top:1px solid #ddd;	

}



/* root element for scrollable items */

.items {	

	position:absolute;

	

	/* this time we have very large space for height */	

	height:20000em;	

	margin: 0px;

}



/* single scrollable item */

.item {

		border-bottom: 1px dashed #CCCCCC;	

	margin:10px 0;

	width:550px;

	/*height:180px;*/





}



/* elements inside single item */

.item img {

	float:left;

	margin-right:20px;

}



.item h3 {

	margin:0 0 5px 0;

	font-size:16px;

	color:#456;

	font-weight:normal;

}



/* the action buttons above the scrollable */

#actions {

	width:550px;

	margin:30px 0 10px 0;	

}



#actions a {

	font-size:11px;		

	cursor:pointer;

	color:#666;

}



#actions a:hover {

	text-decoration:underline;

	color:#000;

}



.disabled {

	visibility:hidden;		

}



.next {

	float:right;

}	



.scrollable 

{

	position:relative;

	overflow:hidden;

	height: 840px;

	width: 550px;

}



.scrollable .items 

{

	position:absolute;

	height:20000em;

	left: 3px;

	top: 0px;

}

.chimp { width:190px !important; }