/* CSS Document */

Body {
font-family: verdana, arial, helvetica, sans;

}

h4 {
text-align:center;
font-size:12px;
text-transform:uppercase;
letter-spacing: 5px;
font-weight: bolder;
}
h5 {
text-align: left;
font-size:11px;
text-transform:uppercase;
letter-spacing: 3px;
font-weight: bolder;
}

h3{
text-align: left;
font-size:13px;
letter-spacing: 5px;
font-weight: bolder;
}

/* PAGE LINKS  */

a:link		{ color: #145D89; text-decoration: none; }

a:visited	{ color: #145D89; text-decoration: none; }

a:active	{ color: #000000; text-decoration: none; }

a:hover		{ color: #996600; text-decoration: none; }


/*outer container of the web page*/

#page {
width: auto;
height:auto;
margin: -15px;

}
/*end*/

/* Menu buttons */ 
#menucontainer{
   background-image: url(../web_site_images/menu.gif);
   height: 19px;
   width: auto;
  
}

#menu {   
	height: auto;
	width: 960px;
	margin: auto;
	
}

#menu ul {
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float:left;
	height: 18px;
	width: auto;
	padding: 1px 11px 0 14px;
	background: url(../web_site_images/menu.gif);
	text-align: center;
	text-decoration: none;
	letter-spacing: 1.5px;
	font-family: verdana, arial, helvetica, sans ;
	font-size: 10px;
	font-weight: bold;
	color:  #999999;
	
}

#menu a:hover, #menu .active a {
    background: url(../web_site_images/menuon.gif);
	color:#F0F0F0;
	
}

/*end of menu buttons*/		  

/* ann gollifer logo black background(related files; flash.txt/logo.swf/logo.fla/logo_js ) */ 
		   
#header{
    background-image: url(../web_site_images/background-menu.gif);
    height: 100px;
}		
/*end*/

/*grey drop shadow*/
#headershadow {
background-image:url(../web_site_images/shadow-header.gif);
height: 80px;
}   
/*end*/

/*image changer swf/flash/js */
#fashmovie {
    width:549px;
    height: 366px;
    margin-left:auto;
    margin-right:auto;
}
/*end*/

/*outer container for gallery index images and titles*/
#gallerycontainer{
width:910px;
height: 95px;
margin: 100px  auto 100px auto;
}
/*container for image and title*/
#galleryindex{
width:70px;
height:95px;
margin: 0px  10px 0px 10px;
float:left;
}

/*image*/
.gallerybox{
width: 45px;
height:45px;
float: left;
margin: 0 13px 0 13px;
}

/*title*/
.titlebox{
width: 70px;
height: auto;
float: left;
font-family:verdana, arial, helvetica, sans;
text-transform: uppercase;
font-size:10px;
text-align:center;
color: #145D89;
margin-top: 4px;
}
/*end*/



/*bottom drop shadow*/
#footershadow {
    background-image:url(../web_site_images/shadow-footer.gif);
    height: 20px;
    margin: 50px 0 0 0;
}
/*end*/


/* footer */
#footer{
height:40px;
background-image: url(../web_site_images/background-footer.gif);

}

#footcontainer{
width:960px;
height: auto;
margin:auto;}
#footerinfo{
width:auto;
height:auto;
font-family:verdana, arial, helvetica, sans;
font-size:9px;
text-decoration: none;
color:#F0F0F0;
float:left;
margin:15px 0 3px 10px;
}

#footerinfodesign{
width:auto;
height:auto;
font-family:verdana, arial, helvetica, sans;
font-size:9px;
text-decoration: none;
color:#F0F0F0;
float:right;
margin:15px 10px 3px 0;
}

#footerinfo a, #footerinfodesign a{ 
color: #F0F0F0; 
}

#footerinfo a:hover, #footerinfo .active a, 
#footerinfodesign a:hover, #footerinfodesign .active a{ 
color: #145D89; 
}
/*end*/