*
{
margin: 0;
padding: 0;
}

body
{
font-family: georgia, verdana, arial, sans-serif;
font-size: 1em;
}

h2
{
	font-family: Bookman Old Style, inherit;
	color: #006699;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 12px;
}

h1
{
	font-family: Bookman Old Style, inherit;
	color: #006699;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 12px;
}

a
{
color: #eb5d5c;
font-weight: bold;
text-decoration: none;
}

a img
{
border: none;
}

p a:hover	
{
text-decoration: underline;
}

p
{
color: #575757;
font-size: .7em;
line-height: 1.4em;
}

li
{
list-style-type: none;
}

#container
{
width: 900px;
margin: 0 auto;
}

#titleMain
{
width: 893px;
position: absolute;    
top: 15px;
}

#content
{
background: url('../images/content-bg.jpg') no-repeat top left;
margin-top: 120px;
width: 900px;
height: 523px;
position: relative;
overflow: hidden;
}

#disclaimer
{
width: 900px;
text-align: center;
margin-top: 4px;
}

/* ------- */
/* Nav bar */

#nav
{
	position: absolute;
	bottom: 17px;
	left: 22px;
	color: #000000;
}

#nav li
{
	float: left;
	color: #000000;
}

#nav a
{
	display: block;
	padding-right: 15px;
	color: #FFFFFF;
	font-family: Bookman Old Style, inherit;
	font-weight: normal;
	font-size: 15px;
}

#nav a:hover
{
	color: #0000FF;
}

/* Nav active states */
#designsCards #nav #linkDesigns
{
	color: #FF0000;
}


#designsArt #nav #linkDesigns
{
}


#designsHome #nav #linkDesigns
{
}


#prices #nav #linkPrices
{
	color: #FF0000;
}


#friends #nav #linkFriends
{
	color: #FF0000;
}


#about #nav #linkAbout
{
	color: #FF0000;
}


#home #nav #linkHome
{
	color: #FFFFFF;
}


/* --------------- */
/* HOMEPAGE LAYOUT */

body#home #contentLeft
{
position: absolute;
width: 402px;
height: 192px;
top: 135px;
left: 30px;
}

	body#home #contentLeft #homeTextBg
	{
	position: absolute;
	top: 0;
	left: 0;
	}

	body#home #contentLeft .contentwithPNGbg
	{
	position: absolute;
	top: 23px;
	left: 24px;
	width: 360px;
	height: 160px;
	}

body#home #contentRight
{
float: right;
height: 523px;
width: 470px;
position: relative;
}

	body#home #contentRight img
	{
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	}

	body#home #contentRight .active
	{
	display: block;
	}

/* Home content */
/* ------------ */


/* -------------------- */
/* Designs home content */

body#designsHome #contentLeft
{
position: absolute;
width: 672px;
height: 269px;
top: 85px;
left: 112px;
}


	body#designsHome #contentLeft #designHomeTextBg
	{
	position: absolute;
	top: 0;
	left: 0;
	}

	body#designsHome #contentLeft .contentwithPNGbg
	{
	position: absolute;
	top: 25px;
	left: 40px;
	width: 600px;
	height: 160px;
	}	
	
	body#designsHome #contentLeft .contentwithPNGbg #designLinks
	{
	overflow: hidden;
	}
	
		body#designsHome #contentLeft .contentwithPNGbg #designLinks a
		{
	color: #000000;
	display: block;
	width: 87px;
	height: 106px;
	float: left;
	margin: 5px 30px 0 0;
}
		
		body#designsHome #contentLeft .contentwithPNGbg #designLinks a#linkCards
		{
		background: url('../images/link-card-autumn.jpg') no-repeat top left;
		background-position: 0 19px;
		}
		
		body#designsHome #contentLeft .contentwithPNGbg #designLinks a#linkArt
		{
		background: url('../images/link-art-wedding.jpg') no-repeat top left;
		background-position: 0 19px;
		}
		
		body#designsHome #contentLeft .contentwithPNGbg #designLinks a#linkArt:hover
		{
		color: #eb5d5c;
		background-position: -87px 19px;
		}

	
		body#designsHome #contentLeft .contentwithPNGbg #designLinks a#linkCards:hover
		{
		color: #eb5d5c;
		background-position: -87px 19px;
		}

	
body#designsHome #contentRight
{
float: right;
height: 523px;
width: 470px;
position: relative;
}

	body#designsHome #contentRight img
	{
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	}

	body#designsHome #contentRight .active
	{
	display: block;
	}


/* ----------------------- */	
/* Design art layouts page */


body#designsArt #contentLeft
{
position: absolute;
width: 435px;
height: 235px;
top: 30px;
left: 30px;
}

	body#designsArt #contentLeft #designHomeTextBg
	{
	position: absolute;
	top: 0;
	left: 0;
	}

	body#designsArt	#contentLeft .contentwithPNGbg
	{
	position: absolute;
	top: 23px;
	left: 30px;
	width: 366px;
	height: 160px;
	}

	body#designsArt	#contentLeft .contentwithPNGbg p
	{
	padding-bottom: 10px;
	}		

	body#designsArt #thumbnails 
	{
		position : absolute;
		bottom: 115px;
		width: 420px;
		left: 50px;
		overflow: hidden;
	}
	
	body#designsArt #thumbnails a
	{
		margin-right: 5px;
		margin-bottom: 10px;
		width: 60px;
		height: 60px;
		display: block;
		float: left;
	}
	
	body#designsArt #thumbnails a img
	{
		border: 0;
	}
	
	body#designsArt #contentRight
{
float: right;
height: 383px;
width: 383px;
position: relative;
}

	body#designsArt #contentRight img
	{
	display: none;
	position: absolute;
	top: 10px;
	right: 20px;
	}

	body#designsArt #contentRight .active
	{
	display: block;
	}
	

/* ------------------------- */	
/* Design cards layouts page */
	
#designsCards #contentLeft
{
position: absolute;
width: 435px;
top: 30px;
left: 30px;
}
	
	body#designsCards #contentLeft #designHomeTextBg
	{
	position: absolute;
	top: 0;
	left: 0;
	}

	body#designsCards #contentLeft .contentwithPNGbg
	{
	position: absolute;
	top: 23px;
	left: 30px;
	width: 366px;
	height: 160px;
	}

	body#designsCards #contentLeft .contentwithPNGbg p
	{
	padding-bottom: 10px;
	}
	
	body#designsCards #contentRight
	{
	width: 445px;
	height: 523px;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	}

#featureNav
{
width: 420px;
position: absolute;
top: 240px;
left: 30px;
overflow: hidden;
}

.infoItem
{
display: none;
}

#featureNav ul
{
overflow: hidden;
}

#featureNav li
{
float: left;
}

#featureNav a
{
display: block;
width: 60px;
height: 60px;
border: 1px solid #7a7a7a;
margin-right: 13px;
margin-bottom: 7px;
}

#featureNav a:hover
{
border: 1px solid #fff;
}

#features
{
width: 445px;
height: 523px;
display: block;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
	
/* ------------- */
/* About Content */

body#about #contentBox
{
width: 609px;
height: 271px;
position: absolute;
top: 70px;
left: 140px;
}

	body#about #contentBox #aboutTextBg
	{
	position: absolute;
	top: 0;
	left: 0;
	}

	body#about #contentBox .contentwithPNGbg
	{
	position: absolute;
	top: 30px;
	left: 50px;
	width: 559px;
	height: 221px;
}
	
		body#about #contentBox #laraPortrait
		{
		float: left;
		}
	
		body#about #contentBox #aboutText
		{
		float: left;
		width: 385px;
		padding-left: 25px;
		}
		
			body#about #contentBox #aboutText p
			{
			padding-bottom: 22px;
			}

			
/* ------------ */			
/* Friends page */
			
#friends #friendsContent
{
position: absolute;
width: 743px;
height: 317px;
top: 65px;
left: 75px;
}

	#friends #friendsContent #friendsTextBg
	{
	position: absolute;
	top: 0;
	left: 0;
	}
	
	#friends #friendsContent .contentwithPNGbg
	{
	position: absolute;
	top: 28px;
	left: 30px;
	}

		#friends #friendsContent .contentwithPNGbg .rebecca
		{
		width: 465px;
		overflow: hidden;
		clear: both;
		margin: 0 auto;
		}
	
		#friends #friendsContent .contentwithPNGbg .rebecca .majorLinkImage
		{
			float: left;
			width: 150px;
			height: 76px;
			padding: 5px 15px 0 0;
		}	

		#friends #friendsContent .contentwithPNGbg .rebecca .majorLinkDetails
		{
		float: left;
		width: 300px;
		}

		#friends #friendsContent .contentwithPNGbg .rebecca .majorLinkDetails h2
		{ 
		margin-bottom: 5px;
		}
		
		#friends #friendsContent .contentwithPNGbg  #suppliersList 
		{
		margin: 15px 0 10px 0;
		}
		
		#friends #friendsContent .contentwithPNGbg  #suppliersList .floatLeft
		{
			float: left;
		}
		
		#friends #friendsContent .contentwithPNGbg  #suppliersList #supplierCol1
		{
		width: 218px;
		padding: 0 10px 0 10px;
		}
		
		#friends #friendsContent .contentwithPNGbg  #suppliersList #supplierCol2
		{
		width: 168px;
		padding: 0 10px 0 10px;
		}
		
		#friends #friendsContent .contentwithPNGbg  #suppliersList #supplierCol3
		{
		width: 229px;
		padding: 0 10px 0 10px;
		}
		
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkKandco
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkAmerican
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkBasic
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkPink
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkOctober
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkBazzill
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg #suppliersList a#linkPrima
			{
			display: block;
			margin-bottom: 10px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkPrima
			{
			background: url('../images/logo-primamarketing.gif') no-repeat top left;
			width: 221px;
			height: 43px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkBazzill
			{
			width: 218px;
			height: 27px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkOctober
			{
			width: 218px;
			height: 36px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkPink
			{
			width: 168px;
			height: 50px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkBasic
			{
			width: 163px;
			height: 34px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkAmerican
			{
			width: 229px;
			height: 41px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList a#linkKandco
			{
			width: 169px;
			height: 31px;
			}
			
			#friends #friendsContent .contentwithPNGbg  #suppliersList span
			{
			display: none;
			}

				#friends a#linkPrima
				{
					
					height: 39px;
				}	

				#friends a#linkBazzill
				{
					background: url('../images/logo-bazzillbasics.gif') no-repeat top left;
					height: 27px;
				}	
					
				#friends a#linkOctober
				{
					background: url('../images/logo-octoberafternoon.gif') no-repeat top left;
					height: 36px;
				}	

				#friends a#linkAmerican
				{
					background: url('../images/logo-americancrafts.gif') no-repeat top left;
					height: 31px;
				}	

				#friends a#linkPink
				{
					background: url('../images/logo-pinkpaislee.gif') no-repeat top left;
					height: 44px;
				}	

				#friends a#linkBasic
				{
					background: url('../images/logo-basicgrey.gif') no-repeat top left;
					height: 34px;
				}

				#friends a#linkKandco
				{
					background: url('../images/logo-kandco.gif') no-repeat top left;
					height: 30px;
				}
				
				#friends #clickPrompt
				{
				clear: both;
				width: 100%;
				text-align: center;	
				}
				

/* ------------------ */
/* Prices page layout */

#prices #pricesContent
{
position: absolute;
top: 65px;
left: 75px;
width: 743px;
height: 317px;
}

#prices .contentwithPNGbg
{
position: absolute;
top: 25px;
left: 30px;
}

#prices .floatLeft
{
float: left;
width: 330px;
padding-right: 20px;
}

#prices .floatLeft p
{
padding-bottom: 12px;
}