﻿/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				{
	margin: 0px;
	padding: 0px;

}
#body1				{
	font: 15px Cambria, Serif;
	background-image: url(images/oct07%20025.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
#body2				{
	font: 15px Cambria, Serif;
	background-image: url(images/P1040884.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}



h1					{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666633;
	letter-spacing: 5px;
	text-align: justify;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 4px;
	text-align: right;
	float: right;
	width: 400px;
	padding: 10px;
}

.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 4px;
	text-align: right;
	float: right;
	width: 700px;
	padding: 10px;
}


#page-wrap			{
	width: 675px;
	margin: 30px auto;
	border: 1px solid #D2B6B5;
	padding: 30px;
	min-height: 600px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background-attachment: fixed;
	background-image: url(images/P1040884.jpg);
	background-repeat: no-repeat;
}
#page-wrap1			{
	width: 675px;
	margin: 30px auto;
	border: 1px solid #D2B6B5;
	padding: 30px;
	min-height: 600px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background-attachment: fixed;
	background-image: url(images/oct07%20025.JPG);
	background-repeat: no-repeat;
}

#logo			{
	width: 170px;
	padding: 10px;
	float: right;
	height: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	letter-spacing: 10px;
	text-align: inherit;
	position: absolute;
	top: 393px;
	right: 819px;
}

#logo1			{
	width: 170px;
	padding: 10px;
	float: right;
	height: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	letter-spacing: 10px;
	text-align: inherit;
	position: absolute;
	top: 304px;
	right: 176px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333300;
	text-decoration: none;
	letter-spacing: 5px;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	letter-spacing: 5px;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
	letter-spacing: 5px;
}
#box1  {
	float: right;
	position: inherit;
	padding: 2px;
	margin: 2px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C6BCBA;
	border-right-color: #C6BCBA;
	border-bottom-color: #C6BCBA;
	border-left-color: #C6BCBA;
}
#box2   {
	float: right;
	position: inherit;
	margin: 2px;
	padding: 2px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C6BCBA;
	border-right-color: #C6BCBA;
	border-bottom-color: #C6BCBA;
	border-left-color: #C6BCBA;
}

#box3   {
	float: right;
	position: inherit;
	margin: 2px;
	padding: 2px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C6BCBA;
	border-right-color: #C6BCBA;
	border-bottom-color: #C6BCBA;
	border-left-color: #C6BCBA;
}
#box4   {
	float: right;
	position: inherit;
	margin: 2px;
	padding: 2px;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C6BCBA;
	border-right-color: #C6BCBA;
	border-bottom-color: #C6BCBA;
	border-left-color: #C6BCBA;
}

#box5   {
	float: right;
	position: inherit;
	margin: 2px;
	padding: 2px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C6BCBA;
	border-right-color: #C6BCBA;
	border-bottom-color: #C6BCBA;
	border-left-color: #C6BCBA;
}

.clear {
  clear: left;
}

.left1 {
	float: left;
	width: 120px;
	height: 95px;
	border: 1px solid;
	text-align: center;
	position: absolute;
	top: 360px;
	right: 876px;
}

.imgpopup{
	position: relative;
	z-index: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #102947;
	letter-spacing: 4px;
	text-align: right;
}

/* The large image is hidden */
.imgpopup span{
	position: absolute;
	padding: 2px;
	background-color: transparent;
	color: #000000;
	border: 1px solid #000000;
	visibility: hidden;
	text-decoration: none;
}

/* Required for IE to display popup */
.link:hover{
  background-color: transparent;
  z-index: 1;
}

.link:hover span{ 
  visibility: visible;
  top: 0px;
  left: 125px; 
}
