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

****************************
Built by josh griffey
e-mail: josh@oneshoe.co.uk
www: http://www.clinic.co.uk
****************************

--------------------------------------------------------------

-------------------------------------------------------------- 

	YAHOO RESET 

-------------------------------------------------------------- 
*/ 
 
@import url('reset.css'); 

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

	PAGE
	
-------------------------------------------------------------- 
*/ 
html { background:#fff; width:100%; height:100%; }
body {font-size:62.5%; font-family: "Courier New", Courier, monospace; }

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

	HEADER

-------------------------------------------------------------- 
*/ 
.logo { background:url(../images/logo_SJS.gif); width:900px; height:127px; text-indent:-99999px; margin:30px 0; display:block; }
#flashcontent { margin:30px 0; }

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

	CONTENT

-------------------------------------------------------------- 
*/ 
#wrapper { width: 900px; margin:20px auto; }
.message { font-size: 400%;	margin: 40px 0; line-height:140%; }
.message a { xheight:1.2em; padding:2px 5px; sfloat:left; margin-right:-10px; }

#main { }
#main a { background:#000; color:#FFF; text-decoration:none; }
#main a:hover { background:#ff0000; }

#main a.special { background:#a3a3a3; color:#FFF; text-decoration:none; }
#main a.special:hover { background:#ff0000; }


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

	WORK

-------------------------------------------------------------- 
*/ 
#description { background:#000; padding:20px; }
#description p { font-size:30%; line-height:120%; color:#FFF; font-family:Arial, Helvetica, sans-serif; }
#description h3 { font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#FFF; margin-top:-10px; } 
.reset { padding:0; margin:0; }
img { padding:0; margin-bottom:0; xborder:1px solid red; xfloat:left; }

#a33 {
	width: 900px;
	height: 400px;
	xbackground-color:#FF00FF;
	clear:both;
}

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

	FOOTER

-------------------------------------------------------------- 
*/ 
#footer { font-size:170%; color:#999999; margin-top: 50px; clear:both; }
#footer a {text-decoration:none; color:#999999}
#footer a:hover {text-decoration:none; color:#FF0000}









/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* hides from IE/Mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack  ***/