
*				{
				padding: 0px;
				margin: 0px;
				}

body				{
				background-color: #69805D;
				background-image: url("images/bg-page.gif");
				background-repeat: repeat-x;
				font-family: verdana, arial, sans-serif;
				}
div.pageArea			{
				display: block;
				width: 744px;
				padding: 0px 0px 0px 0px;
				margin: 10px auto 30px auto;
				background-color: #fff;
				background-image: url("images/bg-weave.jpg");
				background-repeat: no-repeat;
				background-position: bottom left;
				border: 8px solid #726475;
				}

div.logoArea			{
				display: block;
				background-color: transparent;
				background-image: url("images/bg-top.jpg");
				background-repeat: no-repeat;
				height: 140px;
				}
div.logoArea img		{
				display: block;
				float: right;
				margin: 14px 0px 0px 0px;
				}

div.navArea			{
				display: block;
				clear: both;
				width: 742px;
				margin: 0px 0px 0px 0px;
				border-top: 2px solid #fff;
				border-left: 2px solid #fff;
				}
div.navArea li			{
				display: block;
				width: 148px;
				float: left;
				font-size: 11px;
				text-transform: uppercase;
				}
div.navArea li.homeButton	{
				width: 150px;
				}
div.navArea a			{
				display: block;
				background-color: #726475;
				color: #E8E8E9;
				border-right: 2px solid #fff;
				text-align: center;
				text-decoration: none;
				padding: 2px 0px 2px 0px;
				}
div.navArea a:hover		{
				background-color: #BEDEAD;
				color: #726475;
				font-weight: bold;
				text-decoration: none;
				}

#photographs .photographs, #comments .comments, #contact .contact, #design .design
				{
				background-color: #BEDEAD;
				color: #726475;
				font-weight: bold;
				}


div.leftCol			{
				display: block;
				background-color: transparent;
				width: 277px;
				color: #55654D;
				font-size: 0.75em;
				margin: 30px 0px 20px 0px;
				padding: 0px 0px 0px 30px;
				line-height: 1.55em;
				float: left;
				}
div.leftCol h1			{
				font-size: 1.4em;
				font-weight: normal;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				}
div.leftCol h2			{
				font-size: 1.2em;
				font-weight: bold;
				margin: 0px 0px 0.7em 0px;
				padding: 0px 0px 0px 0px;
				}
div.leftCol ul 			{
				list-style-type: none;
				}
div.leftCol li 			{
				padding: 0px 0px 10px 0px;
				}

div.homeContent			{
				padding-right: 30px;
				}
div.photoArea			{
				display: block;
				width: 385px;
				float: right;
				margin: 30px 0px 0px 0px;
				border: 1px solid #726475;
				}
div.designArea			{
				display: block;
				width: 385px;
				float: right;
				margin: 0px 0px 20px 20px;
				border: 1px solid #726475;
				}
div.contactsArea		{
				display: block;
				background-color: #E8E8E9;
				width: 362px;
				float: right;
				padding: 15px 10px 15px 15px;
				margin: 30px 0px 0px 0px;
				color: #55654D;
				font-size: 0.75em;
				line-height: 1.55em
				}
div.contactsArea h1		{
				font-size: 1.4em;
				font-weight: normal;
				padding: 0px 0px 0.4em 0px;
				margin: 0px 0px 0px 0px;
				}

div.quotesArea			{
				display: block;
				background-color: transparent;
				clear: both;
				padding: 8px 10px 15px 15px;
				margin: 0px 0px 20px 0px;
				color: #55654D;
				border: 3px solid #BDDDAC;
				}
div.quotesArea h1		{
				font-size: 1.4em;
				font-weight: normal;
				padding: 0px 0px 0.4em 0px;
				margin: 0px 0px 0px 0px;
				}

div.thumbnailArea		{
				display: block;
				background-color: transform;
				width: 171px;
				float: left;
				text-align: center;
				margin: 0px 0px 22px 0px;
				}
div.thumbnailArea img		{
				border: 1px solid #726475;
				}



div.paginationBox		{
				display: inline;
				float: left;
				width: 665px;
				border: 1px solid #D1D1D1;
				padding: 1px 10px 1px 10px;
				margin: 0px 0px 2em 0px;
				font-size: 0.8em;
				}
div.paginationBox a.next	{
				display: inline;
				float: right;
				width: 12em;
				text-align: right;
				}
div.paginationBox a.previous	{
				display: inline;
				float: right;
				width: 200px;
				text-align: right;
				}

div.textArea			{
				display: block;
				background-color: transparent;
				margin: 30px 30px 20px 30px;
				color: #55654D;
				font-size: 0.75em;
				line-height: 1.55em;
				clear: left;
				}

div.textArea h1			{
				display: block;
				font-size: 1.8em;
				font-weight: normal;
				margin: 0px 0px 1.2em 0px;
				}
div.textArea h2			{
				display: block;
				font-size: 1.5em;
				font-weight: normal;
				margin: 1.2em 0px 0.75em 0px;
				}
div.textArea h3			{
				display: block;
				font-size: 1.2em;
				font-weight: bold;
				margin: 0em 0px 0.1em 0px;
				}

div.clear				{
					display: block;
					clear: both;
					font-size: 0px;
					height: 0px;
					}

img.imageLeft			{
				display: block;
				width: 489px;
				height: 293px;
				float: left;
				border: 1px solid #726475;
				margin: 0px 0px 30px 0px;
				}
img.imageRight			{
				display: block;
				width: 489px;
				height: 293px;
				float: right;
				border: 1px solid #726475;
				margin: 0px 0px 30px 0px;
				}
img.rightAlign			{
				display: block;
				float: right;
				border: 1px solid #726475;
				margin: 0px 0px 15px 15px;
				}

div.footerText			{
				display: block;
				font-size: 0.6em;
				margin: 1.2em 0px 1em 5px;
				color: #848484;
				}

p				{
				padding: 0px 0px 1.4em 0px;
				}

a				{
				color: #773D92;
				text-decoration: none;
				}
a:hover				{
				color: #BC6BE2;
				text-decoration: underline;
				}

div.clear			{
				display: block;
				background-color: transparent;
				font-size: 1px;
				clear: both;
				}

.smallText			{
				font-size: 0.8em;
				}














