/** vim: set expandtab tabstop=3 shiftwidth=3:
*******************************************************************************
* (c) NEOCO                                                                   *
*                                                                             *
* filename: default.css                                                       *
* purpose:  default styles for www.bamsound.com	                              *
*                                                                             *
*******************************************************************************

$Revision: 124 $
$Date: 2006-12-05 17:41:10 +0000 (Tue, 05 Dec 2006) $
$LastChangedBy: mark $

*/

/* ------------------------------------------------------- */
/* CONTENTS
	1. Real styles
	2. Container
	3. Header & main navi area
	4. LHS
	5. Content
	6. Footer area
*/


/* ------------------------------------------------------- */
/* 1. REAL STYLES */
* {
	font-family: Arial, Helvetica, sans-serif;
	}
body {
	background:    url('../img/bg.gif') repeat-x 0 110px;
	background-color: white;
	text-align: center;
	}
body, h1, h2, h3, h4, p, ul, li, dt, dl, dd, blockquote, quote, form {
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	}
a {
	text-decoration: none;
	}
a:hover {
	color: #FF0000 !important;
	}




/* ------------------------------------------------------- */
/* 2. CONTAINER */
#container {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}




/* ------------------------------------------------------- */
/* 3. Header & main navi area */
h1.logo {
	position: absolute;
	top: 9px;
	left: -60px;
	padding: 0 !important;
	margin: 0 !important;
	}
.navi {
	position: absolute;
	top: 50px;
	right: 0;
	width: 450px;
	height: 26px;
	background:    url("../img/navi-bg.gif") no-repeat 0 0;
	padding-top: 6px;
	text-align: center;
	}
.navi li {
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	font-size: 16px;
	}
.navi a {
	color: #009999;
	}
a.navi-in {
	color: #FF0000;
	}



/* ------------------------------------------------------- */
/* 4. LHS */
.lhs {
	float: left;
	width: 200px;
	margin: 220px 0 20px 0;
	}
.lhs h1 {
	background-color: #71BFD7;
	color: white;
	padding: 3px 6px;
	margin-bottom: 0;
	font-size: 12px;
	}
.lhs li, .lhs li a {
	float: left;
	width: 200px;
	height: 60px;
	} 
.lhs li {
	list-style-type: none;
	margin-bottom: 10px;
	background-color: white;
	}
.lhs li a {
	background-repeat: no-repeat;
	font-size: 12px;
	color: #505050;
	padding: 6px 8px 0 90px;
	width: 160px;
	height: 54px;
	}
html>body .lhs li a {
	height: 60px;
	}




/* ------------------------------------------------------- */
/* 5. Content */
.content {
	float: right;
	width: 300px;
	margin: 100px 0 50px 0;
	padding: 50px 0;
	background-color: white;
	}
h1, h2, p {
	font-size: 12px;
	line-height: 14px;
	padding: 0 10px;
	margin-bottom: 10px
	}
h1 {
	color: #71BFD7;
	}
h2 {
	color: #FF0000;
	font-weight: normal;
	}
p {
	color: #505050;
	}
p a {
	border-bottom: 1px dotted #71BFD7;
	color: #505050;
	}
.work .content h1 {
	color: #FF0000;
	}
.content li {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	color: #505050;
	margin-bottom: 10px;
	padding: 0 10px;
	}
.content ul {
	margin-bottom: 10px;
	}
h3 {
	padding: 0 10px;
	color: #505050;
	font-size: 14px;
	}




/* ------------------------------------------------------- */
/* 6. Footer area */
.footer {
	background:    url("../img/footer-bg.gif") no-repeat center top;
	clear: both;
	height: 600px;
	}
address {
	width: 500px;
	margin: 0 auto;
	text-align: left;
	padding-top: 60px;
	font-size: 11px;
	font-style: normal;
	color: #71BFD7;
	}
address p {
	margin-bottom: 3px !important;
	line-height: 12px;
	font-size: 10px;
	color: #71BFD7;
	}
address a {
	color: #71BFD7;
	border-bottom: 1px dotted #71BFD7;
	font-weight: bold;
	}