body {
	color: #606060;
	background-color: #F9F9F9;
	font-size: 11px;
	font-weight: 100;
	line-height: 21px;
	font-family: Arial,sans-serif;
	/* font-stretch: extra-expanded; */
	margin: 0px;
	background-image: url(images/squwilly-background.gif);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
}

html {
	overflow-y: auto;
	background-color: transparent;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
	height: 5px;
	display: block;
	background-color: transparent;
}

::-webkit-scrollbar-track-piece  {
	background-color: #CCC;
	-webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: #666;
	background-image: url(images/scrollbarbkgd.jpg);
	border: 0px solid #F90;
	-webkit-border-radius: 0px;
}

img {border:none;}
	
	
	
#colour1buy {
	float: left;
	margin-right: 10px;
}
#colour2buy table {
	float: none;
}



a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #FF0099;
	text-decoration: none;
}
#logo {
	width: 100px;
	float: left;
}
a:active {
	color: #CCFF00;
	text-decoration: none;
}



/* main page set-up */

h1 {
	color: #404040;
	font-size: 11px;
	font-weight: 100;
	line-height: 21px;
	font-family: Arial,sans-serif;
	/* font-stretch: extra-expanded; */
	margin: 0px;
}

h2 {
	color: #FF0099;
	font-size: 11px;
	font-weight: 100;
	line-height: 21px;
	font-family: Arial,sans-serif;
	/* font-stretch: extra-expanded; */
	margin: 0px;
}

#grey {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	background: #202020;
	overflow: visible;
	border-bottom: 1px solid #CCFF00;
	}

#page {
	position: relative;
	margin: 0 auto;
	width: 900px;
	overflow: visible;
	}
	
#top {
	position: absolute;
	top:30px;
	left:0px;
	width:820px;
	height:15px;
	border: 0px solid green;
	color: #FFFFFF;
	text-align: right;
	}

#nav {
	position: absolute;
	text-align: left;
	top:55px; left:0px; width:820px; height:23px;
	border: 0px solid green;
	margin-top: 0px;
	}
	
#kat1 {
	position: absolute;
	text-align: left;
	top:0px; left:0px; width:126px; height:23px;
	border: 0px solid red;
	margin-top: 0px;
	}

#kat2 {
	position: absolute;
	text-align: left;
	top:0px; left:126px; width:154px; height:23px;
	border: 0px solid green;
	margin-top: 0px;
	}
	
#kat3 {
	position: absolute;
	text-align: left;
	top:0px; left:280px; width:125px; height:23px;
	border: 0px solid green;
	margin-top: 0px;
	}

#kat4 {
	position: absolute;
	text-align: left;
	top:0px; left:405px; width:71px; height:23px;
	border: 0px solid green;
	margin-top: 0px;
	}

#kat5 {
	position: absolute;
	text-align: left;
	top:0px; left:476px; width:50px; height:23px;
	border: 0px solid blue;
	margin-top: 0px;
	}
	
#kat6 {
	position: absolute;
	text-align: left;
	top:0px; left:570px; width:50px; height:23px;
	border: 0px solid red;
	margin-top: 0px;
	}
#liveclock {
	position: absolute;
	text-align: right;
	top:0px;
	left:720px;
	width:100px;
	height:23px;
	border: 0px solid red;
	margin-top: 0px;
	}
	
#music {
	position: absolute;
	text-align: left;
	top:0px;
	left:550px;
	width:114px;
	height:23px;
	border: 0px solid red;
	margin-top: 0px;
	}

#strip {
	position: absolute;
	top:90px;
	left:0px;
	width:820px;
	height:150px;
	border: 0px solid green;
	background-color: #AAAAAA;
	background-image: url(images/strip-04.jpg);
	}
	
#stripindex {
	position: absolute;
	top:90px;
	left:280px;
	width:540px;
	height:540px;
	border: 0px solid green;
	background-color: #AAAAAA;
	background-image: url(images/squwilly%20ad%20-%20hedge.jpg);
}	
	
#galleryimage {
	position: absolute;
	top:90px;
	left:0px;
	width:820px;
	height:350px;
	border: 0px solid green;
	background-image: url(images/galleryimage-01.jpg);
}

#gallerytext {
	position: absolute;
	top:450px;
	left:0px;
	width:820px;
	height:250px;
	border: 0px solid green;
	line-height: 13px;
}
#previous  {
	position: absolute;
	text-align: left;
	top:250px;
	left:0px;
	width:50px;
	height:50px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 13px;
}	
#next  {
	position: absolute;
	text-align: left;
	top:250px;
	left:770px;
	width:50px;
	height:50px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 13px;
}
	
#nav2 {
	position: absolute;
	text-align: left;
	top:250px;
	left:0px;
	width:820px;
	height:23px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	color: #F9F9F9;
	}
	
#nav3 {
	position: absolute;
	text-align: left;
	top:100px;
	left:0px;
	width:280px;
	height:23px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	color: #F9F9F9;
	}
	
#indextext {
	position: absolute;
	text-align: left;
	top:250px;
	left:0px;
	width:275px;
	height:250px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 14px;
	font-family: Arial,sans-serif;
}	

#left {
	position: absolute;
	text-align: left;
	top:125px;
	left:0px;
	width:250px;
	height:430px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 13px;
	}
	
#leftcontact {
	position: absolute;
	text-align: left;
	top:90px;
	left:0px;
	width:250px;
	height:430px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 14px;
	font-family: Arial,sans-serif;
	}	

#middlecontact {
	position: absolute;
	text-align: left;
	top:90px;
	left:280px;
	width:250px;
	height:430px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 14px;
	font-family: Arial,sans-serif;
	}	
	
#right {
	position: absolute;
	text-align: left;
	top:250px;
	left:550px;
	width:270px;
	height:430px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	line-height: 13px;
	}	
	
#back {
	position: absolute;
	text-align: right;
	top:700px;
	left:70px;
	width:20px;
	height:20px;
	overflow:visible;
	border: 0px solid red;
	margin: 0px 0px 0px 0px;
	padding-right: 0px;
	float: left;
	}

#forward_back {
	position: absolute;
	text-align: right;
	top:559px; left:0px; width:116px; height:20px;
	overflow:visible;
	border: 0px solid green;
	margin: 0px 0px 0px 0px;
	padding-right: 20px;
	float: left;
	}
	
#forward {
	position: absolute;
	text-align: right;
	top:557px; left:90px; width:20px; height:20px;
	overflow:visible;
	border: 0px solid blue;
	margin: 0px 0px 0px 0px;
	padding-right: 0px;
	float: left;
	}


#image {
	position: absolute;
	top:254px;
	left:280px;
	width:540px;
	height:450px;
	overflow:visible;
	vertical-align: bottom;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid green;
	}

#text {
	position: absolute;
	text-align: left;
	top:275px;
	left:0px;
	width:540px;
	height:450px;
	overflow:visible;
	border: 0px solid green;
	margin-left: 0px;
	line-height: 13px;
	float: right;
}
#flashcontent {
	position: absolute;
	text-align: left;
	top:120px;
	left:0px;
	width:820px;
	height:430px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
}
#buy-1 {
	position: absolute;
	text-align: left;
	top:100px;
	left:280px;
	width:180px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
}
#buy-2 {
	position: absolute;
	text-align: left;
	top:100px;
	left:460px;
	width:180px;
	overflow:visible;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
	padding-left: 15px;
}
#buy-3 {
	position: absolute;
	text-align: left;
	top:100px;
	left:670px;
	width:155px;
	border: 0px solid green;
	margin: 0 17px 0 0;
	float: left;
}

.saleborder {
	border: 2px solid #ff33ff;
}	
.saletype {
	color:#FF33FF;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
}	
.himtype {
	color:#00CCCC;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
}	

#workgallery {
	position: absolute;
	top:90px;
	left:280px;
	width:552px;
	height:540px;
	border: 0px solid green;
}	

a#link1, a#link1:link
{
	color: #CEFF00;
}
a#link1:hover
{
	color: #0099FF;
}

a#link2, a#link2:link
{
	color: #0099FF;
}
a#link2:hover
{
	color: #FF0066;
}

a#link3, a#link3:link
{
	color: #FF0066;
}
a#link3:hover
{
	color: #CCFF00;
}

.clear {
	clear: both;
	height:10px;
	overflow:hidden;
	margin-top:-1px;
}