body {
	font-family: Helvetica, Arial, sans-serif;
	background-color:#757575;
	margin:0;
	padding:0;
	line-height:1.4em;
}

#wrap {
	background-color:#ffffff;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top:0;
}

#header {
	background-color:#4D0000;
	width:900px;
	height:100px;
	margin-bottom:5px;
}

#nav {
	background-color:#606048;
	width:900px;
	height:30px;
	margin:0;
	padding:0;
	color:#A8A890;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;	
	font-weight:bold;
}
#nav ul {
	float:left;
	margin:0 40px;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0;
	padding:0;
}
#nav a {
	float:left;
	display:block;
	margin:0;
	padding:15px 20px;
	line-height:0px;
	color:#A8A890;
	text-decoration:none;
	font-weight: bold;
}
#nav a:hover, #nav a.active{
	background-color:#A8A890;
	color:#4D0000;
}

#main {
	font-family: Helvetica, Arial, sans-serif;
	background-color:#ffffff;
	width:820px;
	padding:20px 40px;
	min-height:480px;
	max-height:none;
}
#main_bottom {
	clear:both;
	display:block;
	background-color:#ffffff;
	width:900px;
}

#footer {
	background-color:#000000;
	width:900px;
	height:50px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	color:#9C9C9C;
	font-size:10px;
	line-height:50px;
}

h1 {
	font-size:24px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#4D0000;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h2 {
	font-size:21px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#4D0000;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h3 {
	font-size:18px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#4D0000;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h4 {
	font-size:16px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#4D0000;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h5 {
	font-size:14px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#4D0000;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h6 {
	font-size:12px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#4D0000;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
p, li {
	font-size: 14px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
}
td { font-family: Helvetica, Arial, sans-serif; }
th { font-family: Helvetica, Arial, sans-serif; }

.home-intro {
	font-size: 16px;
}
.expert-item {
	margin-top: 15px;
	margin-bottom: 5px;
}
.highlight {
	color:#606048;
}
.highlightbold {
	color:#606048;
	font-weight:bold;
}
h1.category {
	float:left;
}

/* thumbnails */
#project_items ul {
	float:right;
	width:100%;
	margin:10px 0 10px 0;
	padding:5px 0 0 0;
	list-style:none;
	border-top:2px #A8A890 solid;
	border-bottom:2px #A8A890 solid;
	text-align:center !important;
}
#project_items li {
	position:relative;
	display:inline-block;
	overflow:hidden !important;
	margin:5px 0; 
	padding:0;
	width: 98px;
	height: 70px; 
	text-align:center;
}
#project_items a {
	display:block;
	text-decoration:none;
	padding: 0;
}
#project_items a:focus {
	outline: none; 
}
#project_items img { /* default: resize based on width */
	display:block;
	width:90px; 
	height:auto;
	margin:auto;
  padding:0; 
	overflow:hidden !important;
	outline: none;
	border-top:2px solid #fff;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
#project_items img.tall { /* resize based on height */
	display:block;
	width:auto;
	height:100px; 
	margin: auto;
  padding: 0; 
	overflow:hidden !important;
	outline: none; 
	border-top:2px solid #fff;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
#project_items a:hover img, #project_items a.active img, #project_items a.active-item img {
	border-top:2px #A8A890 solid;
	border-left:4px solid #A8A890;
	border-right:4px solid #A8A890;
}

#project_details {
	display:block;
	float:left;
	width:350px;
	margin:20px;
}
#project_images {
	display:block;
	float:left;
	width:350px;
	height:auto;
	margin:20px; 
	padding:15px;
	background-color:#202834; /*#A8A890;*/
	border: 2px solid #A8A890;
}

/* jquery cycle css - projects */
.slideshow { 
	width: 350px;
	height: 300px;
	margin:0 auto;
}
.slideshow div { 
	width: 350px;
	height: 300px;
}
.slideshow div img { /* default: resize based on width */
  padding:0; 
	/*margin:0;*/
  width: 350px; 
	height:auto;
	margin: auto;
	display:block;
}
.slideshow div img.tall { /* resize based on height */
  padding: 0; 
	width:auto;
	height:300px;
	margin: auto;
	display:block;
}

#project_images #spages a, #project_images a#prev2, #project_images a#next2 {
	color:#606048;
	text-decoration:none;
}
#project_images #spages a {
	padding:0 5px;
}
#project_images a#prev2 {
	padding:0 10px 0 0;
}
#project_images a#next2 {
	padding:0 0 0 10px;
}
#project_images #spages a:hover, #project_images #spages li.activeSlide a, 
#project_images a#prev2:hover, #project_images a#next2:hover {
	color:#A8A890;
}
#project_images #spages a:focus {
	outline: none; 
}
#project_images #caption {
	background-color: #A8A890;
	color:#606048;
	width:100%;
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	padding:1px 0;
	margin-bottom:0;
	border-bottom:solid 2px #606048;
	border-top:solid 1px #606048;
}

#controls #sprev {
	float:left;
	display:block;
}
#controls #sprev a:focus {
	outline: none; 
}
#controls #spagesSection {
	display:block;
	margin:0 auto;
	padding:0;
}
#controls #spagesSection #spages {
	display:table;
	margin:3px auto 0 auto;
	text-align:center !important;
}
#controls #spagesSection #spages li {
	position:relative;
	display: inline-block;
	list-style:none;
	margin-bottom: 3px;
}
#controls #spagesSection #spages li a {
	float:left;
	outline: none; 
}
#controls #snext {
	float:right;
	display:block;
}
#controls #snext a:focus {
	outline: none; 
}

/* jquery cycle css - preview */
.slideshow_preview1, .slideshow_preview2, .slideshow_preview3, .slideshow_preview4 { 
	width: 196px;  
	height: 196px; 
	margin:0 auto;
}
.slideshow_preview1 div, .slideshow_preview2 div, .slideshow_preview3 div, .slideshow_preview4 div { 
	width: 196px; 
	height: 196px; 
	padding:0;
}
.slideshow_preview1 div img, .slideshow_preview2 div img, .slideshow_preview3 div img, .slideshow_preview4 div img { /* default: resize based on width */
  padding:0; 
	width:350px;
	height:auto;
	margin: auto;
	display:block;
	border:none;
	outline: none; 
}
.slideshow_preview1 div img.tall, .slideshow_preview2 div img.tall, .slideshow_preview3 div img.tall, .slideshow_preview4 div img.tall { /* resize based on height */
  padding: 0; 
	width:auto;
	height:320px;
	margin: auto;
	display:block;
	border:none;
	outline: none; 
}

#preview {
	background-color:#202834;
	margin:auto;
	width:820px;
	margin-top:30px;
	content: "Web";
}
#preview a {
	border:none;
	outline:none; 
}
#preview_engage, #preview_web, #preview_app, #preview_print {
	overflow:hidden;
	background-color:#202834;
	text-align:center;
}
#preview_engage {
	margin:0 6px 0 0;
}
#preview_web {
	margin:0 6px;
}
#preview_app {
	margin:0 6px;
}
#preview_print {
	margin:0 0 0 6px;
}
@media screen and (min-width:771px) and (max-width:900px){
	#wrap {
		width: 800px !important;
	}
	#header {
		width: 800px !important;
		overflow: hidden;
	}

	#nav {
		width: 800px !important;
	}
	#nav ul {
		margin:0 20px;
	}
	
	#main {
		width: 720px !important;
	}
	#main_bottom {
		width: 800px !important;
	}

	#footer {
		width: 800px !important;
	}

	#project_details {
		width:680px;
		margin:10px 20px 0px 20px;
	}
	#project_images {
		width:650px;
		margin:10px 20px 0px 20px;
	}
	
	/* jquery cycle css - preview */
	.slideshow_preview1, .slideshow_preview2, .slideshow_preview3, .slideshow_preview4 {
		width: 170px; 
		height: 170px; 
	}
	.slideshow_preview1 div, .slideshow_preview2 div, .slideshow_preview3 div, .slideshow_preview4 div {
		width: 170px; 
		height: 170px; 
	}
	.slideshow_preview1 div img, .slideshow_preview2 div img, .slideshow_preview3 div img, .slideshow_preview4 div img { /* default: resize based on width */
		width:300px;
	}

	#preview {
		width: 720px !important;
	}
}
@media screen and (min-width:601px) and (max-width:770px){
	#wrap {
		width: 600px !important;
	}
	#header {
		width: 600px !important;
		overflow: hidden;
	}
	
	#nav {
		width: 600px !important;
	}
	#nav ul {
		margin:0 20px;
		float:none;
		width:550px;
	}
	#nav a {
		padding:15px 20px;
	}

	#main {
		width: 520px !important;
	}
	#main_bottom {
		width: 600px !important;
	}

	#footer {
		width: 600px !important;
	}

	#project_details {
		width:480px;
		margin:0px 20px 0px 20px;
	}
	#project_images {
		width:450px;
		margin:0px 20px 0px 20px;
	}

	/* jquery cycle css - preview */
	.slideshow_preview1, .slideshow_preview2, .slideshow_preview3, .slideshow_preview4 {
		width: 200px; 
		height: 180px;  
		margin:0 auto 10px auto;
	}
	.slideshow_preview1 div, .slideshow_preview2 div, .slideshow_preview3 div, .slideshow_preview4 div {
		width: 200px; 
		height: 180px; 
	}
	.slideshow_preview1 div img, .slideshow_preview2 div img, .slideshow_preview3 div img, .slideshow_preview4 div img { /* default: resize based on width */
		width:300px;
	}
	
	#preview {
		width: 520px !important;
	}
	#preview_engage {
		margin:0 15px 20px 40px;
	}
	#preview_web {
		margin:0 40px 20px 15px;
	}
	#preview_app {
		margin:0 15px 0px 40px;
	}
	#preview_print {
		margin:0 40px 0px 15px;
	}
}
@media screen and (max-width:600px){
	#wrap {
		width: 420px !important;
	}
	#header {
		width: 420px !important;
		overflow: hidden;
	}
	
	#nav {
		width: 420px !important;
	}
	#nav ul {
		margin:0 10px;
	}
	#nav a {
		padding:15px 10px;
		font-size: 14px;
	}

	#main {
		width: 380px !important;
		padding:20px 20px;
	}
	#main_bottom {
		width: 420px !important;
	}

	#footer {
		width: 420px !important;
	}

	/* thumbnails */
	#project_items li {
		width: 92px; 
	}
	#project_items img { /* default: resize based on width */
		width:82px;
	}

	#project_details {
		width:360px;
		margin:0px 0px 0px 0px;
		padding: 15px 10px;
	}
	#project_images {
		width:350px;
		margin:0px 0px 0px 0px;
	}

	/* jquery cycle css - projects */
	.slideshow div img { /* default: resize based on width */
		width: 350px; 
	}
	
	/* jquery cycle css - preview */
	.slideshow_preview1, .slideshow_preview2, .slideshow_preview3, .slideshow_preview4 {
		width: 170px; 
		height: 170px; 
	}
	.slideshow_preview1 div, .slideshow_preview2 div, .slideshow_preview3 div, .slideshow_preview4 div {
		width: 170px; 
		height: 170px; 
	}
	.slideshow_preview1 div img, .slideshow_preview2 div img, .slideshow_preview3 div img, .slideshow_preview4 div img { /* default: resize based on width */
		width:300px;
	}

	#preview {
		width: 360px !important;
	}
	#preview_engage {
		margin:0 10px 20px 0px;
	}
	#preview_web {
		margin:0 0px 20px 10px;
	}
	#preview_app {
		margin:0 10px 0px 0px;
	}
	#preview_print {
		margin:0 0px 0px 10px;
	}
}