h1{
color: #003300;
font: bold 22px Arial, Helvetica, sans-serif;
margin: 0px 0px 8px 0px;}

h2{
font-size: 19px;}
		
h3{
color: #000000;
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0px 0px 12px 0px;
padding: 0px;}

h4{
font-size: 14px;
color: #b00000;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 4px;
margin: 10px 0px 8px 0px;}

h5{
color: #000000;
font: bold 12px Arial, Helvetica, sans-serif;
margin: 0px;
padding: 4px;}

h6{
color: #006600;
font: bold 12px Arial, Helvetica, sans-serif;
margin: 4px 0px 4px 0px;}

body{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background: url('images/cloudbg.jpg') repeat top left;}

#header{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 820px;
height: 200px;
	overflow: hidden;
	clear: both;
	border-bottom: 4px solid #003300;}

.header1{background: url('http://www.carriedahldesign.com/demo/clouddancer/images/HeaderBGa.jpg') no-repeat 150px 0px;}
.header2{background: url('http://www.carriedahldesign.com/demo/clouddancer/images/HeaderBGb.jpg') no-repeat 150px 0px;}

#wholecontainer{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
overflow: hidden;
width: 1020px;}

#main{
	float: left;
	margin-left: auto;
	margin-right: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 16px;
	width: 820px;
	overflow: hidden;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background: #ffffff /*url('images/bookspine.jpg') repeat-y top left*/; 
	padding-top: 5px;}

.home{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 250px;
	overflow: hidden;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	font: normal 17px Arial, Helvetica, sans-serif;
	background: #ffffff;}
#home div.navi{
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 180px;}
#home .navi ul{
	padding-left: 15px;}	
#home p{
	clear: both;
	padding: 0px 10px 0px 10px;}

#homefull{
	font: bold 14px Arial, Helvetica, sans serif;
	overflow: hidden;
	float: left;}

#homefull img{
	 z-index: -20;
	 float: left;
	 margin: 0px 0px 0px 0px;}
#homefull p{
z-index: 2;
padding: 0px 30px;
margin: 0px 0px 10px 0px;}

div.transbox
  {
  width:450px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  margin:30px 40px;
  font-weight:bold;
  color:#003300;
  }

h3.book-descrip{font-size: 16px; text-align:center; padding: 0px 10px 0px 10px; color:#CC6600;}

#contentfull{
	width: 795px;
	padding: 0px 0px 15px 15px;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;}

#content {
	overflow: hidden;
	width: 470px;
	padding: 0px 0px 0px 300px;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;}

#thebook h4{margin: 0px 0px 2px 0px; padding: 0px; font-size: 13px; border: none;}
#thebook h5{margin: 0px 0px 2px 0px; padding: 0px;}

#thebook div{
width: 140px;
height: 275px;
border-right: 1px solid #cccccc;
text-align: center;
float: left;
margin: 0px 0px 0px 0px;
padding: 7px 7px 0px 7px;}

#thebook div.last-column{
border: none;}

#thebook div p.padding{
padding: 0px 4px 0px 4px;}
#thebook div.firstcolumn{
margin-right: 30px;}
#thebook div h5{
line-height: 25px;}
div#thebook{
margin: 10px 0px 0px 0px;
clear: both;}
img.book{
border: none;}

.music{
	text-align:center;
	margin: 0px 0px 10px 0px;
	clear:both;
	font-weight: bold;}
.music embed{
	height: 20px;}

* a:link, * a:link{
	text-decoration: underline;}
* a:hover{
	text-decoration: none;}

/* begin navi */
.navi {
	float: left;
	margin: 8px 0px 0px 0px;
	padding-left: 30px;
	width: 225px;
}

.navi h4{
width: 110px;
line-height: 20px;
padding: 5px 80px 5px 5px;
margin-top: 40px;
margin-right: 15px;
border: 1px solid #009900;
background: url('http://www.carriedahldesign.com/demo/clouddancer/images/book-3.jpg') no-repeat 65px 0;}

.navi h4 img{
float: right;
border: none;}

.navi ul{
	list-style-type: none;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding-left: 0px;}

.navi ul li{
	margin-bottom: 8px;}

.navi a:visited, .navi a:link{text-decoration: underline; color: #003300;}
.navi a:hover{text-decoration: none;}

.nselected {
padding-left: 15px;
background: url('images/selected.gif') no-repeat left;
color: #000000;}
li.nselected a:hover{
color: #7284C8;}

/* end navi */

.column {
	float: left;
	width: 45%;
	margin: 0px 15px 10px 0px;
	padding: opx;}

.tricolumn {
	float: left;
	width: 230px;
	margin: 0px 15px 10px 0px;
	padding: opx;}

.inset{
width: 525px;
padding: 5px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
clear: both;
border-top: 1px solid #d2d2d2;}

.small{font: normal 10px Arial, Helvetica, sans-serif;}

.footer{
	margin: auto;
	width: 900px;
	padding: 8px;
	clear: both;
	text-align: left;
	font: bold 11px Arial, Helvetica, sans-serif;}
.footer a{
margin-left: 30px;
font: bold 11px Arial, Helvetica, sans-serif;}
.footer span a{
margin: 0px;}
.footer span{
float: right; 
text-align:right;
font-size: 11px;}

ol{
margin: 0px 0px 0px 25px;
padding: 0px;}
ol li{
margin-bottom: 4px;}

.excerpts{
margin-bottom: 20px;
overflow: hidden;}

.excerpts h6{margin: 0px 0px 9px 0px; 
font-size: 13px;
text-shadow: #999999 2px 2px 3px;
padding: 3px;
clear: right;
}

.excerpts h6 a:link, .excerpts h6 a:visited{
color: #0000FF;
}

.excerpts div{
border: 1px solid #999999;
padding: 6px;
height: 260px;}

.excerpts div.one{
background:url('http://www.carriedahldesign.com/demo/clouddancer/images/book-1.jpg') no-repeat 125px 20px;
}

.excerpts div.two{
background:url('http://www.carriedahldesign.com/demo/clouddancer/images/book-2.jpg') no-repeat 140px 30px;}

.excerpts div.three{
background:url('http://www.carriedahldesign.com/demo/clouddancer/images/book-3.jpg') no-repeat 110px 30px;}

.left {float: left;}
img.left{margin-right: 10px;}
.right {float: right;}
img.right{margin-left: 10px;}
p{margin: 0px 0px 8px 0px;}
.clear{clear: both;}
.border{border: 1px solid #666666;}
.last{margin-bottom: 10px;}
form{margin: 0px 0px 8px 0px;}
.small{font: normal 11px Arial, Helvetica, sans-serif; color: #006600;}

.greyBGpadded{
background: #e2e2e2;
padding: 5px;
border: 1px solid #999999;
}

input:focus
{
color: #ffffff;
}

.padding{
padding: 0px 15px 0px 15px;}

.fullpadding{
padding: 12px;}

#googleads{
font: normal 12px Arial, Helvetica, sans-serif;
width: 175px;
float: left;
overflow: hidden;
margin-top: 15px;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}