*{
   margin:0;
   padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000;
}

a{
   color:#fff;
   text-decoration:none;
}

a:hover{
   color:#8AA0C3;
}

p{
   font-size:12px;
   line-height:18px;
   margin:4px 0 14px;
}


h3 {
   font-size:16px;
   lineheight:30px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

form{
   margin:0 0 14px;
   padding:0;
}

.label {text-align:right}

form input{
   border:1px solid #fff;
   background:#4d596f;
   padding:1px 2px;
   margin: 4px 6px;
   color:#fff;
}

form input.radiobox{
 border:none;
 margin:0 2px;
}

form textarea{
   border:1px solid #fff;
   background:#4d596f;
   padding:2px 3px;
   margin: 4px 6px;
   color:#fff;
   width:250px;
   height:50px;
}

form select {
   margin: 4px 6px;
}


input.btn {
     border-style: outset;
	border-right:1px solid #8f8f8f;
	border-bottom:1px solid #8f8f8f;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	background:url(../images/bttnbg.gif) repeat-x left top;
	margin:4px 2px;
	padding:2px 3px;
    color:#7E97C0;
	font-size:11px;
    font-weight:bold;	
	cursor:hand;
	cursor:pointer;
}

input.btn:hover {color:#666}

form .require{
 font-size:14px;
 color:#8AA0C3;
}


#wrapper{
   width:1004px;
   margin:0 auto;  
}

/* ---- layout -----*/

#header {
    background:url(../images/logo_bg_subpg.jpg) top right no-repeat; 
	height:406px;
	margin:0 auto;
	position:relative;
	width:944px;
}

body.index #header {
    background:url(../images/logo_bg.jpg) 516px 116px no-repeat; 
	height:512px;
}
	
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

body.index .contact{ 
   font-size:18px;
   line-height:26px;
   text-align:right;
   position:absolute;
   top:36px;
   right:0;
   width:224px;

}

.contact{ 
   font-size:15px;
   line-height:20px;
   text-align:right;
   position:absolute;
   top:25px;
   right:10px;
   width:200px;

}
.contact-gallery{ 
   font-size:15px;
   line-height:20px;
   text-align:right;
   position:absolute;
   top:75px;
   right:150px;
   width:200px;

}

img.logo_link{
   position:absolute;
   right:72px;
   top:116px;
   border:none;
}

img.lapel{
   position:absolute;
   left:0;
   top:153px;
}

img.lapel2{
   position:absolute;
   left:0;
   top:0;
}

/* -- main nav --*/

#container {
	width: 775px;
	height: 57px;
	padding: 0;
	margin: 0 auto;	
	}

#container-gallery {
	width: 775px;
	height: 57px;
	padding: 0;
	margin-left: 175px;	
	}	

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
	overflow: hidden;
	width: 100%;
	}

#nav li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
    display:inline;
	height:57px;
	}

#nav a {
	float:left;
	padding: 57px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:57px; /* for IE5/Win */
        -moz-outline-style: none; /* remove outline from image links */
        outline:none;
	}
	
#nav a:hover {
	background-position: 0 -57px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -57px;
	}
		

/* -- main nav - subpages --*/

#home a  {
	width: 105px;
	background: url(../images/nav/home.jpg) top left no-repeat;
	}

#quote02 a  {
	width: 149px;
	background: url(../images/nav/quote_sub.jpg) top left no-repeat;
	}
	
#gallery02 a  {
	width: 167px;
	background: url(../images/nav/menu-gallery.jpg) top left no-repeat;

	}

#login02 a  {
	width: 154px;
	background: url(../images/nav/menu-login.jpg) top left no-repeat;
	}
	
#tell-friend a  {
	width: 157px;
	background: url(../images/nav/menu-tell-friend.jpg) top left no-repeat;
	}			
				
/*----
#about02 a  {
	width: 161px;
	background: url(../images/nav/about_sub.jpg) top left no-repeat;
	visibility:hidden;
	}

#blog02 a  {
	width: 95px;
	background: url(../images/nav/blog_sub.jpg) top left no-repeat;
	visibility:hidden;
	}

#links02 a  {
	width: 105px;
	background: url(../images/nav/links_sub.jpg) top left no-repeat;
	visibility:hidden;
	}
	
---*/	

/* -- main nav - index page--*/
body.index #container {
    width: 540px;
    position:absolute;
	top:53px;
	left:10px;
	margin:0;	
	}
	
	
body.index #nav a {
	float: left;
	padding: 88px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:57px; /* for IE5/Win */
        -moz-outline-style: none; /* remove outline from image links */
        outline:none;
	}
	
body.index #nav a:hover {
	background-position: 0 -88px;
	}

body.index #nav a:active, #nav a.selected {
	background-position: 0 -88px;
	}
		

#quote a  {
	width: 164px;
	background: url(../images/nav/quote2.jpg) top left no-repeat;
	}
	
#gallery a  {
	width: 159px;
	background: url(../images/nav/home-menu-gallery.jpg) top left no-repeat;

	}

#login a  {
	width: 154px;
	background: url(../images/nav/home-menu-login.jpg) top left no-repeat;
	}
/*---
#about a  {
	width: 174px;
	background: url(../images/nav/about.jpg) top left no-repeat;

	}

#blog a  {
	width: 102px;
	background: url(../images/nav/blog.jpg) top left no-repeat;

	}

#links a  {
	width: 98px;
	background: url(../images/nav/links.jpg) top left no-repeat;

	}
	
---*/	

			
/* ---- end header items - begin main content------*/

#content{
   width:944px;
   margin:0 auto;
}
#content-gallery{
   width:1100px;
   height: 600px;
}
#flashcontent {
	width: 100%;
	height: 100%;
}

body.index #content{
   text-align:center;
}

.title{
  margin-bottom:16px;
}
.title-gallery{
  margin: 0 0 16px 70px;
}

.main{
   width:890px;
   margin-left:28px;
   font-size:12px;

}

.highlights{
  font-size:14px;
  margin:24px 12px 20px;
  line-height:24px;
}

/* -----copyright -----*/

.copyright{
  text-align:center;
  font-size:12px;
  color:#5E6D85;
  padding-bottom:20px;
}

.copyright p{
  margin:0px 0 4px;
}

.copyright a{
   color:#8AA0C3;
}

.copyright a:hover{
   color:#fff
}

.stargrrl{
  font-size:11px;
  line-height:16px;
  margin-bottom:16px;
}

/* --misc. styles --*/



.right{float:right}

.left{float:left}

img.right{
   margin:4px 4px 10px 14px; 
}

img.left{
   margin:4px 14px 10px 2px; 
}

.centered{text-align:center}

/* --- fixes float problem in Firefox - Add clearfix class to div containing floated div ----*/

.clearfix {display: inline-block;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----form calendar - styles not defined by script -----*/
#calpop{
   color:#4d596f;
}

#calpop a:hover{
   color: #CC0000;
}

/*-----spam catcher field for form-------*/

.Surname {
visibility: hidden;
}