/* global elements 

---------------------------------------------------------------------------- */	

* {
			margin: 0;
			padding: 0;
			}	


body {
			background: #fff url("images/bg.gif") repeat-x top;
			margin: 20px 0px 0px 0px;
			padding: 0;
			} 
		
		
.clear {
			clear: both;
			}	


/* links

---------------------------------------------------------------------------- */		

 a {
			font-size: 12px;
			color: #369;
			text-decoration: none;
			
}

a:hover {
			font-size: 12px;
			color: #666;
			text-decoration: none;
			
}
		
/* columns 

---------------------------------------------------------------------------- */		

.left {
			float: left;
			padding: 0;
			margin: 0;
			width: 197px;
}


.right {
			margin: 0px 0px 0px 225px;
			width: 715px;
			padding-left: 15px;
}
		
		
		
/* navigation 

---------------------------------------------------------------------------- */


#nav {
			width: 197px;
			margin: 0;
			padding: 0;
}

#subnav {
			margin: 5px 0px 0 15px;
			font-family:  Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #666;
			text-align: right;
}


#subnav a {
			font-size: 13px;
			color: #999;
			text-decoration: none;
}

#subnav a:hover {
			font-size: 13px;
			color: #269;
			text-decoration: none;

}

#subnav ul {
			list-style: none;
			padding: 0;
			margin: 0;
		
}

#subnav li {
			line-height: 18px;
			padding-top: 5px;
		
}

.screens {
			font-family:  Arial, Geneva, Verdana, sans-serif;
			float: right;
			margin: 0;
			padding: 10px 0 0 0;
			line-height: 20px;
			font-size: 12px;
			text-align: right;
}

.screens a {
			font-size: 12px;
			color: #369;
			text-decoration: none;
			font-weight: bold;
}

.screens a:hover {
			font-size: 12px;
			color: #999;
			text-decoration: none;
			font-weight: bold;
			}
			
.networks  {
			text-align: right;
			margin-top: 20px;
}

/* content elements 

---------------------------------------------------------------------------- */

#content {
			width: 715px;
			padding: 26px 15px 15px 0px;
			font-family:  Arial, Geneva, Verdana, sans-serif;
			text-align: left;
	
}

#content p {
			line-height: 20px;
			margin: 0;
			text-align: left;
			padding-top: 10px;
			font-size: 12px;
			color: #333;
}



/* canvases

---------------------------------------------------------------------------- */

.h_canvas {
			background-color: #fff;
			border: 1px #eee solid;
			padding: 15px;
			width: 685px;
			overflow: hidden;
}

.canvas {
			background-color: #fff;
			border: 1px #eee solid;
			padding: 15px;
			width: 685px;
			margin: 0 auto;
			text-align: center;
			display: box;
			overflow: hidden;
}



/* footer

---------------------------------------------------------------------------- */

.footer {
			margin: 15px 0px 0px 0px;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 9px;
			color: #ccc;
			text-align: left;
			border-top: 1px #ccc dotted;
			padding: 10px 0px 0px 0px;
			width: 715px;
}


/* music

---------------------------------------------------------------------------- */

.music {
			margin: 0;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #ccc;
			text-align: left;
			width: 715px;
			padding: 26px 15px 15px 0px;
}

.music h2 {
			margin: 0;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #666;
			text-align: left;
			padding-top: 15px;
			font-weight: normal;
}

.music ul {
			margin: 0;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #369;
			text-align: left;
			padding: 5px 0px 0px 15px;
			list-style: none;
			font-weight: normal;
}

.music li {
			margin: 0;
			padding: 5px;
}

/* contact

---------------------------------------------------------------------------- */

.links {
			position: absolute;
			margin: 0;
			line-height: 20px;
			text-align: left;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #000;
			width: 360px;
			top: 72px;
			left: 425px;
			}
			
.links ul {
			margin: 0;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #369;
			text-align: left;
			padding: 5px 0px 0px 0px;
			list-style: none;
			font-weight: normal;
}

.links li {
			margin: 0;
			padding: 5px;
}

.links  a {
			font-size: 12px;
			color: #369;
			text-decoration: none;
			
}

.links a:hover {
			font-size: 12px;
			color: #666;
			text-decoration: none;
			background-color: #fceee6;
			
}

#contact {
			width: 685px;
			margin: 0;
			padding: 72px 15px 15px 15px; 
			position: relative;
			height: 500px;
}

#contact p {
			width: 400px;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			color: #000;
			text-align: left;
			line-height: 20px;
			margin: 0;
}




.theform {
			width: 350px;
			margin: 20px 0 0 0; 
}


.label {
			color: #036;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			line-height: 20px;
			font-weight: bold;
			text-align: left;
			width: 150px;
			vertical-align: top;
			margin: 0;
			padding-bottom: 15px;
}


input, select, textarea {
			text-align: left;
			line-height: 20px;
			color: #333;
			background-color: #efefef;
			font-family: Arial, Geneva, Verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			margin-bottom: 15px;
}

.button {
			margin-top: 5px;
			text-align: left;
			line-height: 20px;
}


/* box 

------------------------------------------------------------------ */

.box {
			width: 205px;
			float:left;
			margin: 10px 10px 5px 10px;
			height: 115px;
			padding-bottom: 15px
}

.box p img {
			border: 1px solid #999;
		
}