/* MuseoSlab & MuseoSans - A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
	font-family: 'MuseoSlab500';
	src: url('/_assets/fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('/_assets/fonts/museo_slab_500-webfont.woff') format('woff'), url('/_assets/fonts/museo_slab_500-webfont.ttf') format('truetype'), url('/_assets/fonts/museo_slab_500-webfont.svg#webfontIZoAwv9V') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans500';
	src: url('/_assets/fonts/museosans_500-webfont.eot');
	src: local('☺'), url('/_assets/fonts/museosans_500-webfont.woff') format('woff'), url('/_assets/fonts/museosans_500-webfont.ttf') format('truetype'), url('/_assets/fonts/museosans_500-webfont.svg#webfontRkfTvCWt') format('svg');
	font-weight: normal;
	font-style: normal;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff url(/_assets/images/bg.gif) repeat-x left top; 
	font: 12px/18px 'MuseoSans500', 'Century Gothic', Helvetica, Arial, sans-serif; 
	color: #666;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {
	color: #8AA8BB;
	text-decoration: none;
}
a:hover, a:active {
	color: #535f66;
}
h2 {
	
}
h3 {
	color: #333;
	font: 18px/24px 'MuseoSlab500', 'Century Gothic', Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}
h3 span {
	font: 12px/18px 'MuseoSans500', 'Century Gothic', Helvetica, Arial, sans-serif;
	padding-left: 20px;
}
p {
	line-height: 150%;
	margin-bottom: 15px;
}
p a {
	color: #4188b5;
}
p.leadin {
	font-family: 'MuseoSlab500', 'Century Gothic', Helvetica, Arial, sans-serif;
	font-size: 140%;
}


#wrap {
	float: left;
	margin-top: 110px;
	width: 700px;
}
	
	
/* HEADER */
#header {
	float: left;
	padding-right: 20px;
	margin-right: 50px;
	width: 130px;
}
#header h1 {
	background: url(/_assets/images/cg_logo.gif) no-repeat left top;
	height: 75px;
	margin: 15px 0 20px 75px;
	text-indent: -9000em;
	width: 75px;
}

#header h1 a {
	display: block;
	height: 75px;
	width: 75px;
}


/* DEFAULT NAV STYLING */
#nav ul, #nav li {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	text-align: right;
}
#nav a, #nav a:visited {
	text-transform: lowercase;
}

/* PORTFOLIO */
#portfolio {
	width: 700px;
}
#portfolio .project {
	border-bottom: 1px solid #D6E6F0;
	float: left;
	margin-bottom: 40px;
	padding-bottom: 40px;
	width: 700px;
}
#portfolio .project .photos-container {
	float: left;
	height: 488px;
	position: relative;
	overflow: hidden;
	width: 700px;
}
#portfolio .project .photos-container .photos {
	width: 20000em;
	position: absolute;
	clear: both;
}
#portfolio .project .photos-container .photos div {
	float: left;
	width: 700px !important;
	height: 488px;
	margin: 0px;
}
#portfolio .project .controls {
	display: none;
	float: left;
	left: 50%;
	position: relative;
}
#portfolio .project .actions {
	float: left;
	left: -50%;
	position: relative;
	z-index: 1;
}
#portfolio .project .actions .navi {
	display: block;
	float: left;
	margin: 5px;
	padding: 4px 0;
}
#portfolio .project .actions .navi a {
	background-color: #bad5e6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	display: inline;
	float: left;
	height: 8px;
	margin: 0 2px;
	width: 8px;
}
#portfolio .project .actions .navi a.active {
	background-color: #535f66;
	cursor: default;
}
#portfolio .project .actions a.prev,
#portfolio .project .actions a.next {
	cursor: pointer;
	float: left;
	font-size: 10px;
	margin: 0 5px;
	padding: 4px;
	text-transform: uppercase;
}
#portfolio .project .actions a.next {
	text-align: right;
}
#portfolio .project .actions a.disabled {
	color: #ddd;
	cursor: default;
}
			
		
/* FOOTER */
#footer {
	color: #999;
	margin: 60px 0 0;
	text-transform: uppercase;
}
#footer .copyright {
	color: #ccc; 
	font-size: 0.8em;
}
		
/* SITE-WIDE MINI CLASSES */
.clear { clear: both; }









/* @group Layouts for resolutions */

/*layouts smaller than 600px, iPhone and mobiles*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {

	#header {
		margin-right: 0;
		width: 100%;
	}
	#header h1 {
		background-position: center top;
		margin-left: 0;
		width: 100%;
	}
	#header h1 a {
		width: 100%;
	}
	#header #nav ul {
		text-align: center;
	}
	#header #nav ul li {
		display: inline;
		padding: 0 10px;
	}
	
	#wrap {
		clear: left;
		float: none;
		margin: 0 auto;
		padding: 50px 20px;
		width: auto;
	}
	#wrap #portfolio {
		float: left;
	}
	#wrap #portfolio .project .photos-container {
		height: 335px;
	}
	
	#wrap #portfolio,
	#wrap #portfolio .project,
	#wrap #portfolio .project .photos-container,
	#wrap #portfolio .project .photos-container .photos div,
	#wrap img {
		float: none;
		height: auto;
		width: 100% !important;
	}
	
	#wrap #portfolio .project {
		clear: left;
	}
	#wrap #portfolio .project .photos-container {
		overflow: visible;
	}
	#wrap #portfolio .project .photos-container .photos {
		position: static;
		width: auto;
	}
	#wrap #portfolio .project .photos-container .photos div {
		margin-bottom: 5px;
	}
	
	h3 span {
		display: block;
		padding: 6px 0 0;
	}
	
	#footer {
		clear: left;
		text-align: center;
	}

	}

@media screen and (min-width: 920px) {
	
	
	
	}
	
/*Just iPhone*/
@media only screen and (max-device-width: 480px) {
	
	
	
	}
	
/*iPad styles*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	
	
	}

/* @end */