@charset "utf-8";
@import url(reset.css);
/*
*	JAMES GORST WEBSITE MAIN CSS
*	@author: Johan Gärderud, jg@garderud.net
*	April 2010
*
*	TABLE OF CONTENTS
*	 1.0 BODY
*	 2.0 DEFAULT STYLES
*	 3.0 HEADINGS
*	 4.0 LINKS
*	 5.0 LAYOUT
*	 6.0 HEADER
*	 7.0 NAVIGATION
*	 8.0 FOOTER
*	 9.0 TEMPLATE SPECIFIC
*	10.0 GLOBAL UTILITY CLASSES
*	11.0 EFFECTS
*/

/*
*	1.0 BODY
*/
body
	{background-color: #fff;
	border-top:  1px solid #6c6e71;
	color: #6c6e71;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 100%;
	font-size: 0.75em; /* = 12px */}
/*
*	2.0 DEFAULT STYLES
*/	
html 
	{overflow-y: scroll;}
p
	{margin-bottom: 10px;
	width: 492px;}
em
	{font-style: italic;}
.intro
	{color: black;}
.underline
	{background: url(../gfx/px-6c6e71.gif) left bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 223px;}

/*
*	3.0 HEADINGS
*/
h1
	{color: #221e1f;
	font-size: 1.15em;}
/*
*	4.0 LINKS
*/
a, a:visited
	{color: #6c6e71;
	text-decoration: none;}
a:hover,a.active
	{color: #221e1f;
	text-decoration: none;}
h2 a
	{color: #221e1f;}
.aside a
	{display: block;
	padding-bottom: 4px;}
.aside h1 a
	{display: block;
	padding-bottom: 0px;}
.aside a.underline
	{padding-bottom: 10px;}
a:focus
	{outline: none;}
a.heading
	{color: #000;}
	
/*
*	5.0 LAYOUT
*/
.content
	{margin: 32px auto 0px;
	padding-bottom: 50px;
	width: 998px;}	
.content-wide
	{width: 1200px;}
.main, .aside, .column
	{float: left;}
.aside
	{width: 323px;}
.aside p,
.aside h2
	{width: 223px;}
.aside p
	{margin-bottom: 10px;}
.menu, .project-text
	{padding-bottom: 100px;}
.column
	{width: 270px;}
.column h2
	{color: black;
	width: 223px}
.column p
	{min-height: 175px;
	margin-bottom: 50px;
	width: 223px;}
.controls
	{clear: both;
	float: left;
	display: inline;
	margin-left: 323px;
	width: 675px;}
.content-wide .controls
	{clear: none;
	margin-left: 100px;
	width: 30px;}
.last
	{margin-left: 323px;}
.content-wide .last
	{clear: none;
	margin-left: 0px;}
.main
	{width: 675px;}
.main img
	{float: right;
	margin-bottom: 30px;}
.carousel,
.carousel-auto
	{min-height: 675px;}
#contact p
	{margin-bottom: 0px;
	min-height: auto;}
#contact .main a
	{color: #6c6e71;}	
#contact .main a:hover
	{color: #221e1f;}
.news
	{float: left;
	position: relative;}
.news p
	{position: relative;
	top: -12px;}
	
/*
*	6.0 HEADER
*/


/*
*	7.0 NAVIGATION
*/
#arrow-left
	{background: url(../gfx/arrow-left.jpg) left top no-repeat;
	float: left;
	height: 14px;
	text-indent: -9999px;
	width: 13px;}
#arrow-right
	{background: url(../gfx/arrow-right.jpg) left top no-repeat;
	float: right;
	height: 14px;
	text-indent: -9999px;
	width: 13px;}
#arrow-right:hover,
#arrow-left:hover
	{background-position: left -14px;}
/*
*	8.0 FOOTER
*/

/*
*	9.0 TEMPLATE SPECIFIC
*/
	
/*
*	10.0 GLOBAL UTILITY CLASSES
*/

/*
*	11.0 EFFECTS
*/
.invisible
	{display: none;}