body {margin:0; padding:0; background:#000 url(../images/Evelina.jpg) no-repeat; background-position: left 0px; text-align:justify; min-width:800px; color:#fff; font-family: Helvetica, Arial, _sans-serif; font-size: 12px;}

body#about {margin:0; padding:0; background:#000 url(../images/Evelina1.jpg) no-repeat; background-position: left 0px; text-align:justify; min-width:800px; color:#fff; font-family: Helvetica, Arial, _sans-serif; font-size: 12px;}

body#gallery { background: #000 url(../images/bg_gallery.jpg) no-repeat 0px 100px;}

body#contactme { background: #000 url(../images/Evelina2.jpg) no-repeat; }

body#bookings { background: #000 url(../images/background.jpg) repeat; }

body#lessons{ background: #000 url(../images/Evelina3.jpg) no-repeat; }

p {margin:10px 0 15px 0;}
h3 {text-transform:uppercase; margin:20px 0px 20px 0px !important;}
ol {margin-left: -40px !important; padding-left: 40px !important;}
li {padding-left: 0px; padding-bottom: 10px;}

a { text-decoration: none; color: #fff;}
a:hover { text-decoration: none; color: #ff1f69;}
a:active { text-decoration: none; color: #fff;}

#menu { position: relative; float: right; width: 630px; margin: 0px; padding: 10px 0px 0px 0px;}
#menu ul { float: right; margin: 0; padding: 0; list-style: none; color: #ff1f69; text-transform: uppercase;}
#menu ul li { margin: 0; padding: 0px 5px 0px 0px; float: left;}
#menu ul li a { text-transform: uppercase; }

#home #menu-home { color: #ff1f69;}
#gallery #menu-gallery { color: #ff1f69;}
#about #menu-about { color: #ff1f69;}
#music #menu-music { color: #ff1f69;}
#private bookings #menu-contact { color: #ff1f69;}
#bookings #menu-bookings { color: #ff1f69;}
#album #menu-album { color: #ff1f69;}
#contactme #menu-contact { color: #ff1f69;}
		
input { border: 1px solid #C0CAD1; margin-left: 5px;}
input.text { border: 1px solid #C0CAD1; color: #666666; background-color: #ffffff !important;; background-image: none; }
input.button { background-color: #666666; color: #C0CAD1; cursor: hand;}

/* Layout Blocks
----------------------------------------------- */
#main {width: 840px; margin: 0px auto;}
 
#logo {width: 100%; height: 120px; margin: 30px auto 0px auto; text-align: left; position: relative; background: url(../images/logo.png) no-repeat top right;}
 
#overlay { position: relative; float: right; width: 600px; height: 240px; margin: 25px auto 0px auto; text-align: left; position: relative; background: url(../images/overlay.png) no-repeat top center;}	

#flashWrapper { position: relative; float: right; width: 580px; margin: 0px; padding: 10px; }
body#gallery #flashWrapper { position: relative; float2: right; width: 840px; height: 596px; margin: 20px 0px; padding: 0px;}

#title {width: 660px; height: 150px; margin: 0px; float: right; position: relative; background: url(../images/true.png) no-repeat top left; z-index: 1; }

#bio { width: 480px; float: right; position: relative; margin: 20px 0px; padding: 10px; background: url(../images/undercopy.png) no-repeat top left;}
#free-text { width: 480px; float: right; background: url(../images/undercopy.png) no-repeat top left; margin: 20px 0px; padding: 20px 10px;}
#free-text img { float: right; padding: 0px 10px;}
#news-feed { width: 480px; float: right; background: url(../images/undercopy.png) no-repeat top left; margin: 20px 0px; padding: 5px 10px;}

#copy { width: 460px; float: right; margin: 0px auto 40px auto; position: relative; text-transform: uppercase; text-align: right; font-size: 22px;}
#copy p { margin: 0px; padding: 40px 0px 0px 30px;}
#info { width: 298px; float: right;}

#payment { position: relative; float: right; padding-bottom: 60px;}

#contact { width: 100%; height: 50px; position: fixed; bottom: 0px; right: 0px; color: #DA203C; font-size: 18px; text-align: right; background: #000; }
#contact p { margin: 0px 40px 20px 0px; padding: 10px 0px 10px 0px;}

#contactme div.float { float: left; margin: 0px 0px 10px 0px; padding: 0px;}
#contactme h1 { font-size: 14px;}
#contactme div.social-networks { width: 100%; height: 40px;}

#bookings #details { float: right; display: none; background: url('../images/collapse_blue.png') no-repeat top right;}
	#news .newsBlock { position: relative; margin: 5px;}
	#news .newsBlock .newsItem { margin: 0px 0px 10px 0px; border-bottom: 1px solid #444;}
	#news .newsBlock .newsItem p { margin: 0px 0px 10px 0px;}
	#news .newsBlock h1.newsTitle { font-size: 18px; text-transform: capitalize; margin: 0px; padding: 0px; color: #ff1f69;}
	#news .newsBlock p { margin: 0px; padding: 0px; font-size: 11px; color: #fff; font-family: Verdana, Helvetica, Arial;}
	#news .newsBlock .nesPostedDate { margin: 0px; padding: 0px; font-size: 11px; color: #444;}
	#news .newsBlock span[style]{ font-size: inherit !important; font-family: inherit !important; color: inherit !important; margin: inherit !important;}

/* Multi-Use Classes
----------------------------------------------- */
.warning { font-size: 24px; font-weight: bold; color: #DA203C; padding: 80px; }
.green {color: #86A935;}
.pink {color: #dd203d;}
.blue {color: #5296AD;}
.yellow {color: #E3C025;}

.header {font-size: 12pt;}
.highlight {font-weight: 600;}
.fineprint {font-size: 9px;}
.hidden {display:none;}
.clear {clear: both;}