/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/
* html #main {height:1%}
#content {  
  height: 100%;
  min-height: 1090px;
  text-align: left;
}

#content,
#width {
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 150px;
  width: inherit;

}


#header #title {
  position: absolute;
  z-index: 3;
  top: 40px;
  left: 130px;
  padding: 5px;
  text-align: right;
}

#header h1 {
  margin: 0;
  padding: 0;

  font: 700 4em "trebuchet ms", sans-serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFF;
}

#header h2 {
  position: absolute;
  top: 10px;
  right: 5px;

  margin: 0;
  padding: 0;

  font: 700 1em "trebuchet ms", sans-serif;
  text-transform: lowercase;
  color: #00F0EC;
}





/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#main-nav form {
	float: left;
	margin: -5px 00px 00px 00px;
}


#main-nav {
	margin: 0px 00px 22px 10px;
	text-align: right;
	min-height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
	clear:both;
	display: inherit;
}
#main-handle {
	width: 1000px;
	float: right;
	margin-top: -1px;
	
}
#main-nav li {
	display: inline;
	list-style: none;
	
}
#main-nav li a {
	margin-right: 10px;
	font-size: 16px;
	text-decoration: none;
	color: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 3px #000;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	outline: 0;
	position: relative;
	top: -4px;
	
	
}
#main-nav li a:hover, #main-nav li a.active {
	background: #333;
	
}


#main-nav li .sub-links li a:hover{
	background: #2d2620;
}
#main-nav li a.close{
	display: none;	
	position: absolute;
}
#main-nav li a.close:hover{
	background: #900;
}

/* THIS IS THE MAIN COLOUR */
.roundfg {
	background:#464646;
			border-color: #666;
	-webkit-border-radius:0px 0px 8px 8px;
    -moz-border-radius:0px 0px 8px 8px;
    border-radius:0px 0px 8px 8px;
}

/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: inherit;
  width: 100%;
  clear: both;
  padding-bottom: 4em;
  padding: 0 0 30px 0;
}


 
 /**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
	float: left;
	width: 100%;
	height: 3.4em;
	clear: both;
	margin-top: -2.3em;
	background-color: #464646;
	background-image:url(../images/bg/fade.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color: #FFF;	
}

/* Sets the width of the footer content */
#footer #width {
	position: relative;
	z-index: 3;
	font-size: 0.90em;
	font-color: #000000;
	padding-top: 8px;
}



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
    background-image: url(../images/bg/gradient2.jpg);

}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/
 
 a img { border: thin #FFC; 
	-webkit-border-radius: 4px;  
    -moz-border-radius: 4px;  
    border-radius: 4px;
 
 }

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.gradient {
	width:740px;
	border-color: #666;
	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
	-moz-box-shadow: 0px 0px 0px #EBEBEB;
	-webkit-box-shadow: 0px 0px 0px #EBEBEB;
	box-shadow: 0px 0px 0px 1px #EBEBEB;
	

	margin-bottom: 4em;
	padding:0em;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 00px;
	scrollbar: yes;
	background-color: #FFF;
	background-repeat: repeat-x;
}

.box 1 {
  color: #EEE;
}

/**************************************************************
   #SLIDER
 **************************************************************/
.slider-wrap                                            { width: 730px; height:450px; position: inherit;}
.stripViewer .panelContainer
.panel ul                                               { text-align: inherit; margin: 0 35px 20px 20px; }
.stripViewer                                            { position: relative; overflow: hidden; width: 730px; height: 395px; *z-index:-1;}
.stripViewer .panelContainer                            { position: inherit; left: 0; top: 0; }
.stripViewer .panelContainer .panel                     { float: left; height: 100%; position: inherit; width: 730px; height: auto;}
.stripNavL, .stripNavR, .stripNav                       { display: none; }
.nav-thumb                                              { border: 1px solid black; margin-right: 2px; }
#movers-row                                             { margin: -46px 0 0 62px; }
#movers-row div                                 { width: 20%; float: left; }
#movers-row div a.cross-link                            { float: right; }
.photo-meta-data                                        {
	background: url(../images/slider/transpBlack.png);
	padding: 7px;
	height: 40px;
	margin-top: -60px;
	position: relative;
	color: white;
	font-size: 17px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 20px;
	font-variant: normal;
}
.photo-meta-data span                                   { font-size: 13px;  font-style:normal; }
.cross-link                                             { display: block; width: 62px; margin-top: -15px;
                                                                                         padding-top: 15px;}
.active-thumb                                           { display: block; width: 62px; margin-top: -15px;
                                                                                         padding-top: 15px; 
														background: transparent url(../images/slider/icon-uparrowsmallgrey.png) top center no-repeat;}

#page-wrap 									{ width: 730px; margin: 0px auto; min-height: 390px;}






/**************************************************************
   #SIDE MENU: Holds the side menu
 **************************************************************/


/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
*/
ul#navmenu-v ul ul li {left:0px }

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 225px; /* Menu Width */
 _width: 210px; /*IE6 code */
 padding-left: 0px;
 position: relative;
 margin: 00px 30px 00px 0px;
 *margin: 00px 00px 00px 0px; /*IE6 code */
 bottom: 2px;
 list-style: none;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }

ul#navmenu-v li:hover {
z-index: 40; /* This is the important style directive, without it IE7 chokes */
}
ul#navmenu-v * li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

ul#navmenu-v ul {
 display: none;
 position: absolute;
 margin-left: 0px;
 padding-left: 0px;
 top: 0;
 /* This next option moves the 2nd menu */
 left: 92%;
 z-index: 10;
 
}

/* Root Menu */
ul#navmenu-v a {
	border-top: 1px solid #5F5F5F;
	border-right: 1px solid #5F5F5F;
	border-left: 1px solid #5F5F5F;
	padding: 2.5px;
	padding-left: 6px;
	padding-right: 0px;
	z-index: 7;
	display: block;
	background: #464646;
	color: #E5E5E5;
	text-shadow: 1px 1px 1px #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	_font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	font-variant:small-caps;
	_font-variant: none;
		-moz-box-shadow: 0px 0px 0px 1px #333;
	-webkit-box-shadow: 0px 0px 0px 1px #333;
	box-shadow: 0px 0px 0px 1px #302E2E;
	
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #5D5D5D;
 color: #FFF;
}

ul#navmenu-v li:first-child > a {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	
}
ul#navmenu-v li:last-child > a {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: inherit;
 background: #5D5D5D;
  border-top: 1px solid #999;
 border-right: 1px solid #999;
border-left: 1px solid #999;
width: 175px;
left: -40px;
     margin-left: 0px;
    padding-left: 10px;

}


/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 background: #464646;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
	background: #464646;
	color: #E5E5E5;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	padding: 4px;
	padding-left:-8px;
	top: -92px;
	position: relative;
	z-index: auto;
	     margin-left: 0px;
		 left: -50px;
		 float:inherit;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #5D5D5D;
 color: #FFF;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }