/* the bit that does the work */
html {overflow: hidden;}

body {
	margin:0;
  	border:0;
  	padding:0;
  	height:100%; 
  	max-height:100%; 
  	background:#fff; 
  	overflow: hidden;
	font-size: 11px;
}

/* for internet explorer */
* html body {padding:45px 0 90px 0; overflow: hidden;}

#container {
  	position:fixed; 
  	top:45px;
  	left:0;
  	bottom:90px; 
  	right:0; 
  	overflow:auto; 
  	text-align:left;
}

* html #container {
  	height:100%; 
  	width:100%; 
}

#indexcontainer {
  	position:fixed; 
  	top:45px;
  	left:0;
  	bottom:90px; 
  	right:0; 
  	overflow:auto; 
 	background: url(images/bg-login.jpg) bottom no-repeat #fff;
  	text-align:left;
}

* html #indexcontainer {
  	height:100%; 
  	width:100%; 
}

#wrapper a {font-famliy: 'Lucida Sans Unicode', 'Lucida Sans', Verdana; font-size: 11px; color: #7A7A75; text-decoration: none;}
#wrapper a:hover {font-famliy: 'Lucida Sans Unicode', 'Lucida Sans', Verdana; font-size: 11px; color: #D44600; text-decoration: none;}

#header {
  	position:absolute; 
  	top:0; 
  	left:0; 
  	width:100%; 
  	height:44px; 
  	overflow:hidden; 
	border-bottom: 1px solid #eeeeee;
	text-align: right;
	z-index: 0;
}
* html #header {height:44px;}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:89px;
	overflow:hidden;
	text-align: center;
	background:#fff;
	border-top: 1px solid #eeeeee;
}
* html #footer {height:89px;}

#indexfooter {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:89px;
	overflow:hidden;
	text-align: center;
	background:#fff;
	border-top: 1px solid #ffffff;
}
* html #indexfooter {height:89px;}
#mid {text-align: center; width: 906px; margin: 0 auto; background: url(images/nav.gif) no-repeat; height: 90px;}

#sitenav {margin: 0 auto; padding: 34px 0px 0px 365px; text-align: left; display: inline; float: right;}
#sitenav li {margin: 0; list-style: none; display: inline; float: left; height: 11px;}
#sitenav a {
	text-align: center; background-repeat: no-repeat; height: 0px; padding-top: 11px; overflow: hidden; display: block;
	background-image: url(images/nav.gif);
}
#sitenav #backhome a {width: 46px; background-position: -365px -34px;}
#sitenav #backhome a:hover {background-position: -365px -124px;}
#sitenav #backhome .selected {background-position: -365px -124px;}

#sitenav #weds a {width: 69px; background-position: -411px -34px;}
#sitenav #weds a:hover {background-position: -411px -124px;}
#sitenav #weds .selected {background-position: -411px -124px;}

#sitenav #prewed a {width: 85px; background-position: -480px -34px;}
#sitenav #prewed a:hover {background-position: -480px -124px;}
#sitenav #prewed .selected {background-position: -480px -124px;}

#sitenav #events a {width: 48px; background-position: -565px -34px;}
#sitenav #events a:hover {background-position: -565px -124px;}
#sitenav #events .selected {background-position: -565px -124px;}

#sitenav #ports a {width: 65px; background-position: -613px -34px;}
#sitenav #ports a:hover {background-position: -613px -124px;}
#sitenav #ports .selected {background-position: -613px -124px;}

#sitenav #album a {width: 93px; background-position: -678px -34px;}
#sitenav #album a:hover {background-position: -678px -124px;}
#sitenav #album .selected {background-position: -678px -124px;}

#sitenav #comme a {width: 86px; background-position: -771px -34px;}
#sitenav #comme a:hover {background-position: -771px -124px;}
#sitenav #comme .selected {background-position: -771px -124px;}

#sitenav #fineart a {width: 49px; background-position: -857px -34px;}
#sitenav #fineart a:hover {background-position: -857px -124px;}
#sitenav #fineart .selected {background-position: -857px -124px;}

.clientlink {
	position: absolute; left: 15px; top: 15px;
	font-family: "Century Gothic", Verdana, Arial; font-size: 12px; color: #D44600; text-decoration: none; padding: 0px; margin: 0px;
}

.loginform {display: none; position: absolute; top: 10px; right: 10px; font-family: "Century Gothic",Verdana,Arial; font-size: 10px; color:#D44600; display: inline;}