.left {
	float: left;
}
.right {
	float: right;	
}

.block {
	display: block;	
}

/*************************************************************************
 *
 *	---   MAIN LAYOUT ELEMENTS   ---
 *
 */
 
#container {
	background: url('../images/shared/borderbgrepeat.gif') repeat-y center top;	
	width: 762px;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
}
 
 
#bodyContainer {
	background-color: #A4E2D7;
	width: 750px;
	height: auto;
	margin-left: 6px;
	margin-right: 6;
	margin-top: 0;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #a4e2d7;
}

#bodyContainer {
 min-height: 560px;
 height:auto !important;
 height:560px;
}

#staticbg {
	position: absolute;
	width: 750px;
	height: 300px;
	float: left;
}

#content {
	z-index: 10;
	width:750px;
}

#bodyLeft, #bodyLeftWide {
	margin-left: 0px;
	width: 20px;
	float: left;
	z-index: 8;
}

#bodyLeft {
	overflow: hidden;
	margin-top: -185px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	margin-top: -185px;	
}
html>body #bodyLeft {
	overflow: visible;
  	margin-top: -190px;
} 

#bodyLeftWide {
  	margin-top: 10px;
  	margin-left: 10px;
} 


#leftExtend {
	position: relative;
	margin-top: 0;
	margin-left: 10px;
	margin-right: -210px;
	z-index: 9;
	width: 10px;
}

#topstretch {
	z-index: 10;
	position: relative;
	width:750px;
	float: right;
}


#contentstretch {
	z-index: 10;
	position: relative;
	width:750px;
	float: right;	
	top: 0;	
}


#header {
	width: 750px;
	height: 190px;
	margin: 0 auto;
}


#footer {
	position: relative;
	margin: 0 auto;
	width: 762px;
	height: 155px;
	text-align:center;
	background:white;
}
#footer EMBED,
#footer OBJECT {
	margin:0 auto;
}


/*************************************************************************
 *
 *	---   STATIC BACKGROUND ELEMENTS   ---
 *
 */

#lake {
	float: left;
	width: 384px;
	height: 155px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/main/lake.png');	
}
#lake[id] {
	background:url("../images/main/lake.png") no-repeat center bottom;
}

#cloudsbg {
	z-index: 1;
	margin: 0px;
	margin-top: -156px;
	float: right;
	width: 726px;
	height: 545px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/main/cloudsbg.png');	
}
#cloudsbg[id] {
	background:url("../images/main/cloudsbg.png") no-repeat center bottom;
}


/*************************************************************************
 *
 *	---   SEARCH BOX   ---
 *
 */
 

#search {
	z-index: 10;
	position: relative;
	width:394px;
	display: block;
	float: right;
}

#searchtop {
	width: 394px;
	height: 24px;
	position: relative;
	overflow: hidden;
	top: 0px;
	display: block;
	float: right;
	background:url(../images/shared/blank.gif) no-repeat center top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main/searchtop.png', sizingMethod='scale');
}
#searchtop[id] { background:url("../images/main/searchtop.png") no-repeat center bottom; }

#searchstretch {
	position: relative;
	float: right;
	width: 331px;
	display: block;
	background-image:url(../images/shared/blank.gif);
	background-repeat: repeat-y;
	background-position: 100% 100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/main/searchstretch.png');
	margin-top: -19px;
}
#searchstretch[id] { background-image:url(../images/main/searchstretch.png) ; }	

#searchcontent {
	color: #fff;
	width: 279px;
	position: relative;
	padding: 0px 20px 0px 30px;
	left: 0px;
	display: block;
	float: right;
	z-index: 110;
	overflow: hidden;
}

#searchbottom {
	width: 394px;
	height: 175px;
	margin-top: -148px;
	z-index: 10;
	float: left;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/main/searchbottom.png');	
}
#searchbottom[id] { background:url("../images/main/searchbottom.png") no-repeat center bottom; }



/*************************************************************************
 *
 *	---  CLOUDS   ---
 *
 */
 
/* shared elements */

#clouds {
	display: block;
	float: right;
	width: 690px;
	margin-top: -100px;
	z-index: 1;

}

#cloudstop {
	position: relative;
	top: 0px;
	float: right;
	z-index: 1;
	width: 500px;
	height: 84px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/clouds/narrowtop.png');	
}
#cloudstop[id] {
	background:url("../images/clouds/narrowtop.png") no-repeat center bottom;
}

#narrowcloudsside, #widecloudsside{
	position: relative;
	z-index: 2;
	display: block;
	float: right;
	width: 590px;
	background: #00f;
	background:url("../images/clouds/narrowside.gif") repeat-y bottom left;
}
#narrowcloudsside[id], #widecloudsside[id] {
	background:url("../images/clouds/narrowside.png") repeat-y bottom left;	
}

#narrowcloudsside { width: 590px; margin-top: -99px;}
#widecloudsside { width: 689px; margin-top: -204px;}

#narrowcontent, #widecontent {
	position: relative;
	float: right;
	background: #fff;
	z-index: 3;
}
#narrowcontent { 
	width: 450px; 
	padding: 20px 10px 20px 40px;	
}


#widecontent {	 
	width: 584px; 
	padding: 20px 10px 20px 5px;	
}

/* narrow elements */
#narrowcloudstopcorner {
	position: relative;
	z-index: 2;
	top: 20px;
	left: 10px;
	float: right;
	width: 165px;
	height: 183px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/clouds/narrowtopcorner.png');	
}
#narrowcloudstopcorner[id] { background:url("../images/clouds/narrowtopcorner.png") no-repeat center bottom; }

#narrowcloudsbottom {
	position: relative;
	float: right;
	width: 500px;
	height: 65px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/clouds/narrowbottom.png');	
}
#narrowcloudsbottom[id] { background:url("../images/clouds/narrowbottom.png") no-repeat center bottom; }

/* wide elements */
#widecloudstopcorner {
	position: relative;
	z-index: 2;
	top: -80px;
	left: 0px;
	float: left;
	width: 276px;
	height: 204px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/clouds/widetopcorner.png');	
}
#widecloudstopcorner[id] { background:url("../images/clouds/widetopcorner.png") no-repeat center bottom; }

#widecloudsbottom {
	position: relative;
	float: right;
	width: 599px;
	height: 65px;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/clouds/widebottom.png');	
}
#widecloudsbottom[id] { background:url("../images/clouds/widebottom.png") no-repeat center bottom; }


#xtraCloud {
	width: 119px;
	height: 139px;
	position: relative;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/clouds/narrowxtra.png');	
}
#xtraCloud[id] { background:url("../images/clouds/narrowxtra.png") no-repeat center bottom; }
			


/*************************************************************************
 *
 *	---   CONTENT COLUMNS   ---
 *
 */
 
.homeNarrowCol{
	width: 127px;
	float: left;

}


.homeWideCol{
	width: 180px;
	float: left;
}

.extraWideCol {
	width: 330px;
	padding-right: 10px;
	z-index: 2;
	overflow: hidden;
  	position: relative;	
}

.wideCol {
	float: left;
	padding-right: 10px;
	overflow: hidden;
	width: 260px;
	voice-family: "\"}\""; 
  	voice-family:inherit;	
  	width: 260px;
  	z-index: 2;
  	position: relative;
}
html>body .wideCol {
  	width: 280px;
} 

.narrowCol {
	width: 137px;
	float: left;
	padding-right: 10px;
	overflow: hidden;
	z-index: 2;
  	position: relative;
}


.mediumCol {
	width: 200px;
	padding-right: 10px;
	z-index: 200;
	overflow: hidden;
	z-index: 2;
  	position: relative;
}


.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.pictitle {
	width: 583px;
	float: left;
}

.poettitle {
	margin-top: 50px;
	width: 400px;
	display: block;
	float: left;	
}

.pictitleNarrow {
	width: 450px;
	float: left;
}

.poettitleNarrow {
	margin-top: 50px;
	width: 200px;
	height: 48px;
	display: block;
	float: left;	
}

/*************************************************************************
 *
 *	---   CHARACTERS   ---
 *
 */

.character-dav,
.character-james,
.character-marco,
.character-modestos,
.character-stephen,
.character-tim {
	float: left;
	display: block;
	position: relative;
	margin-left: 30px;
	margin-top: -300px;
	z-index: 100;
	background:url("../images/shared/blank.gif") no-repeat center bottom;
}

.character-dav {
	width: 80px;
	height: 54px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/dav.png');
}
.character-dav[class] {
	background:url("../images/characters/dav.png") no-repeat center bottom;
}

.character-james {
	width: 74px;
	height: 79px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/james.png');	
}
.character-james[class] {
	background:url("../images/characters/james.png") no-repeat center bottom;
}

.character-marco {
	width: 36px;
	height: 47px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/marco.png');	
}
.character-marco[class] {
	background:url("../images/characters/marco.png") no-repeat center bottom;
}

.character-modestos {
	width: 62px;
	height: 50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/modestos.png');	
}
.character-modestos[class] {
	background:url("../images/characters/modestos.png") no-repeat center bottom;
}

.character-pete {
	width: 89px;
	height: 60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/pete.png');
}
.character-pete[class] {
	background:url("../images/characters/pete.png") no-repeat center bottom;
}

.character-stephen {
	width: 44px;
	height: 74px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/stephen.png');
}
.character-stephen[class] {
	background:url("../images/characters/stephen.png") no-repeat center bottom;
}

.character-tim {
	width: 65px;
	height: 54px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/tim.png');	
}
.character-tim[class] {
	background:url("../images/characters/tim.png") no-repeat center bottom;
}


.character-ben {
	width: 204px;
	height: 180px;
	margin-left: 10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/characters/ben.png');	
}
.character-ben[class] {
	background:url("../images/characters/ben.png") no-repeat center bottom;
}

.character-ben H1 IMG {
	margin-left: 40px;
	margin-top: 60px;	
}


.character-preblob-left,
.character-preblob-right,
.character-preblob-narrow-right {
	position:relative;
	clear:both;
	z-index:101
}
.character-preblob-left DIV,
.character-preblob-right DIV {
	position:absolute;
	margin:0;
}
.character-preblob-left DIV {
	top:-18px;
	left:8px;
}
.character-preblob-right DIV {
	top:12px;
	left:235px;
}

.character-preblob-narrow-right DIV {
	margin-top:52px;
	left:135px;
}





/*************************************************************************
 *
 *	---   PICTURE FRAMES   ---
 *
 */
 
/* blue frame 1 */
.picframeblue1 {
	float: left;
	width: 126px;
	height: 119px;
	margin-top: 5px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/blue1.png');	
}
.picframeblue1[class] { background:url("../images/pictureframes/blue1.png") no-repeat left bottom; }

.blue1 img {
	float: left;
	display: block;
	padding-left: 25px;
	margin-top: -96px;
	padding-bottom: 15px;
}

/* blue frame 2 */
.picframeblue2 {
	width: 131px;
	height: 117px;
	margin-top: 5px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/blue2.png');	
}
.picframeblue2[class] { background:url("../images/pictureframes/blue2.png") no-repeat left bottom; }

a.blue2 img {
	margin-left: 25px;
	margin-top: -95px;
	margin-bottom: 25px;
	display: block;
}
/* yellow 1 */
.poetpicyellow1 {
	width: 120px;
	display: block;
}
.picframeyellow1 {
	width: 120px;
	height: 124px;
	margin-top: 5px;
	margin-bottom: 6px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/yellow1.png');	
}
.picframeyellow1[class] { background:url("../images/pictureframes/yellow1.png") no-repeat left bottom; }

a.yellow1 img {
	margin-left: 22px;
	margin-top: -108px;	
	padding-bottom: 30px;
	display: block;
}

/* yellow 2 */
.poetpicyellow2 {
	width: 120px;
	display: block;
}
.picframeyellow2 {
	width: 123px;
	height: 130px;
	margin-top: 5px;
	margin-bottom: 6px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/yellow2.png');	
}
.picframeyellow2[class] { background:url("../images/pictureframes/yellow2.png") no-repeat left bottom; }

a.yellow2 img {
	margin-left: 22px;
	margin-top: -109px;	
	margin-bottom: 30px;
	display: block;
}


/* pink 1 */
.poetpicpink1 {
	width: 127px;
	display: block;
}
.picframepink1 {
	width: 127px;
	height: 131px;
	margin-top: 5px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/pink1.png');	
}
.picframepink1[class] { background:url("../images/pictureframes/pink1.png") no-repeat left bottom; }

a.pink1 img  {
	margin-left: 21px;
	margin-top: -103px;
	padding-bottom: 30px;
	display: block;
}

/* pink 2 */
.poetpicpink2 {
	float: left;
	width: 120px;
	display: block;
}
.picframepink2 {
	display: block;
	width: 120px;
	height: 124px;
	margin-top: 20px;
	padding: 0px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/pink2.png');	
}
.picframepink2[class] { background:url("../images/pictureframes/pink2.png") no-repeat left bottom; }

a.pink2 IMG {
	display: block;
	margin-left: 21px;
	margin-top: -105px;
	margin-bottom: 40px;
}

/* purple frame */

.poetpicpurple {
	float: left;
	width: 120px;
	display: block;	
}	

.picframepurple {
	width: 120px;
	height: 124px;
	margin-top: 50px;
	background:url("../images/shared/blank.gif") no-repeat left bottom;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/pictureframes/purple.png');	
}
.picframepurple[class] { background:url("../images/pictureframes/purple.png") no-repeat left bottom; }

a.purple img  {
	margin-left: 21px;
	margin-top: -100px;
	margin-bottom: 30px;
	display: block;
}


.framedface {
	background:black no-repeat left top;
	width:155px;
}
.framedface DIV {
	background:transparent no-repeat left top;
	height:155px;
}

/*************************************************************************
 *
 *	---   TITLE BLOBS   ---
 *
 */

.titleBlobWideContent IMG {
	margin: 14px 30px 10px 19px;
	float: left;
}

.titleBlobWideContent DIV {
	margin-top: 20px;
	float: left;
}

.titleBlobContentContent DIV {
	margin-top: 20px;
	float: left;
}


 
/*************************************************************************
 *
 *	---   SEARCH RESULTS   ---
 *
 */ 

.poetresult {
	width: 271px;
	height: 83px;
	overflow: hidden;
	background: url('../images/ie55/blobs/titleblob_search.gif') no-repeat top left;	
}
 
.poetresultsgrid .poetresult {
	float:left;
	display:inline;
	margin-bottom:20px;
}
.poetresultsgrid .first {
	overflow:hidden;
	margin-right:10px;
}


.poetresultsgrid IMG{
	margin-top: 7px;
	padding-left: 20px;
}

.content {
	width: 160px;
	float: left;
	margin-top: 14px;
	margin-left: 15px;
}

.poetresultsgrid {
	width: 562px;
}
 
.purchase {
	width: 160px;
	height: 50px;
	float: left;	
	margin-left: 0px;
	overflow: hidden;
}