/* CSS Document */

*{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

body{
	background-color:#000;
	background-image:url(../images/bg3.jpg);
	margin:0px;
	text-align:center;
}

#mothersArms{
	width:900px;
	height:auto;
	margin: auto;
	/* changed for music frame. not needed margin:20px auto; */
	color:#fff;
}
/* added this to center it all and cuddle the music player*/
#musicsArms{
	width:1000px;
	height:auto;
	margin:auto;
	
}
/* you can delte this when you put in the player. i just wanted it to be very small so Robin will be aware of the approx size of the player */
.musictext {font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; text-align:right;}

#mothersArmsBack{
	width:900px;
	height:500px;
	 margin:20px auto;
	color:#fff;
	background-color:#000;
	position:relative;
}

#wrapperIndex{
	width:900px;
	height:auto;
	color:#fff;

}
/* added this for the music frame of course!*/
#musicframe{
	width:1000px;
	height:400px;
	color:#fff;
	position:relative;
}

#wrapper{
	width:900px;
	height:auto;
	background-color:#000;
	color:#fff;
	position:relative;
}

#content{
	clear:right;
	float:right;
	width:834px;
}

#contentBack{
	clear:right;
	float:right;
	width:765px;
	height:310px;
	overflow:auto;
	padding:15px 15px 15px 10px;
	position:relative;
}

#contentBackBackground{
	clear:right;
	float:right;
	width:790px;
	height:380px;
	background-color:#fff;
	overflow:auto;
	margin:5px 10px 0px 0px;
	position:relative;
}

/***********
Web cam Page Stlyes.  Different Widths and heights
***********/

#mothersArmsCamera{
	width:1020px;
	height:950px;
	margin:20px auto;
	color:#fff;
	background-color:#000;
	position:relative;
}

#wrapperCamera{
	width:1020px;
	height:auto;
	background-color:#000;
	color:#fff;
	position:relative;
}

#contentCamera{
	clear:right;
	float:right;
	width:934px;
}

#contentBackCamera{
	clear:right;
	float:right;
	width:885px;
	height:850px;
	overflow:auto;
	padding:15px 15px 15px 10px;
	position:relative;
}

#contentBackCameraBackground{
	clear:right;
	float:right;
	width:925px;
	height:880px;
	background-color:#fff;
	overflow:auto;
	margin:5px 10px 0px 0px;
	position:relative;
}

.tagLineCamera{
	color:#999;
	font-size:1.1em;
	margin-left:50%;
	position:absolute;
	top:940px;
	left:-360px;
}

#bottomNavCamera{
	width:1020px;
	height:32px;
	margin:15px auto 15px auto;
	position:relative;
	font-size:11px;
}

/*********
End Web Cam Styles
*********/
.compareTable{
	color:#000;
	font-size:.8em;
	background-color:#999;
	width:95%;
	text-align:left;
	border:none;
}

.compareCell{
	background-color:#fff;
}

.compareCellCenter{
	background-color:#fff;
	text-align:center;	
}

.compareCellLeft{
	background-color:#fff;
	text-align:left;	
}

.compareCellRight{
	background-color:#fff;
	text-align:right;	
}

.vertTop{
	vertical-align:top;
}

.vertBottom{
	vertical-align:bottom;
}

.wp1{
	background-image:url(../images/wp1.jpg);
}

.wp2{
	background-image:url(../images/wp2.jpg);
}

.wp3{
	background-image:url(../images/wp3.jpg);
}

.wp4{
	background-image:url(../images/wp4.jpg);
}

.wp5{
	background-image:url(../images/wp5.jpg);
}

.wp6{
	background-image:url(../images/wp6.jpg);
}

.wp7{
	background-image:url(../images/wp7.jpg);
}

h1{
	font-size:1.4em;
	color:#000;
}

h2{
	font-size:1.2em;
	color:#666;
}

h3{
	font-size:1.1em;
	color:#666;
}

h4{
	font-size:1em;
	color:#666;
	font-weight:normal;
}

.greyText{
	color:#666;
	font-size:.7em;
	line-height:150%;
}

.textSmall{
	color:#000;
	font-size:.7em;
}

.textMed{
	color:#000;
	font-size:.9em;
}

.textLarge{
	color:#000;
	font-size:1em;
}

.textGrey{
	color:#999;
}

.indent{
	margin-left:20px;
}

.left6040{
	float:left;
	width:430px;
	height:auto;
}

.right6040{
	float:right;
	width:300px;
	height:auto;
}

.left5050{
	float:left;
	width:365px;
	height:auto;
}

.right5050{
	float:right;
	width:365px;
	height:auto;
}

.tagLine{
	color:#999;
	font-size:1.1em;
	margin-left:50%;
	position:absolute;
	top:495px;
	left:-360px;
}

a.legal{
	color:#666;
	font-size:1em;
	text-align:center;
}

.forms{
	color:#000;
	background-color:#ECECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	display:inline;
}

.width20percent{
	width:20%;
}

.textRed{
	color:#c3202b;
}

.textBlue{
	color:#0c6eaf;
}

.listNormal{
	margin:0px 25px;
	font-size:.9em;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

.disclaimer{
	margin-top:50px;
}

a.legal:link{color:#666;}
a.legal:visited{color:#666;}
a.legal:hover{color:#CCC;}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.clearLeft{
	clear:left;
}

.clearRight{
	clear:right;
}

.clearBoth{
	clear:both;
}

.alignLeft{
	text-align:left;
}

.alignCenter{
	text-align:center;
}

.alignRight{
	text-align:right;
}

.justify{
	text-align:justify;
}

.padAll{
	padding:10px;
}

.padRight{
	padding-right:10px;
}

.padBottom{
	padding-bottom:10px;
}

.padLeft{
	padding-left:10px;
}

.transparent{
	behavior: url(css/iepngfix.htc);
}

img{
	border:none;
}