/*		Diana Frangi - 
			Style & Fashion by Marcus Hill- www.webq3m.com */

body {
	margin:0;
	padding:0;
	background: #666 url(images/bodgrad_pnk.gif) top left fixed repeat-x;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: small;
	}
#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	margin:10px auto;
	}
#conTainer	{
	position: absolute;
	height:450px;
	visibility: visible;
	text-align:left;
	margin: 0 auto;
	width: 720px;
	}
	
/* commented backslash hack  - invisible to IE 5 \*/
#conTainer    
	{
	position:absolute;
	left: 50%;
	margin-left: -360px;
	top: -225px;
	}
/* end hack */
	
#conTent {
	width:555px;
	height:423px;
	border:2px solid red;
	background:gray;
	margin:0;
	padding:0;
	float:right;
	}
#naV {
	float:left;
	text-align:left;
	width:159px;
	border-left:2px solid red;
	border-top:2px solid red;
	border-bottom:2px solid red;
	height:423px;
	background: #adadad url(/images/navbak.jpg) repeat-x;
	margin:0;
	padding:0;
	}
#naV ul {
	list-style-type: none;
	margin:0;
	padding:25px 0 0 0;
	}
#naV li {
	margin:0;
	padding:0 0 0 20px;
	}
#naV a {
	display:block;
	font-size:14px;
	font-weight: bold;
	color:#d00;
	text-decoration:none;
	padding:2px; 
	margin:0;
	padding:0;
	}
#uLink a:hover, #naV a:hover {
	color:#e10;
	margin:0;
	padding:0;
	}
#uLink a:link, #uLink a:visited {
	color:#f20;
	margin:0;
	padding:0;
	}
#suB a:hover, #suB1 a:hover, #suB2 a:hover, #suB3 a:hover {
	color:#f20;
	font-size:11px;
	padding-left:10px;
	}
#suB a:link, #suB a:visited, #suB1 a:link, #suB1 a:visited, #suB2 a:link, #suB2 a:visited, #suB3 a:link, #suB3 a:visited {
	color:#e10;
	font-size:11px;
	padding-left:10px;
	}
img {
	border: none;
	}
#TxtBx {
	margin-right:25px;
	margin-left:25px;
	padding:5px;
	overflow:auto;
	background:#fff;
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	}
/*		Home stuff */
#conHome {
	background:#adadad url(/images/hobak.jpg) no-repeat;
	width:100%;
	height:100%;
	}
.hoMe {
	float:left;
	width:250px;
	margin-top:15px;
	padding-bottom:1px;
	}
/*		Bio  */
#bioHome {
	background:	#adadad url(images/biobak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}	
.bIo {
	float:left;
	margin:25px;
	width:440px;
	height:150px;
	}
/*		Contact  */
.contact {
	float:left;
	width:440px;
	height:300px;
	margin-top:70px;
}
.conTable {
	border:0;
	margin:0;
	}
.fmL {
	width:200px;
	text-align:right;
	padding-left:5px;
	vertical-align: top;
	}
.fmR {
	width:400px;
	}
form {
	display:inline;
	}

input {
	background-color:#111;
	color:#fff;
	font-family:Verdana, Arial, sans-serif;
	border:1px solid #f00;
	}
textarea {
	background-color:#222;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	border:2px solid #f00;
	border-top:2px solid #c00;
	border-left:2px solid #c00;
	font-family:Verdana, Arial, sans-serif;
	}
.butTon {
	font-size:12px;
	border-bottom:1px solid #c00;
	border-right:1px solid #c00;
	}
/*		Legal & Site  */
.legal {
	float:left;
	width:250px;
	margin-top:150px;
	}
.site {
	float:left;
	width:400px;
	margin-left:55px;
	margin-top:50px;
	padding-right:5px;
	margin-right:0;
	}
/*		Music  */
.listen {
	margin-bottom:10px;
	border:0;
	}
#musHome {
	background:	#adadad url(/images/musicbak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}
.music {
	float:left;
	width:200px;
	margin-top:30px;
	}
#Folk {
	background:	#adadad url(/images/folkbak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}
.foLk {
	float:left;
	margin-top:30px;
	width:200px;
	}
#Dance {
	background:	#adadad url(images/dancebak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}
.danCe {
	float:right;
	width:250px;
	margin-top:30px;
	}
#Rock {
	background:	#adadad url(images/rokbak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}
.rock {
	float:left;
	margin-top:30px;
	width:200px;
	}
#Tango {
	background:	#adadad url(images/tangobak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}
.tango {
	float:left;
	margin-top:10px;
	width:440px;
	}
#TangoCD {
	width:200px;
	margin-left:50px;
	}
#TangoUL {
	float:right;
	list-style-type: none;
	margin:0;
	padding:25px 0 0 0;
	clear:both;
	width:100px;
	}
#TangoUL li {
	margin:0;
	padding:0 0 0 20px;
	}
/*		Photo stuff */
#Photos {
	background:	#adadad url(images/photobak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}
#PhoScro {
	width:100%;
	height:100%;
	overflow:auto;
	/* padding-left:40px; */
	}
#phHed {
	padding:30px 30px 10px 0;
	float:right;
	}
div.phoFrame {
	border:1px solid gray;
	float:left;
	margin:10px;
	padding:15px;
	background:#fff;
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	}
div.phoFrame p {
	padding:0;
	margin:0;
	text-align:center;
	width:105px;
	font-size:11px;
	}
div.phoFrame img {
	border: 1px solid gray;
	}
div.phoFrameL {
	border:1px solid black;
	float:right;
	margin:10px;
	padding:10px;
	background:#fff;
	}
div.phoFrameL p {
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	}
div.phoFrameL img {
	border: 1px solid gray;
	}
div.phoTxt {
	padding:85px 10px 0;
	font-size:11px;
	}
/*		Studio  */
#studioHome {
	background:	#adadad url(images/studiobak.jpg);
	width:100%;
	height:100%;
	clear: both;
	}	
.stuDio {
	float:right;
	margin:260px 10px 0 0;
	width:400px;
	height:120px;
	}
h1 {
	margin:0;
	padding:0;
	font-size:19px;
	}
#footer {
	padding:5px 5px 0 0;
	text-align:right;
	color:#333;
	font-size:12px;
	}
#footer a {
 	color:#ccc;
	text-decoration:none;
	}