.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; }
.one { width: 960px;margin-right: 0; }
.one-half {	width:470px;margin-right:30px; }
.two-third { width:350px;margin-right:50px; }
.one-third  { width:340px;margin-right:50px;}
.one-fourth { width:225px;	margin-right:30px; }

.last { margin-right: 0 !important; }
.titles { width:370px;margin-right:20px; }


body {
	font-family: 'Source Sans Pro', sans-serif;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
	/* navigation */
	#nav {
	

		height:62px;	
		width:940px;
		
	}
	
	#nav ul {	
		width:940px;
		margin:0 auto;	
	}
	
	#nav li {	
		float:left;
		width:20px;
		list-style-type:none;
		
		
	}
	
	#nav a {
		color:#746553;
		display:block;
		
		font-size:21px;		
		height:20px;
		text-decoration:none;
				position:relative;
				opacity: 0.7;
				margin: 0 auto;
				font-weight:200;
				
				
			}	
	
	#nav a.current {
		color:#746553;
		opacity: 1;
		font-weight:300;

	}
	
	#nav a:hover {
		color:#746553;
		opacity: 1;
	}
	

	
	#nav img {
		
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:12px;
	}
	
	/* panes */
	#panes {
		width:1600px;	
		height:400px;
		line-height: 21px;
		
		font-size:14px;
		color:#444;	
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:200;
		text-align:justify;
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	
	
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		margin: 30px 30px 20px 30px;
		font-size:14px;
		color:#444;	
		width:800px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:200;
		text-align:justify;
	}
	
	
	
	
	#panes img {
		float:left;
		margin-right:0px;		
	}