/*graphico.co.uk*/



/*

	colour pallette

	===============================

	default blue	#57adb5;

	golden brown	#C89C5F;

*/



/*

	flags

	===============================

	=primary-nav;

*/



@import "dev.css";



/* The file below is read by ALL browsers

	but the hacks contained within it further target 

	IE5-6 for Windows. See file for details. */



@import "gallery.ie6win.css";

@import "ie7win.css";



/* The file below is ONLY read by IE5/Win.

	Makes use of the Mid Pass Filter: 

	http://tantek.com/CSS/Examples/midpass.html */



@media tty {

 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}

}/* */



/* The file below is ONLY read by IE5/Mac.

	Makes use of the Band Pass Filter: 

	http://www.stopdesign.com/examples/ie5mac-bpf/ */



/*\*//*/

  @import "ie5mac.css";

/**/



/* -- Generic Initiation items not covered in "undothml.css" -- */



body

{


}



body#home

{

	min-width: 960px;

}



h1, h2, h3, h4, h5, h6, p

{

	position: relative;

}



/*	For evil CMSs */

u

{

	text-decoration: none;

}



/*	To standardise cross browser */

ul, ol

{

	list-style-position: outside;

}



fieldset

{

	border : none;

}



legend

{

	position: absolute;

	top: -9999px;

	left: -9999px;

}



/*	Completely remove text from presentation */

/*	Not used to hide text  - screen readers won't pick it up either	*/

.invisible

{

	display: none;

}



/*	Used to hide text that screen readers should pick up */

.hide

{

	position: absolute;

	top: -9999px;

	left: -9999px;

}



.floatLeft

{

	float: left;

}



.floatRight

{

	float: right;

}



.clearBoth

{

	clear: both;

}



/*	Clear floats on a background */

.theBreaker

{

	height: 0.005em;

	clear: both;

	overflow: hidden;

}



/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */

.replace

{ 

	position:relative; 

	margin:0px; 

	padding:0px; 

	/* hide overflow:hidden from IE5/Mac */ 

	/* \*/ overflow: hidden; /* */ 

} 



.replace span

{

	display:block; 

	position:absolute; 

	top: 0px; 

	left: 0px; 

	z-index:1; /*for Opera 5 and 6*/ 

}



/*Example HTML - all elements that require replacement use the .replace class then

set the rule for the specific image and dimensions and associate with the elements ID.



<h1 id="myh1" class="replace" >Headline<span></span></h1> 



the add the CSS:

#myh1, #myh1 span

{ 

	height:100px; 

	width:300px; 

	background-image: url(head.png); 

} 

*/



/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.clear { display: inline-block; }   

.clear:after, .container:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}

* html .clear { height: 1%; }

.clear { display: block; }



/* begin normal CCS for Tier 1 browser: Firefox */

/*
	gallery specific styles;
*/

#overlay
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	background: #000;
	height: 100%;
	width: 100%;
}

#gallery
{
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
	background: #fff;
	text-align: left;	
}

#gallery a, #gallery p
{
	font-size: 1.2em;
	line-height: 1.6em;
	
}

#gallery a
{	display: block;
	/* float: right; */
	color: #666;
	margin: 5px 5px 0 5px;
	font-size: 12px;
	text-decoration: underline;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#gallery p
{	display: block;
	text-align: center;
	color: #333;
	margin: 5px 5px 0 5px;
}

#gallery-image
{
	position: relative;
	background: #000;
	min-height: 100px;
	min-width: 250px;
}

/*	Any Safari hash hacks go at the end of the file */