/* -------------------------------------

Index 



----------------------------------------*/


/* Global Reset and default settings */ 
	body * {margin:0; padding:0}
	body {background-color:#fff; color:#999; font-size:62.5%; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}
	img  {border:0;}
	.bold {font-weight:bold;}
	
/* Heading, Typography, Links */ 
	h1, h2, h3 {margin:0px; padding:0px;}
	p {color:#999; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;}
	a {color:#999; font-weight:bold; text-decoration:none;}
	a:hover {text-decoration:underline;}

/* Accessibility */
	.hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
	

/* Layout */
	#wrapper {border:1px solid #ccc; margin:auto; padding:0; width:745px;}
	h1#logo {margin:0; padding:0; height:97px; background-color:#ccc;}
	
	ul#nav {list-style-type:none; position:absolute; bottom:0px; left:270px;}
	ul#nav li {display:inline;}
	
	ul#nav li a.gallery {background:url(../images/nav-gallery.gif) no-repeat 0px 0px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; display:block; float:left; height:18px; margin:0 5px 0 0; width:60px;}
	ul#nav li a.galleryon {background:url(../images/nav-gallery.gif) no-repeat 0px -18px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; display:block; float:left; height:18px; margin:0 5px 0 0; width:60px;}
	ul#nav li a:hover.gallery {background:url(../images/nav-gallery.gif) no-repeat 0px -18px; }
	ul#nav li a.warholise {background:url(../images/nav-warholise.gif) no-repeat 0px 0px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; display:block; float:left; height:18px; width:78px;}
	ul#nav li a.warholiseon {background:url(../images/nav-warholise.gif) no-repeat 0px -18px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; display:block; float:left; height:18px; width:78px;}
	ul#nav li a:hover.warholise {background:url(../images/nav-warholise.gif) no-repeat 0px -18px;}
	ul#nav li a span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
	
	
	#homecontent .col1 h2 img {margin:0 0 25px 0;}
	.intro {font-weight:bold; margin-bottom:75px;}
	#gallery {}
	#gallery img {margin-bottom:15px;}
	span.name {color:#ec296d; float:left; font-size:1.2em; font-weight:bold; }
	a.arrow {background:url(../images/arrow.gif) right no-repeat; color:#ec296d; font-size:1.2em; font-weight:bold; padding:1px 20px 2px 0;}
	
	#toppanel {background:url(../images/top-panel.gif) right no-repeat #ec296d; height:48px; position:relative;}
	
	#homecontent {padding:25px 40px 30px 15px;}
	#content {padding:25px 40px 50px 15px;}
	#botpanel {background:url(../images/bot-panel.gif) no-repeat 0 5px #89887c; height:86px; margin:0 0 50px 0; padding:5px 0;}
	#botpanel p, #botpanel a {color:#fff;}
	#botpanel p.info {float:right; margin:8px 30px 0 0; width:160px;}
	#botpanel p.info a img {margin:5px 0 0 0;} 
	
	.col1 {float:left; width:330px;}
	.col2 {float:right; width:250px;}
	
	.col3 {float:left; width:250px;}
	.col4 {float:right; width:430px;}
	
	.col5 {float:left; width:250px;}
	.col6 {float:right; max-width:380px;}
	.col7 {float:right; width:160px;}
	
	.cola {float:left; margin:0 30px 0 0; width:250px;}
	.colb {float:left; width:225px;}
	.colc {float:right; padding:40px 0 0 0; width:165px;}
	.colc p.pad {padding:0 25px;}
	
	#pic {border:1px solid #919084;}
	
	#imgtype a img {border:1px solid #919084; margin:0 18px 0 0;}
	#imgtype a img#selected {border:3px solid #919084;}
	
	#imgcolour {margin:20px 0 0 0;}
	#imgcolour p {}
	#imgcolour a img {margin:0 3px 0 0;}
	#imgcolour a img#colselected {border:2px solid #919084;}
	
	#links {margin-top:180px}
	
.img1 {margin:0 0 20px 0;}	

.marbot5 {margin-bottom:5px;}
.marbot10 {margin-bottom:10px;}
.martop30 {margin-top:30px;}
.padtop30 {padding-top:30px;}
.padtop35 {padding-top:35px;}
.padtop55 {padding-top:55px;}
.padtop85 {padding-top:85px;}

.padbot5 {padding-bottom:5px;}


.floatright {float:right;}
.floatleft {float:left;}

.border1 {border-left:1px solid #919084;}
.border2 {border-left:1px solid #919084;padding-left:20px;}

.height50 {height:50px;}
	
	
/* CSS clearing */   
	.clearboth {clear:both;}
	.clearleft {clear:left;}
	.clearright {clear:right;}
	
	.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearing {display: inline-table;}
	/* Hides from IE-mac */
	  * html .clearing {height: 1%;}
	  .clearing {display: block;}
	/* End hide from IE-mac */
	
	
	
/* Forms */
	form {}
	form label {color:#919084; font-size:1.1em;}
	form input.std, form textarea {border:1px solid #ec296d; color:#919084; font-size:1.1em; padding:2px;}
	form input.btn {}
	
	form#form1 {width:135px;}
	form#form1 label {display:block; }
	form#form1 input {display:block; margin:0 0 15px 0; width:133px;}
	form#form1 textarea {display:block; margin:0 0 15px 0; width:133px;}
	form#form1 input.btn {border:none; height:34px; width:159px;}
	form#form1 input.btnsm {border:none; height:25px; width:82px;}
	
	form#form2 input#userfile  {border:1px solid #ec296d; color:#919084; font-size:1.1em; padding:2px;}
	
	input#go, input#warholise {border:none;}
	
	ul.isernav li {font-size: 1.2em; list-style: none; float: left; margin: 0px 18px 0px 0px; color: #808080; }
	ul.isernav li.current { color: #EC296D; font-weight: bold; }
	ol.instructions {font-size: 1.1em; margin-left: 18px; }
	ol.instructions li { margin-top: 18px; }
	#main_image { border: 1px solid black; }