/* sifr (flash text replacement) styles */
@import url(sIFR-screen.css);
/* end sifr */

/* generic style */

.spacer {
	clear: both;
}

body hr {
	height: 0;
	border-top: 1px solid #393;
	margin: 0 auto;
	width: 93%;
	overflow: auto;
}

/* headings style */

h1 {
	color: #02047e;
	font-size: 180%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

body.welcome .heading {
	padding: 0;
	margin: 0 0 10px 0;
	padding-bottom: 20px;
}

body.gal .heading {
	margin: 20px 0 0 20px;
}

body.listen .heading {
	margin: 0 0 5px 15px;
	padding: 0;
}

body.products1 .heading {
	margin: 5px 0 0 15px;
	padding: 0 0 10px 0;
}

body.journey .text h1 {
	font-size: 20px;
	margin-right: 30px;
}

/* block pages style */

body.block .block {
	width: 742px;	
	padding: 20px;
	clear: both;
}

body.block .pics {
	margin: 15px 20px;
	padding: 0;
	width: 200px;
	float: left;
}

body.block .content {
	padding-left: 20px;
	float: left;
	width: 450px;
}

body.block .right {
	float: right;
	padding: 10px;
}

body.block blockquote {
	color: #02047E;
	font-style: italic;
	margin-left: 0px;
}

body.block blockquote p {
	display: inline;
	color: #000;
	font-style: normal;
	font-weight: bold;
}

/* soundsofme style */

#sounds a.imagebox {
	display: block;
	float: right;
	width: auto;
	margin: 10px;
	padding: 10px;
	border: 1px solid #cfe2ef;
	font-size: 80%;
}

#sounds a.imagebox:hover {
	background-color: #cfe2ef;
	color:#000;
}

#sounds a.imagebox img {
	border: 1px solid #ccc;
}

#sounds #lightbox img {
	margin: 0;
	padding: 0;
}

#sounds a.imagebox img {
	padding: 10px;
	margin: 0;
}

#sounds img {
	margin: 0 20px 20px 40px;
	padding-top: 0px;
}

#sounds img a {
	margin: 0 20px 20px 40px;
	padding-top: 20px;
	float: right;
}

#sounds .body, body.products1 .body {
	padding: 20px 0;
}

ul#products {
	height: auto;
	margin: 20px 0 0 0;
	display: block;
	width: 709px;
	height: auto;
	background: url(images/bluebox-big-bottom.jpg) no-repeat bottom left;
}

ul#products li {
	float: left;
}

ul#products a {
	text-indent: -5000px;
	height: 274px;
	display: block;
	border-bottom: 1px solid #fff;
	background-repeat: no-repeat;
	margin-bottom: 13px;
}

ul#products a:hover {
	background-color: transparent;
}

ul#products li #anniversary {
	background: url(images/icon-anniv.png);
	width: 163px;
}

a#anniversary:hover {
	border-bottom: 13px solid #a4d3fa;
	margin-bottom: 0;
}

ul#products li #wedding {
	background: url(images/icon-wedd.png);
	width: 185px;
}

a#wedding:hover {
	border-bottom: 13px solid #f4a0a5;
	margin-bottom: 0;
}

ul#products li #birthday {
	background-image: url(images/icon-birth.png);
	width: 179px;
}

a#birthday:hover {
	border-bottom: 13px solid #c3e8aa;
	margin-bottom: 0;
}

ul#products li #justforme {
	background-image: url(images/icon-me.png);
	width: 182px;
}

a#justforme:hover {
	border-bottom: 13px solid #f6cc8a;
	margin-bottom: 0;
}

/* anniversary, birthday, justforme, wedding style */

#logo {
	float: left;
	padding-left: 20px;
	padding-bottom: 200px;
	padding-top: 40px;
	padding-right: 20px;
}

img#som {
	float: right;
	padding-bottom: 20px;
}

body.products1 .body {
	padding: 0 15px 0 0;
	width: 727px;
}

body.products1 .text {
	margin: 10px 0 20px 0;
	width: 395px;
	float: right;
}

body.products1 img {
	float: left;
}

.text {
	float: left;
}

/* mp3 player style */

.mp3box {
	background: url(images/mp3-back.jpg) no-repeat;
	width: 304px;
	height: 104px;
	margin: 0 auto;
}

body.welcome .mp3box {
	margin: 15px auto;
}

object {
	float: right;
	margin: 10px;
}

/* blue boxes */

#first {
	margin-top: 15px;
}

.blueboxbig {
	background: #fff url(images/bluebox-big-top.jpg) no-repeat;
	width: 709px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

.blueboxsmall {
	background: #fff url(images/bluebox-small-top.jpg) no-repeat;
	padding-top: 5px;
	overflow: hidden;
	width: 395px;
}

.listen .blueboxsmall {
	margin: 30px 0 10px 10px;
}

.listen .body {
	padding-bottom: 30px;
}

.blueboxsmall .text {
	width: 395px;
	margin: 0;
}

.blueboxsmallbot {
	background: transparent url(images/bluebox-small-bottom.jpg) no-repeat bottom;
	padding-bottom: 10px;
	overflow: hidden;
}

.blueboxbig p, .blueboxsmall p {
	margin: 15px;
}

ul#gallery {
	background: url(images/bluebox-big-bottom.jpg) no-repeat bottom left;
}

/* albums page */

.listen .blueboxsmall {
	padding: 25px 0 0 0;
	margin-bottom: 25px;
}

#albums {
	padding-left: 40px;
}

#albums div {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

#albums ul {
	float: left;
}

#albums hr {
	clear: both;
	padding: 0;
	margin: 0;
	border: none;
	visibility: hidden;
}

/* Gallery style */

body.gal .body {
	padding-bottom: 20px;
}

ul#gallery {
	height: auto;
	width: 100%;
	padding: 0 0 15px 2px;
}

ul#gallery li {
	float: left;
	margin:7px;
	border:1px solid #ccc;
}

ul#gallery a {
	width: 101px;
}

ul#gallery a:hover {
	background-color: #cfe2ef;
}

/* listen pages */

body.listen div.image p {
	clear: both;
}

/* Generic Settings */


body { margin: 0px; padding: 0;
		background: white url('images/bg.gif');
		text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:verdana, helvetica, sans-serif}

img, img a {border: 0;}

a {color: #00F; text-decoration: none;}
a:hover {color: #F00; text-decoration: underline;}
a:visited {color: #00F;}
		
table {border-collapse: collapse;}
td, tr, th {margin: 0; padding: 0;}


/* Div Settings */

.container {width: 742px; margin: 10px auto 0;
			background-color: #DCDFE7;
			text-align: left;
}

.header {margin: 0; padding: 0;
		 width: 742px; height: 180px;
		 background: white url('images/banner.jpg');
}

.menu {margin: 0; padding: 0;
	   width: 742px; height: 20px;
	   background: white url('images/banner2.jpg');
}

.body {margin: 0; padding: 0;
	   background: white url('images/content.gif');
	   width: 742px; height: auto;
		clear:both;
		overflow: hidden;
}

.sub-title {margin: 0; padding: 10px 20px 0 0;
			font: 200% verdana; color: #FFF; font: weight: bold;
			text-align: right;
}

.text-title {margin: 0; padding: 0 0 10px 0;
			 font: 130% verdana; color: #02047E; font: weight: bold;
			 text-align: left;
}

.picture {margin: 5px 0 0 10px; padding: 0; float: right;
}

/* Menu Settings */

.menu, .menu ul {margin: 0; padding: 0;
				 float: left;
				 width: 742px; height: 20px;
				 list-style: none;
}

.menu a {width: 100%;
		  display: block;
		  color: #000; text-decoration: none;
		  padding: 3px 0; text-align: center;
		  /* border: solid #494936;
		  border-width: 0 1px 1px 0; */
}
.menu a:visited {color: #000;}
.menu a:hover {background: #0376E2; color: #FFF;
}

#menu li {width: 92px; padding: 0; float: left;
}

#menu li#me {
	width:98px;
}

/* CONTENT */

.image {
	margin: 40px;
	padding: 0;
	width: 200px;
 	height: 200px;
	float: left;
}

body.listen .image {
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 20px; 
}	

.image-sam {margin: 20px; padding: 0;
		width: 250px; height: 250px;
		float: left;
}

.sam-text {margin: 20px; padding: 0;
	       width: 350px; height: auto;
	       float: left; text-align: left;
}

.text {margin: 20px; padding: 0;
	   width: 420px; height: auto;
	   float: left;
}

.main-text {margin: 0; padding: 5px 0 5px; text-align: justify;
}

hr {margin: 5px 0 10px; padding: 0;
	width: 80%; text-align: center;
	color: #010242; height: 1px;
}

.mp3-title {margin: 0; padding: 0;
			width: 50%; height: auto;
			font: 12px verdana, helvetica, sans-serif;
			text-align: left;
}

.mp3 {margin: 0; padding: 0;
			width: 50%; height: auto;
			font: 12px verdana, helvetica, sans-serif;
			text-align: right;
}

.form-title {margin: 0; padding: 0;
			width: 20%; height: auto;
			font: 12px verdana, helvetica, sans-serif;
			text-align: left;
}

.form-input {margin: 0; padding: 0;
			 width: 80%; height: auto;
			 font: 12px verdana, helvetica, sans-serif;
			 text-align: right;
}
.main-text-italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-align: justify;
}


.footer {margin: 0 auto; padding: 3px 5px;
		 width: 732px; height: 40px;
		 background: #EEE; color: #000;
		 text-align: centre; font: 10px verdana, helvetica, sans-serif;
		 clear: both;
}

.footer p {
	width: 100%;
	text-align: center;
}