body { 
   margin-left: 0px; 
   margin-top: 20px; 
   margin-right: 0px; 
   margin-bottom: 0px; 
   background-color:#1c2b5b
   
   
   
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333399;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	text-decoration: none;
} 
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(images/sliver.gif);
	height: 18px;
}
.padimagedoors {
	padding-top: 10px;
	padding-left: 0px;
	text-align: center;
}

#maincontainer {
	background-color: #FFFFFF;
	width: 775px;
}

a.navbar:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
}
a.navbar:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.navbar:hover  {
	font-family: Arial, Helvetica, sans-serif;
	color: #AEB9FF;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.navbar:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.sidepadding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	 
	padding-left: 10px;
	padding-right: 10px;
	
}

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	text-align: justify;
	vertical-align: top;
	 padding-top:  10px;
	 padding-left: 20px;
	 padding-right: 10px;
}
.headermain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	background-position: center;
	vertical-align: top;
	margin-top: 0;
	text-align: center;
	 
}
 	
	



 
 
 

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url("images/corners2.gif"); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #a2a2a2; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #a2a2a2;/* YCC: color & properties of the right-borderline */
	
	color: #333399;              /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:  ; 
	text-align: left;
	vertical-align: top;
	}
	
.insideleft {
	border-left: 1px solid #a2a2a2; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #a2a2a2;/* YCC: color & properties of the right-borderline */
	
	color: #333399;              /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	 
	text-align: left;
	vertical-align: top;
	}	
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
	
	
.wrap {					 /*full box*/
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 8px;
	margin-left: 12px;
}
.studio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #8BA68B;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}
.whoz {
	
	 
}

.footer {
	text-decoration: none;
	margin: 0px;
	padding-left: 20px;
	vertical-align:bottom;
	padding-bottom: 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-right: 20px;
	 
}

a.footernav:link {color: #333399;text-decoration: none;}	
	
a.footernav:hover {color: #7a82b6;text-decoration: none;}
	
a.footernav:active {color: #333399;text-decoration: none;}

a.footernav:visited {color: #333399;text-decoration: none;}









#height {
	background-image: url(images/watermark345.gif);
	height: 345px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#higher {
	background-image: url(images/watermark550.gif);
	height: 540px;
	padding: 0px;
	background-position: bottom;
	background-repeat: no-repeat;
}


/*   start of Gallery code       */



a {
	color: #666666;
}

a:hover{
	color: #fff;

}

#header
{
	margin: 0;
	padding: 20px 0px 20px 0px;
}

 




#container {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 20px;
}

#thumbcontainer{
	margin-left: 30px;

}
#gallery {

     font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	background-position: center;
	vertical-align: top;
	margin-top: 0;
	text-align: center;

}



.imgcontainer{
	width: 75px;
	height: 75px;
	overflow:hidden;
	margin: 5px;
	padding:5px;
	border: 1px solid #fff;
	float:left;
	cursor:pointer;
}


.imgcontainer:hover{
	border: 1px solid #000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}


#colofon{
padding: 20px 0px 0px 0px;
clear:both;
}

#description{
	width: 150px;
	margin:0px;
	padding: 0px 10px 0px 0px;
	float:left;
}


/* hs section */

.highslide {
	cursor: url(scripts/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(scripts/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
display:none;
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}