/* CSS Document */
<style>

/*reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/*reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*reset end*/



body {
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
background: url(images/body_bg.jpg) repeat-x;
}

#home a.home {
	background: url(images/button_home.png) no-repeat -188px 0px;
	color:#111;
}

#services a.services, #facilities a.facilities, #portfolio a.portfolio, #contact a.contact {
	color:#111;
	background:url(images/standard_button.png) no-repeat -188px 0px;
}
#home a.home:hover, #services a.services:hover, #facilities a.facilities:hover, #portfolio a.portfolio:hover, #contact a.contact:hover {
	cursor:default;
	font-weight:normal;
	color:#111;
}
	
#mainWrapper {
	text-align:left;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:0;
	border:1px solid #111;
}

#inner {
	position:relative;
	clear:both;
	min-height:800px;
	background-color: #fff;
	background-image: url(images/notes_bg.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
}

#top {
	width:710px;
	min-height:234px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/black_03.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#main {
	width:710px;
	margin-left:auto;
	margin-right:auto;

}

#footer {
background:#111;
clear:both;
text-align:center;
color:#fff;
padding-top:5px;
padding-bottom:5px;
}

#header {
	position:relative;
	margin-top:0px;
	height:172px;
	background-color: #fff;
	background-image: url(images/topnotes_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.slogan {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
	text-align:center;
	position:relative;
	left:485px;
	top:42px;
	font-size:2em;
	font-weight:lighter;
	background:#f93;
	display:block;
	width:14em;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	border: 1px solid #111;
}

ul.nav {
	position:absolute;
	bottom:0px;
	left:12px;
	list-style: none;
	margin-left:5px;
	margin-right:5px;
	margin-top: 0px;
	margin-bottom:0px;
	padding:0px;
	border:none;
}
.nav li {
float:left;	
}

.nav a{
	text-decoration:none;
	text-align:center;
	color:#fff;
	display:block;
	width:186.8px;
	padding:5px 0px 15px 0px;
	background:url(images/standard_button.png) no-repeat 0px 0px;
	float:left;
	font-weight:normal;
}

.nav a:hover {
color:#000;
background:url(images/standard_button.png) no-repeat -188px 0px;
font-weight:bold;
}

ul.nav a.home {
	background: url(images/button_home.png) no-repeat top left;
	
}

ul.nav a.home:hover {
	background: url(images/button_home.png) no-repeat -188px 0px;
}


#header img.logo {
position:absolute;
left:10px;
top:1px;
}

img.noteLeft {
	position:absolute;
	bottom:-80px;
	left:-60px;
}

img.noteRight{
	position:absolute;
	bottom:-80px;
	right:30px;
}



/*       -------- Content Styles below---------

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


#mainContent {
	width:710px;
	padding-bottom:58px;
	background:url(images/newmain_bottom.png) no-repeat 0px bottom;
}



#mainContent h1 {
	font-size:1.6em;
	text-transform:capitalize;
	color:#666;
	text-align:center;
	background:url(images/main_top.png) no-repeat 0px top;
	padding-top:35px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	font-weight:lighter;
	
}

#mainContent p{
	background:url(images/newmain_middle.png) repeat-y;
	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	line-height:1.5em;
	text-align: left;
}
	

.imageTop {
	
	margin-left:30px;
	margin-top:22px;
	border:1px solid #fff;
}

#mainContent p a {
	text-decoration:none;
	color:#F90;
	
}



/*  -------Form Styles------ */


form#form {
	font-size:.8em;
}

#form .label {
	margin-top:10px;
	float:left;
	clear:left;
	width:120px;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
	
}


input#name, input#company, input#email, input#emailConf, textArea#comment {
	margin-top:10px;
	font-size:.9em;

}


input#submit {
	float:left;
	clear:both;
	margin-top:20px;
	margin-left:130px;
}
form .textarea {
	display:block;
	margin-top:10px;
	font-size:.9em;
	width:120px;
	float:left;
	clear:left;
}



/* --------- Audio player styling-------*/
#player1, #player2, #player3, #player4 {
float:left;
Padding-left:50px;
width:200px;
	
	
}


</style>