/* generated by csscreator.com */ 
html, body
{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #5e5e5e;
	font-size: 14px;
	font-family: Times,Arial,helvetica,sans-serif;
	line-height: 16px;
} 
 
#pagewidth{ 
 width:700px; 
 text-align:left;
 margin-left:30px;
 margin-top:20px;
} 

#header{
 position:relative; 
 height:40px; 
 padding: 0px 0px 0px 0px;
} 

#header_textbox{
 position:relative; 
 float:left;
 width: 200px; 
 margin-right: 20px;
} 
 
#maincol{
 position: relative; 
 width:700px; 
 float: left; 
}

#link_square{
position: relative;
width: 200px;
height: 215px;
margin-right: 20px;
margin-bottom: 20px;
float: left;}

#link_box{
width:200px;
height:200px;
position: absolute;
top: 0px;
left: 0px;
border-style: solid;
border-width: 1px;
border-color: #8c8c8c;}

p{
margin-top: 0px;}

/* hiddenpic is for preloading images */
.hiddenpic{display:none;}

.flickr{
background-image: url(images/flickr_square_grey.jpg);
background-repeat: no-repeat;}

.flickr:hover{
background-image: url(images/flickr_square.jpg);
background-repeat: no-repeat;}

.tomwright{
background-image: url(images/tomwright_square_grey.jpg);
background-repeat: no-repeat;}

.tomwright:hover{
background-image: url(images/tomwright_square.jpg);
background-repeat: no-repeat;}

.hannahsimpson{
background-image: url(images/hannahsimpson_square_grey.jpg);
background-repeat: no-repeat;}

.hannahsimpson:hover{
background-image: url(images/hannahsimpson_square.jpg);
background-repeat: no-repeat;}

.nbstudio{
background-image: url(images/nbstudio_square_grey.jpg);
background-repeat: no-repeat;}

.nbstudio:hover{
background-image: url(images/nbstudio_square.jpg);
background-repeat: no-repeat;}

.grogger{
background-image: url(images/grogger_square_grey.jpg);
background-repeat: no-repeat;}

.grogger:hover{
background-image: url(images/grogger_square.jpg);
background-repeat: no-repeat;}

.gild{
background-image: url(images/gild_square_grey.jpg);
background-repeat: no-repeat;}

.gild:hover{
background-image: url(images/gild_square.jpg);
background-repeat: no-repeat;}

#link_text{
height:10px;
position: absolute;
bottom: 0px;}

A:visited {color: #FF3e96; text-decoration: none}
A:link {color: #FF3e96; text-decoration: none;}
A:active {color: #FF3e96; text-decoration: none}
A:hover {color: #FFF; background-color: #FF3e96; text-decoration: none}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */