/* generated by visionarywebsolutions.com.au */ 
html, body{ 
	background: #736F6E no-repeat center;
	text-align: center; 
	padding: 0 0;
	font: 82.5% verdana, sans-serif;
	margin: 0;
	behavior: url(csshover.htc);
	z-index: 1;
}

a {
	color: navy;
}

a:hover {
	color: #000;
	text-decoration: none;
}

hr {
	border-bottom: 0px solid #003300;
}

img {
	border: none;
}

#header {
	height: 110px;
	background: #FFFFFF;
	text-align: right;
	width:750px; 
}

#header img{
	margin-top: 0px;
	margin-right: 75px;
	border: 2px solid #FFFFFF;
}

.menu { width:848px; 
		height:38px; 
		font-family:"Century Gothic"; 
		font-weight: none;
		background:#585858;
		font-size: 0.82em; 
		position:relative;
		z-index:100;
		border-right:1px solid #585858;
		border-left:1px solid #585858;
		text-align: center;
		}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:849px;
			  w\idth:845px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:105px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:105px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {	display:block;
							font-size:14px;
							text-decoration:none;
							color:#fff;
							width:110px; 
							height:36px; 
							border:1px solid #585858; 
							border-width:1px 0 1px 1px; 
							background:#585858; 
							padding-right:0px; 
							line-height:29px;
							}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:105px; w\idth:98px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:37px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:102px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-102px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {	background:#d4d8bd; 
										color:#000; 
										height:auto; 
										line-height:1em; 
										padding:5px 2px; 
										width:100px;
										border-width:0 1px 1px 1px;
										}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:102px;w\idth:93px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.item {   float: left;   
		  height: 19px;   
		  width: 96px;   
		  margin: 6px 0px;   
		  padding: 2px 2px 4px 2px;   
		  border: 2px solid gray;   
		  background-image: url('imgs/Musica_1.jpg');
		  text-align: center; 
		  }
/* CSS rollover */		  
.item:hover {    border: 2px solid navy;   
				 background-image: url('imgs/Musica(XL)_1.jpg'); 
				 } 
#top {   height: 25px;   
		 width: 100px;   
		 margin: 6px 0px 6px 0px; 
		 } 

#navigation{
	font-family:"Century Gothic";
	background:#999999;
	margin: 0px 0px 0px 0px;
	height: 35px;
	text-align: center;
	font-size: 9pt;
	padding-top:10px;
	border-top: 1px solid #fff;
}

#navigation a{
	text-decoration: none;
	font-weight: bold;
	color:#000;
	margin-left: 19px;
	margin-right: 19px;
}

#navigation a:hover{
	color: #fff;
}

#breadcrumbs{
	text-align:right;
	margin-right: 20px;
	color: #f96;
	font-weight: bold;
}

#breadcrumbs a, #breadcrumbs a:visited{
	font-weight: normal;
	color: #f96;
}

#pagewidth{ 
	width:850px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

#header{
	position:relative; 
	height:108px; 
	background-color:#ccc; 
	width:100%;
} 

#leftcol{
	width:368px;
	margin-left:10px;
	float:left;
	position:relative;
	top: 78px;
	left: 6px;


}

#twocols{
	width:470px; 
	float:right; 
	position:relative;
	padding-bottom: 25px;
}
#developers{
margin-right: 25px;
}

#rightcol{
	padding-right: 15px;
	width:450px;
	float:right; 
	position:relative;
}

#rightcol h1 {
	font: italic 2.1em georgia, serif;
	margin: 15px 5px 5px 0px;
	letter-spacing: 1px;
	color: #003300;
}

#rightcol h2 {
	font: 10pt georgia, serif;
	margin: 10px 0;
	letter-spacing: 1px;
	color: #003300;
}

#rightcol h2 a {
	text-decoration: none;
}

#rightcol h3 {
	padding: 0 0 0 0px;
	color: #003300;
	margin: .5em 0;
	font-size: 9pt;
}

#rightcol h4 {
	font-size: 8pt;
	color: #003300;
	padding: 0;
	margin: 1em 0;
}

#rightcol h5 {
	font-size: 1.1em;
	padding: 0;
	margin: 1em 0;
}
p, li{
line-height: 12pt;
}
ul, ol{
padding-bottom: 10px;
}
ul.ads{
margin: 0;
padding: 0;
list-style-type: none;
}
ul.ads li { display: inline; }
img.teampic{
margin-left: 0px;
margin-right:10px;
margin-bottom: 15px;
border: 1px solid #003300;
}
p.ads{
color: #003300;
margin-bottom: 0px;
}
p.plans img{
margin-left: 10px;
margin-right:0px;
margin-bottom: 10px;
border: 1px solid #003300;
}

table#project,table.project{
border-top: 1px solid #003300;
border-left: 1px solid #003300;
padding: 0px;
}

table#project th, table#project td, table.project th, table.project td{
padding: 2px;
border-bottom: 1px solid #003300;
border-right: 1px solid #003300;
}

table#project th, table.project th{
background-color:#003300;
text-align:left;
font-weight: normal;
}


#footer{
	clear:both;
	padding-top:10px;
	width:850px; 
	background-color: #3C3C3C;
	color: white;
	height: 29px;
	text-align: center;
	font-size: 8pt;
	position:absolute;
	top: 765px;
	z-index: 2;
	
} 
#footer a{
	color: white;
} 
/* *** Float containers fix *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

#twocols{width:100%; float:none;}
}