body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#ddffaa;
		font:100% Arial, sans-serif;
		color: black;
		text-align: center;
	}
	#container {
		width: 984px;
		background: #ddffaa;
		margin: 20px auto;
		text-align:left;
	}
	a.mainlink,
	a.mainlink:link,
	a.mainlink:visited {
		color: blue !important;
		font-weight: bold;
		text-decoration: none;
	}
	a.mainlink:hover {
		text-decoration: underline;
	}
	/* Generated by webmaster-toolkit.com */
	.buttonscontainer {width: 90%;
	-moz-border-radius:2ex;
  	-webkit-border-radius:2ex;
	background: #FFFFFF;
	float: left;
	border:1px solid #23804B;
	padding: 6px;
	}

	.buttons a {color: #16753B;
	font: 100% Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 80%;
	text-align: center;
	}

	.buttons a:hover {color: #C3F80C;
	text-decoration: none;
	}

	a.botlink,
	a.botlink:link,
	a.botlink:visited {
		color: black !important;
		font-weight: bold;
		text-decoration: none;
	}
	a.botlink:hover {
		text-decoration: underline;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0;
		padding:0;
		border:0;
	}
	img.floatleft {
	float: left;
	padding: 0px 20px 10px 0px;
	}
	img.floatright {
	float: right;
	padding: 0px 20px 10px 0px;
	}
	/* Header styles */
	#header {
  		-moz-border-radius:2ex;
  		-webkit-border-radius:2ex;
  		width:964px;
		background-image: url(headerbg.jpg);
		background-repeat: repeat-x;
		height: 190px;
		padding:0px 0px 0px 20px;
	}
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		margin-top: 20px;
		margin-bottom: 20px;
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colleft,
	.colmid,
	.colright {
		background: #ddffaa;
		float:left;
		width:100%;
		position:relative;
	}
	.col1 {
  		-moz-border-radius:2ex;
  		-webkit-border-radius:2ex;
		background: #FFFFFF;
		border:1px solid #23804B;
		float:left;
		position:relative;
		padding:2em 1em 2em 1em;
		overflow:hidden;
	}
	.col2 {
		float:left;
		text-align: center;
		position:relative;
		padding:1em 0 1em 1em;
		overflow:hidden;
	}

		/* 2 Column (left menu) settings */
	.leftmenu {
		background: #ddffaa;		/* background colour */
	}
	.leftmenu .colleft {
		right:80%;			/* right column width */
		background: #ddffaa;	/* background colour */
	}
	.leftmenu .col1 {
		width:72%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:16%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
	}
	#footer p {
		color: black;
		font-size: 60%;
		text-align: right;
		padding:10px;
		margin:0;
	}

/* www.webreference.com */
/* The containing box for the gallery. */
#piccont1 {
    position:relative;
	float:left;
    width:640px;
    height:420px;
    margin:20px auto 0 auto;
    border:1px solid #aaa;
    }
#piccont2 {
    position:relative;
	float:left;
    width:640px;
    height:420px;
    margin:20px auto 0 auto;
    border:1px solid #aaa;
    }
#piccont3 {
    position:relative;
	float:left;
    width:640px;
    height:420px;
    margin:20px auto 0 auto;
    border:1px solid #aaa;
    }
/* Removing the list bullets and indentation */
#piccont1 ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
#piccont2 ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
#piccont3 ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#piccont1 a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
#piccont2 a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
#piccont3 a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#piccont1 a.gallery, #piccont1 a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#piccont2 a.gallery, #piccont2 a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#piccont3 a.gallery, #piccont3 a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }

#piccont1 a.slidea {
    background:url(photos/short01_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont1 a.slidea {
    width:91px;
    w\idth:93px;
    }
#piccont1 a.slideb {
    background:url(photos/short02_t.jpg);
    height:70px;
    width:93px;
    }
#piccont1 a.slidec {
    background:url(photos/short03_t.jpg);
    height:93px;
    width:70px;
    }
#piccont1 a.slided {
    background:url(photos/short04_t.jpg);
    height:93px;
    width:70px;
    }
#piccont1 a.slidee {
    background:url(photos/short05_t.jpg);
    height:93px;
    width:70px;
    }
#piccont1 a.slidef {
    background:url(photos/short06_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont1 a.slidef {
    width:91px;
    w\idth:93px;
    }
#piccont1 a.slideg {
    background:url(photos/short07_t.jpg);
    height:70px;
    width:93px;
    }
#piccont1 a.slideh {
    background:url(photos/short08_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont1 a.slideh {
    width:91px;
    w\idth:93px;
    }
#piccont1 a.slidei {
    background:url(photos/short09_t.jpg);
    height:70px;
    width:93px;
    }
#piccont1 a.slidej {
    background:url(photos/short10_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont1 a.slidej {
    width:91px;
    w\idth:93px;
    }
#piccont1 a.slidek {
    background:url(photos/short11_t.jpg);
    height:70px;
    width:93px;
    }

#piccont2 a.slidel {
    background:url(photos/short12_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont2 a.slidel {
    width:91px;
    w\idth:93px;
    }
#piccont2 a.slidem {
    background:url(photos/short13_t.jpg);
    height:70px;
    width:93px;
    }
#piccont2 a.sliden {
    background:url(photos/short14_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont2 a.sliden {
    width:91px;
    w\idth:93px;
    }
#piccont2 a.slideo {
    background:url(photos/short15_t.jpg);
    height:70px;
    width:93px;
    }
#piccont2 a.slidep {
    background:url(photos/short16_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont2 a.slidep {
    width:91px;
    w\idth:93px;
    }
#piccont2 a.slideq {
    background:url(photos/short17_t.jpg);
    height:70px;
    width:93px;
    }
#piccont2 a.slider {
    background:url(photos/short18_t.jpg);
    height:93px;
    width:70px;
    }
#piccont2 a.slides {
    background:url(photos/short19_t.jpg);
    height:93px;
    width:70px;
    }
#piccont2 a.slidet {
    background:url(photos/short20_t.jpg);
    height:93px;
    width:70px;
    }
#piccont2 a.slideu {
    background:url(photos/short21_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont2 a.slideu {
    width:91px;
    w\idth:93px;
    }
#piccont2 a.slidev {
    background:url(photos/short22_t.jpg);
    height:70px;
    width:93px;
    }

#piccont3 a.slidea1 {
    background:url(photos/short23_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont3 a.slidea1 {
    width:91px;
    w\idth:93px;
    }
#piccont3 a.slideb1 {
    background:url(photos/short24_t.jpg);
    height:70px;
    width:93px;
    }
#piccont3 a.slidec1 {
    background:url(photos/short25_t.jpg);
    height:93px;
    width:70px;
    }
#piccont3 a.slided1 {
    background:url(photos/shortp_t.jpg);
    height:93px;
    width:70px;
    }
#piccont3 a.slidee1 {
    background:url(photos/shortp_t.jpg);
    height:93px;
    width:70px;
    }
#piccont3 a.slidef1 {
    background:url(photos/shortl_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont3 a.slidef1 {
    width:91px;
    w\idth:93px;
    }
#piccont3 a.slideg1 {
    background:url(photos/shortl_t.jpg);
    height:70px;
    width:93px;
    }
#piccont3 a.slideh1 {
    background:url(photos/shortl_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont3 a.slideh1 {
    width:91px;
    w\idth:93px;
    }
#piccont3 a.slidei1 {
    background:url(photos/shortl_t.jpg);
    height:70px;
    width:93px;
    }
#piccont3 a.slidej1 {
    background:url(photos/shortl_t.jpg);
    height:70px;
    width:93px;
    }
* html #piccont3 a.slidej1 {
    width:91px;
    w\idth:93px;
    }
#piccont3 a.slidek1 {
    background:url(photos/shortl_t.jpg);
    height:70px;
    width:93px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#piccont1 ul {
    width:228px;
    height:386px;
    }
#piccont1 li {
    float:left;
    }
#piccont2 ul {
    width:228px;
    height:386px;
    }
#piccont2 li {
    float:left;
    }
#piccont3 ul {
    width:228px;
    height:386px;
    }
#piccont3 li {
    float:left;
    }

/* move the thumbnails into the correct position */
#piccont1 ul {
    margin:10px;
    float:right;
    }
#piccont2 ul {
    margin:10px;
    float:right;
    }
#piccont3 ul {
    margin:10px;
    float:right;
    }

/* change the thumbnail border color */
#piccont1 a.gallery:hover {
    border:1px solid #fff;
    }
#piccont2 a.gallery:hover {
    border:1px solid #fff;
    }
#piccont3 a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#piccont1 a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:10px;
    color:#000;
    background:#fff;
    }
#piccont2 a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:10px;
    color:#000;
    background:#fff;
    }
#piccont3 a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:10px;
    color:#000;
    background:#fff;
    }

/* text will appear to one side when displaying the portrait images */
#piccont1 a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#piccont2 a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#piccont3 a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }

/* Default image */
#piccont1 {
    background:#fff url(photos/van1.jpg) 10px 50px no-repeat;
    }
#piccont2 {
    background:#fff url(photos/van1.jpg) 10px 50px no-repeat;
    }
#piccont3 {
    background:#fff url(photos/van1.jpg) 10px 50px no-repeat;
    }