html {
	margin: 0;
	padding: 0;
}

body {
	background-color:#eff;
	font-family:Georgia, "Palatino Linotype", "Times New Roman", Arial, sans-serif;
	font-size:90%;
	background-image: url(../images/bg-pattern.gif);
}

#width {
	width: 900px;
	margin: 0 auto;
	border: none;
}
#container {
	background-color: #3A5451;
	margin-top: 5px;
	background-image: url(../images/squiggle03.gif);
	background-repeat: repeat;
	float: left;
	width: 100%;
}
	
.header {
	padding: 0;
	margin: 0;
	background-image: url(../images/squiggle.gif);
	width: 100%;
	float: left;
}
.header img {
	border-top: 3px solid #666;
	margin-bottom: 0; 
	border-bottom: 3px solid #666;
}
#main {
	background-color: #FFFFFF;
	border: 1px solid #666;
	padding: 20px;
	clear: left;
	line-height: 1.5em;
}
#main p {
	padding-left: 25px;
	line-height: 150%;
	}
#main a:link, #main img a:link {
	color: #008080;
}
#main a:visited, #main img a:visited  {
	color: #008080;
}
#main a:hover, #main img a:hover {
	color: #Ca8;
	text-decoration: none;
}
#main a:active, #main img a:active {
	color: #09c;
}

h1 {
	color: #eee;
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	margin-left: 30px;
	letter-spacing: 1px;
	font-variant: small-caps;
}

/* ---------  Code to hide the top anchor ----------------------- */

#width #container #nav #top {
border: none; padding:0; margin:0;
}

/* ------------The navigation and button rules ------------------ */

#nav {
	text-align: right;
	padding: 1px;
	margin: 0;
}
#nav dd {
	display: inline;
}
#nav a {
	color: #eee;
	text-decoration: none;
	border-right: 1px solid #eee;
	font-weight: bold;
	padding: 3px;
}
#nav a:hover, #nav a.current {
	padding-top: 10px;
	color: #7D9087;
}


h2 {
	color: #666666;
	font-size: 1.2em;
	padding: 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D7C094;
}
h3 {
	color: #666666;
	margin-left: 0px;
	clear: inherit;
}
h4 {
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	line-height: 1.6em;
	letter-spacing: 1px;
	margin-left: 25px;
	margin-bottom: -0.8em;
}
h5 {}

/* The Styleing of the Form */

#sldform {
	width: 658px;
	margin-left: 100px;
	margin-right: 100px;
	}
fieldset {
background-color: #dddddd;
	background-image: url(../images/bg_lines.png);
display : block;
border : 1px dashed #ddd;
padding : 10px;
font-family : Arial, Helvetica, sans-serif;
margin-bottom : 0.5em;
line-height : 1.5em;
}
legend {
	font-family : georgia, sans-serif;
	font-size : 1em;
	font-weight : bold;
	border : 1px solid #D7C094;
	margin-bottom : 5px;
	padding : 3px;
	background-color: #FFFFFF;
	color: #666;
}
label {clear : left;
display : block;
float : left;
width : 100px;
text-align : right;
padding-right : 10px;
color : #777;
margin-bottom : 0.5em;}

input {
	border : 1px solid #eee;
	background : #FFF url(cssplay/form.gif) repeat-x top left;
	padding-left : 0.5em;
	margin-bottom : 0.6em;
	}

input[type=text]:focus, textarea:focus{
	background-color:#F8F8FF;
	color:#3A5451;
	border: 1px solid #ccc;
}
textarea, input {
	color: #999999;
	border: 1px solid #fff;
}

input#button1, input#button2{
	color : #CA8;
	padding-right : 0.5em;
	cursor : pointer;
	width : 150px;
	margin-left : 8px;
	border: 1px solid #eee;
}
#button1:hover, #button2:hover {
	color: #CCCCCC;
	font-weight: bold;
}

/* The style for the project page
----------------------------------- */

.trade {
	margin-left: 30px;
	color: #666;
	}
.spec {
	display: block;
	padding:20px;
	margin: 0;
	clear: both;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #BADDDC;
}
.projects img {
	margin-right: 60px;
	float: left;
	margin-bottom: 5px;
}
.projects h2 { margin-bottom: 0px;
}
.projects h3 {
	text-align: center;
} 
.projects p {
	font-size: 0.9em;
	}
ul{
	list-style:url(../images/li_img_green.gif);
}

/* Sound Work Style Pages
--------------------------------- */
.Production {
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	line-height: 1.6em;
	letter-spacing: 1px;
}
.Month {
	color: #999999;
	margin-left: 20px;
	background-color: #eee;
	padding: 2px;
	background-image: url(../images/bg_lines.png);
}

.prod_comp {
	color: #006666;
	font-weight: bold;
}
.prod_comp a {
	text-decoration:none;
}
.prod_type {color: #999999}

#width #container #main .top {
	text-align: right;
	margin-right: 40px;
	font-size: 1.2em;
	}
#width #container #main .top a { color:#D7C094}
#width #container #main .top a:hover { color:#cccccc}
#width #container #main .boom_img {
	border: 4px solid #3A5451;
	background-image: url(../images/li_img.jpg);
}
.click {
	font-variant: small-caps;
}
#width #container .header .click a { font-size: 0.8em;
font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	color: #C3AD84;}
#width #container .header .click a:hover { color: #CCCCCC; }

.small-proj {
	margin: 5px 0px 0px 50px;
}
.small-proj img {
	width:150px;
	height:150px;
	margin:15px;
}
.small-proj img a:hover {
	border-color: #ccc;
	}

/* Code to style to FOOTER
------------------------------------------- */ 

#footer {
	color: #789789;
	background-color: #3A5451;
	font-size: 0.9em;
	clear: both;
	float: left;
	width: 100%;
	text-align: right;
	padding: 0;
	font-style: italic;
	background-image: url(../images/squiggle.gif);
	background-repeat: no-repeat;
}
#footer a:link, #footer a:visited {
	color: #ddd;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #999999;
	text-decoration: none;
}
#footer p {
	padding-right: 10px;
}
#valid {
	text-align: center;
	padding: 20px;
	clear: both;
}
/* Style for the sub menu
--------------------------------------*/

#menu ul .sub-menu {
	margin-top: 30px;
	margin-left: 10px
	border-bottom: 2px solid #eddeed
	
	
	
}




/* ------- Code for the form error message
-------------------------------------------- */

.style1 {color: #666666} 
.style2 {color: #C4B38C}
.style3 {color: #aaa}
.style5 {color: #3A5451; font-style: italic; }
.missing {
	background-color: #FF0000;
}
h5 {
	margin-left: 30px;
}

/* Code for the COPYRIGHT and VALID
-------------------------------------- */

.valid {
	text-align: right;
	font-style: italic;
	padding: 0;
	font-size: 0.9em;
	background-image: url(../images/squiggle03.gif);
	background-position: top left;
	background-repeat: repeat-x;
}	 
.valid p {
	color: #999999;
	padding: 15px 5px 5px;
}
.valid a:link, .valid a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
.valid a:hover, .valid a:active {
	color: #999999;
}

/* Style to create 2 cols on  the Sitmap page
--------------------------------------------------*/

.cols2 {
	width: 40%;
	float: left;
	padding: 20px;
	line-height: 1.5em;
}
.cols2 h3 {
	color: #3A5451;
	font-size: 0.8em;
	text-decoration: underline; 
}
/* Generic clear both div
---------------------------- */

#clear {
	clear: both;
}
h3 .domain {
	font-size: 0.6em;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#width #container #main .spec img {
	height: 80px;
	width: 80px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}


/* Ths style for the 404 page
--------------------------------------- */

.oops {
	text-align: left;
	text-indent: 100px;
}

body.boomer {
	background: #464646 url(http://davidlees.tv/media/images/images/bg-topgrad2.png) repeat-x 0 0;
}