/*
	Squid Grid System ~ Bradley Taunt
	Modified 960 Grid System
*/

/* `HTML & Body Elements
----------------------------------------------------------------------------------------------------*/
html{background:#fff;}

body{background:#fff;font-family: Arial, Helvetica, sans-serif;}

p{font-size:12px;padding:0;margin:0;color:#fff;}
a{text-decoration:none;color:#8dcdc4;}
a:hover {color:#caf2ed;}

/* `Container
----------------------------------------------------------------------------------------------------*/
.container{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height:770px;
	margin-top:5px;
	margin-bottom:10px;
	background:url(../images/background.jpg) no-repeat top center;
}

/* `Content >> Global
----------------------------------------------------------------------------------------------------*/
.footer,
.work,
.column,
.logo{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* `Grid >> Sections
----------------------------------------------------------------------------------------------------*/

.logo {width:880px;}
	.logo img {float:left;padding:0;margin:90px 0 0 100px;}

.column {width:260px;color:#fff;margin:0 0 0 110px;}
	.column h1 {font-family: 'Droid Serif', arial, serif;font-size:18px;font-weight:100;margin:0;padding:22px 0 0 0;}
	.column ul {list-style:none;}
	.column ul li {margin:5px 0 5px 0;padding:0;}
	.column img {margin:10px 10px 0 0;opacity:0.5;}
	.column img:hover {opacity:1;}
	
.work {width:400px;margin:0 0 0 310px;}
		
.footer {width:880px;text-align:center;margin:95px 0 10px 0;}
	.footer p {color:#562a09;text-shadow: 1px 1px 1px #e69e69;}
	.footer a {color:#562a09;}
	.footer a:hover {color:#000;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

        #image{border:4px #666 solid;height:480px;width:640px;}
        .thumb{float:left;margin-right:10px;margin-top:10px;}