/* -- THE BONES -- */

* {
	margin: 0;
	padding: 0;
	}

body {
background-color:#33cccc;
font-family: 'Inconsolata', courier, arial, verdana, sans-serif;
	-webkit-font-smoothing:antialiased;
text-align: left;
color: #fff;
line-height: normal;

	}

html>body {
	font-size: 10px;
	}

#quote p,.hidden {
	left: -9999px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	}



/* -- TEXT STYLES -- */

p {
	line-height: 22px;
	font-size: 18px;
	}


p, h3 a {
	color: #fff;
	}
	
a {
	
	color: #333;
	text-decoration: none;
}

a:hover {
	background-color: #fff;	
}



h1 {
	
	font-size: 90px;
	letter-spacing: -2px;
	line-height: 75px;
	/*height: 90px;*/
	margin: 0;
	padding: 5px;
	font-weight: normal;
	}

h2{
	font-size: 45px;
	}

h3 {
	font-size:24px;
	font-weight:normal;
	}


	
/* -- LAYOUT CONTAINERS -- */

#container {
	max-width: 975px;
	margin: 20px;
	}



#content {
	max-width: 800px;
	/*height: 373px;*/
	/*background: #69F;*/
	}
	
#textContainer {
	padding: 5px;
	margin: 5px;
	max-width: 680px;
	float: left;
	}

#linkContainer {
	padding: 5px;
	margin: 5px;
	max-width: 680px;
	/*height: 250px;*/
	float: left;
	}

#linkContainer a{
	text-decoration: none;
	}
	
#linkContainer a:hover {
	color: #33cccc;
	}

/* -- GALLERY STYLES  -- */

.galleryTab {
	max-width: 950px;
	/*height: 80px;*/
	cursor: pointer;
	}

.galleryContent {
	position: relative !important;
	max-width: 975px;
	/*height: 270px;*/
	margin: 10px;
	}


/* -- COLOR CLASS -- */
.title {
	padding-bottom: 50px;
}

.colour {
color: #fff;
background-color: #333;
text-decoration: none;
	font-weight:bold;
}


/* This is a fix for the 'Doubled top padding after float bug' in IE 5/6/7 PC:
http://lukeplant.me.uk/articles/webdev/cssbugs/double_padding_on_cleared_divs_report.html */

/* Hides from IE5-mac \*/

* html .gl {
	height: 1%;
	}

/* End hide from IE5-mac */


/*
============================================
    RESPONSIVENESS
============================================
*/

@media only screen and (max-width: 560px) {
	
	h1 {
		font-size: 30px;
	letter-spacing: -1px;
	height: 35px;
	line-height: 50px;
	}
	
	h2{
	font-size: 20px;
	}
	
	.galleryContent {
	margin: 0px;
	}
	
	#container {
	margin: 5px;
	}
	
	#textContainer {
	/*padding: 0px;*/
	margin-left: 0px;
	}
	
	#linkContainer {
	/*padding: 0px;*/
	margin-left: 0px;
	}
	
	.title {
	padding-bottom: 0px;
}
}