/*sstyle sheet for flash page */


html, body { min-height:101%; margin-bottom:1px; }/*sets a min height so ghost scrollbar appears when needed */

body {
	margin:0; /*sets the body margins to zero */
	padding:0;/*zero off any padding */
	color:#000033; /*sets the background color, image and repeats the image on  x  */
	font-family: Verdana, Sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 135%;
	font-weight: normal;
	font-variant: normal;
	background-image: url(../images/body_backgroundflash.png);
	background-repeat: repeat-x;
	background-color: #000033;
	}

#page {
	width: 790px; /*sets the page div width */
	margin: 0 auto;/* centers the overall design, all design elements are placed within page div */
}
#bottombuttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 280px;
}

/*below are the two divs that hold the header image */
#header{
	height: 214px;/*note the height value is the same as the bg image height as in #bottomlogo */

	width: 790px;
}



/*footer styles*/


#footer {
	font-size:8pt;
	background-color: #E2E2E2;
	background-image: url(../images/footer.png);
	height: 40px;
	clear: both;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }

#footer p {
	padding: 10px;

}

/*footer link styles*/
#footer a {
	color:#CCCCCC;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color:#FEBD3D;
	text-decoration: none;
  }

/*below are the styles created for the gallery pages such as portrait.html where are thumbnail image's display */

    #thumbsleft {
	font-size:90%;
	width: 135px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
 } 
  
  #thumbsleft a{
	color:#CCC;
	display:block; /* a element is clickable in whole acting like a button */
	border:solid 1px #fff;
	height:1%;
	text-decoration: none;
	background-color: #000033;
	font-size: 80%;
	padding: 2px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}


  #thumbsleft a:hover{
	display:block;
	color: #2B1A0C;
	background-color: #3366FF;
}

   #thumbs {
	line-height:140%;
	width: 647px;
    margin-left:140px;
 
  }
  
 #leftthumbs {
	width: 190px;
	margin: 40px 0;
	float: left;
}

  
.gallery {
  float:right;
  margin:6px;
  padding:0;
  list-style:none; 
  }

.gallery li{
  display:block;
  float:left;
  margin:10px;
  padding:0;
  }
/*below does not work in IE6-*/  
img {
border:none;
}
img:hover {
opacity:0.4;
}


/*link styles*/
a{
	color: #F9AD02;/*font colour for links*/
	text-decoration: none;/*removes the underline*/
}
a:visited{
	color: #898A48;/*font color for visited state of links*/
}
a:hover{
	color: #333;/*font color for hover state of links*/
}
a:active{
	color: #ccc;/*font color for active state of links*/

}


img {border: none; }/*zeros any border from our images*/
#sendinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 80%;
}

  .qua1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCFF;
	font-style: normal;
}


#nextpage {
	width: 100px;
	float:right;
	color: #6699FF;
	text-align: center;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0;
  }
#nextpage a{
	color:#FFF;
	display:block; /*makes whole area clickable, this makes the link look and act like a button*/
	border:solid 1px #FFF;
	height:1%;
	margin: 3px;
	font-size: 70%;
	padding-left: 3px;
}
#nextpage a:hover{
	display:block;
	border:solid 1px #fff;
	background-color: #FF9900;
}

#flash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 14px;
	color: #FFFFFF;
}
#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: 8;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
	width: 645px;
}
#imagecontainer2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 50px;
}
#netext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 227px;
	clear: right;
	padding: 0px;
	margin: 0px;
}
#lightspace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	left: 600px;
	top: 680px;
	width: 227px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#previouspage {
	width: 100px;
	float:right;
	color: #6699FF;
	text-align: center;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0;
}
#previouspage a {
	color:#FFF;
	display:block; /*makes whole area clickable, this makes the link look and act like a button*/
	border:solid 1px #FFF;
	height:1%;
	margin: 3px;
	font-size: 70%;
	padding-left: 3px;
}
#previouspage a:hover {
	display:block;
	border:solid 1px #fff;
	background-color: #FF9900;
}
#imagecontainer1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 5px;
}
#netext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 227px;
	clear: right;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
bodyflash {
	margin:0; /*sets the body margins to zero */
	padding:0;/*zero off any padding */
	color:#000033; /*sets the background color, image and repeats the image on  x  */
	font-family: Verdana, Sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 135%;
	font-weight: normal;
	font-variant: normal;
	background-color: #000033;
	background-image: url(../images/body_backgroundflash.png);
	background-repeat: repeat-x;
}