@charset "UTF-8";
/* CSS Document */


	html,
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		margin:0;
		padding:0;
		height:100%;
	}
	
	a {padding:0px;}
	
	#container {
		border-left:#1b429a 1px solid;
		border-right:#1b429a 1px solid;
		margin:0 auto;	
		width:980px;
		min-height:100%;
		position:relative;
	}
	#header {
		background:#fff;
		padding:0px 10px;
		height:124px;
    	background:#fff url("images/header-bg.gif") repeat-x bottom;	
	}
		

	.main {
		float:left;
		width:680px;
		border-right:0px solid #ccc;
		padding:0 20px 10px 0;
		margin-bottom:20px;
		background:#fff;
	}
	
	.main p {
		margin-top:0px;
		margin-bottom:20px;
	}
	
	
	.mainfull {
		border:0px solid #red;
		float:left;
		width:950px;
		padding:0px;
		margin-bottom:20px;
		background:#fff;
	}
	
	.mainfull p {
		margin-top:0px;
		margin-bottom:20px;
	}

	.sidebar {
		float:right;
		width:250px;
		background:#fff;
	}	
		
	#body {
		padding:10px;
		padding-bottom:142px;	/* Height of the footer */
	}
	
	.descriptionbox {
		padding:5px 2px;
		text-align:left;
	}
	.col2wide {
		width:231px; /* photos width=108 1=221 */
		padding:5px 0px;
		border:1px solid #ccc;
		float:left;
	}
	.col2wide-imgleft {
		padding:0px;
	}
	.col2wide-imgleft img {
		display: block;
		float:left;
		margin-left:5px;
		margin-right:5px;
	}
	.col2wide-imgright {
		padding:0px;
	}
	.col2wide-imgright img {
		display: block;
		float:right;
		margin-right:5px;
	}
	.col2wide-text {
		display: block;
		width:100%;
	}	
	.col2wide-text p {
		margin-top:0;
		border:0px solid #ccc;

	}
	
	.clear {clear:both;height:1px;overflow:hidden;}
	
	#footer {
		position:absolute;
		font-size:10px;
		bottom:0;
		width:100%;
		clear:both;
		height:142px;			/* Height of the footer */
		background:transparent url("images/swoosh-footer.gif") center bottom;
	}

	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 0px;
	}

	h2 {
		margin:0;
		padding:0 0 10px 0;
	}
	
	#footer-content {
		border:0px red solid;
		margin:0;
		color:#FFFFFF;
		padding-top:100px;
		text-align:center;
	}
	
	#footer-nudger {
		height:142px;			/* Height of the footer */
	}	
	
	
	
	<!--[if lt IE 7]>
	#container {
		height:100%;
	}
	<![endif]-->
	



	table.borders { border: 1px solid; border-collapse: collapse; } 
	.borders td { border: 1px solid #ccc;} 
	
	table.outer-borders { border: 1px solid #ccc;} 

	.greytext {color:#999;}

	.image-left {
		float: left;
		text-align:center;
		padding:0px 10px 10px 0px;
		margin-right:10px;
		margin-bottom:10px;
		clear:both;
	}
	.image-right {
		float: right;
		text-align:center;
		padding:0px 0px 10px 10px;
		margin-left:10px;
		margin-bottom:10px;
		clear:both;
	}
	.bordered-image {
		padding:5px; 
		border:1px solid #ccc;
	}

	.left {float:left; padding:0 10px 5px 0;}
	.right {float:right; padding:0 0 5px 10px;}
	

	#header {
		height:139px;
		background:#fff url("images/header-bg.gif") repeat-x bottom;
		}
	
	#body a:link {
		color: #00adef;
		text-decoration: none;
		background-color: transparent;
		border-color: #00adef;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	#body a:visited {
		color: #00adef;
		text-decoration: none;
		background-color: transparent;
		border-color: #00adef;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	#body a:hover {
		color: #999;
		text-decoration: none;
		background-color: transparent;
		border-color: #999;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}


	
	
	#blank a:link {
		color: #000;
		text-decoration: none;
		border-bottom-width: 0px;
	}
	#blank a:visited {
		color: #000;
		text-decoration: none;
		border-bottom-width: 0px;
	}
	#blank a:hover {
		color: #000;
		text-decoration: none;
		border-bottom-width: 0px;
	}
	
	

	
	#footer a:link {
		color: #00adef;
		text-decoration: none;
		background-color: transparent;
		border-color: #00adef;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;	
	}
	#footer a:visited {
		color: #00adef;
		text-decoration: none;
		background-color: transparent;
		border-color: #00adef;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;	
	}
	#footer a:hover {
		color: #999;
		text-decoration: none;
		background-color: transparent;
		border-color: #999;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;	
	}	

	#home-navigation a:link {
 		font-weight:bold;
		text-decoration: none;
		background-color: transparent;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	#home-navigation a:visited {
 		font-weight:bold;
		text-decoration: none;
		background-color: transparent;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	#home-navigation a:hover {
 		font-weight:bold;
		text-decoration: none;
		background-color: transparent;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	
	#home-navigation .origins a:link {color:#4f81bd; border-color: #4f81bd;}
	#home-navigation .origins a:visited {color:#4f81bd; border-color: #4f81bd;}
	#home-navigation .origins a:hover {color:#999; border-color: #999;}
	#home-navigation .colours a:link {color:#c0504d; border-color: #c0504d;}
	#home-navigation .colours a:visited {color:#c0504d; border-color: #c0504d;}
	#home-navigation .colours a:hover {color:#999; border-color: #999;}
	#home-navigation .gallery a:link {color:#9bbb59; border-color: #9bbb59;}
	#home-navigation .gallery a:visited {color:#9bbb59; border-color: #9bbb59;}
	#home-navigation .gallery a:hover {color:#999; border-color: #999;}
	#home-navigation .guide a:link {color:#8064a2; border-color: #8064a2;}
	#home-navigation .guide a:visited {color:#8064a2; border-color: #8064a2;}
	#home-navigation .guide a:hover {color:#999; border-color: #999;}
	#home-navigation .other a:link {color:#4bacc6; border-color: #4bacc6;}
	#home-navigation .other a:visited {color:#4bacc6; border-color: #4bacc6;}
	#home-navigation .other a:hover {color:#999; border-color: #999;}
	#home-navigation .links a:link {color:#f79646; border-color: #f79646;}
	#home-navigation .links a:visited {color:#f79646; border-color: #f79646;}
	#home-navigation .links a:hover {color:#999; border-color: #999;}


#nav {margin:0;}

    #nav {
	  font-weight:bold;
      float:left;
	  height:50px;
      width:100%;
      background:#fff url("images/bg.png") repeat-x bottom;
      }
    #nav ul {
      margin:0;
      padding:0;
      list-style:none;
      }
    #nav li {
      float:left;
	  display:inline;
      background:url("images/right_both.png") no-repeat right top;
      margin:0 0 0 13px;
      padding-bottom:0px;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-13px;
      margin-right:-13px;
      background:url("images/left_both.png") no-repeat left top;
      padding:10px 20px 20px 20px;
      text-decoration:none;
      }

	#nav-home a {color:#000}
	#nav-origins a {color:#4f81bd;}
	#nav-colours a {color:#c0504d;}
	#nav-gallery a {color:#9bbb59;}
	#nav-guide a {color:#8064a2;}
	#nav-other a {color:#4bacc6;}
	#nav-links a {color:#f79646;}

    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#999;
      }
    #home #nav-home, 
    #origins #nav-origins,
    #colours #nav-colours, 
    #gallery #nav-gallery,
    #guide #nav-guide,
    #other #nav-other,
    #links #nav-links {
      background-position:100% -50px;
      }
    #home #nav-home a, 
    #origins #nav-origins a,
    #colours #nav-colours a, 
    #gallery #nav-gallery a,
    #guide #nav-guide a,
    #other #nav-other a,
    #links #nav-links a {
      background-position:0 -50px;
      padding-bottom:20px;
      padding:10px 20px 20px 20px;
      }

	#home #nav-home a {color:#000;}
	#origins #nav-origins a {color:#4f81bd;}
	#colours #nav-colours a {color:#c0504d;}
	#gallery #nav-gallery a {color:#9bbb59;}
	#guide #nav-guide a {color:#8064a2;}
	#other #nav-other a {color:#4bacc6;}
	#links #nav-links a {color:#f79646;}

	  /* not for IE5.x or IE6 
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -50px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -50px; 
	} */

	/* #body {
		padding:10px;
		padding-bottom:142px;	/* Height of the footer 
	} */

	
	<!--[if lt IE 7]>
	#container {
		height:100%;
	}
	<![endif]-->