/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.8; margin:0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }




/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} .clearfix {display: block;}
/* End hide from IE-mac */



.small { font-size:9px !important; }
.red { color:#E50B1D !important; }
.uppercase { text-transform:uppercase; }
.nomargin { margin:0 !important; }
.left { float:left; }
.right { float:right; }
sup { vertical-align: top; font-size: 0.8em; }

a.inherit, a.inherit:link { color:inherit !important; }


hr {
	background: #e3e3e3;
	width: 100%;
	margin:20px 0 20px 0;
	color: #e3e3e3;
	border: 0;
	height: 1px;
	clear: both;
	}
img {
	border:1px solid #ccc;
	}

body {
	font:normal 62.5%/1.8em Helvetica, Arial, sans-serif;
	width:100%;
	height:100%;
	background:#333;
	text-align:center;
	}
html > body {
	font-size:10px;
	}
a, a:link, a:active {
	color:#333;
	text-decoration:underline;
	outline:none;
	}
a:hover { color:#666; text-decoration:none; }

#wrapper {
	width:960px;
	background:#fff;
	color:#333;
	margin:0 auto;
	text-align:left;
	-moz-box-shadow: 0px 0px 20px #000000;
	-webkit-box-shadow: 0px 0px 20px #000000;
	}
#header {
	width:920px;
	height:90px;
	position:relative;
	margin:0 20px;
	padding:0;
	background:#fff;
	}

#logo {
	text-indent:-9999px;
 	display:block;
	width:310px; 
	height:50px;
	position:absolute;
	top:20px;
	left:0px;
	}
	
#logo h1 { 
	margin:0 !important;
	padding:0 !important;
	}

#logo a {
	display:block;
	width:206px;
	height:50px;
	background:url("/themes/kuhnriddle/images/logo.gif") no-repeat left top;
	border:0px;
	}

#navigation {
	position:absolute;
	top:0px;
	right:0px;
	width:640px;
	height:100px;
	font-size:1.1em;
	text-transform:uppercase;
	}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	}
	
#navigation li {
	float:left;
	}
#navigation li a {
	float:left;
	display:block;
	height:65px;
	line-height:100px;
	padding:10px;
	text-decoration:none;
	color:#333;
	border:0px;
	font-weight:bold;
	}

#navigation li a:hover,
#navigation li.current a{
	color:#E50B1D;
	font-weight:bold;
	}
	
	
#content {
	width:920px;
	margin:0px 20px;
	}
	
#leftnav {
	width:215px;
	border-top:1px solid #e3e3e3;
	float:left;
	}
#leftnav h3 {
	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:22px 0 14px 0;
	}
#leftnav h3.border {
	border-top:1px solid #e3e3e3;
	padding:1em 0 0 0;
	margin:22px 0 14px 0;
	}	
#leftnav h4 {
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:22px 0 0 0;
	color:#E50B1D;
	}	
#leftnav ul {
	font-size:1.4em;
	list-style-type:none;
	line-height:1.285em;
	margin:0;
	padding:0;
	}
#leftnav ul li {
	font-weight:normal;
	}
#leftnav ul.portfolio li a,
#leftnav ul.portfolio li a:link {
	display:block;
	width:220px;
	padding:9px 0;
	border:0px;
	text-decoration:none;
	}
#leftnav ul.portfolio li a:hover {
	text-decoration:underline;
	}
#leftnav ul li.current,
#leftnav ul li.here {
	border-width:1px 0px;
	border-color:#e3e3e3;
	border-style:solid;
	font-weight:bold;
	}
#leftnav ul.portfolio ul {
	font-size:.9em;
	list-style-type:square;
	color:#666;
	margin:0 0 1em 0;
	}
#leftnav ul.portfolio ul li {
	margin:0 0 10px 15px;
	font-weight:normal;
	padding:0;
	}
#leftnav ul.portfolio ul li.current,
#leftnav ul.portfolio ul li.here {
	border:0px;
	margin-left:15px;
	padding:0;
	color:#E50B1D;
	font-weight:bold;
	}
#leftnav ul.portfolio li a:hover,
#leftnav ul.portfolio ul li:hover,
#leftnav ul.portfolio ul li a:hover,
#leftnav ul.portfolio li.current ul li a:hover{
	color:#E50B1D;
	border:0px;
	}
#leftnav ul.portfolio li.current a,
#leftnav ul.portfolio li.current ul li.current a,
#leftnav ul.portfolio li.here a,
#leftnav ul.portfolio li.here ul li.here a{
	color:#E50B1D;
	}
#leftnav ul.portfolio li.current ul li a {
	color:#333;
	}
#leftnav ul.portfolio li.current ul li a {
	display:inline;
	background:none;
	border:0px;
	padding:3px 0;
	width:200px;
	}
#leftnav p {
	font-size:1.2em;
	margin-bottom:1em;
	}
#leftnav p a {
	text-decoration:underline;
	}
#leftnav .testimonial p {
	color:#666;
	font-size:1.1em;
	margin:0 0 1em 0;
	font-style:italic;
	}


#main {
	/* TOTAL WIDTH IS 685*/
	color:#333;
	width:685px;
	border-top:1px solid #e3e3e3;
	padding:20px 0;
	float:right;
	}
.alt {
	width:485px !important;
	padding-right:200px !important;
	}

#main h1 {
	font-size:2.1em;
	line-height:1.2em;
	margin:0 0 .7em 0;
	}
#main h2 {
	font-size:1.5em;
	line-height:1.2em;
	margin: 0 0 .2em 0;
	text-transform:uppercase;
	}	
#main h3 {
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:1em;
	margin-bottom:0;
	color:#E50B1D;
	}
#main h4 {
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
	text-transform:uppercase;
	letter-spacing:1px;
	}	
#main p {
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
	}
#main p.caption {
	font-size:10px;
	line-height:15px !important;
	margin:0;
	}
#main ul {
	font-size:1.2em;
	margin:0 0 1.5em 1.8em;
	}
#main blockquote {
	margin-left:15px;
	font-style:normal;
	}
#main img {
	margin:0;
	padding:0;
	}
/*
#main .staff {
	margin:0 0 20px 0;
	width:310px;
	float:left;
	height:194px;
	padding-right:20px;
	}
#main .staff img {
	float:left;
	margin-right:10px;
	}
*/
#main .staff {
	margin:0 0 20px 0;
	width:215px;
	float:left;
	height:300px;
	padding-right:10px;
	}
#main .staff img {
	margin:0 0 20px 0;
	}
.testimonials p {
	margin-left:15px;
	font-style:italic;
	}
.testimonials blockquote p {
	margin-left:15px;
	font-style:normal !important;
	}	
/* THIRDS OF 920 WITH GUTTERS */
#main .column {
	float:left;
	width:296px;
	margin:0 20px 20px 0;
	}
#main .column a,
#main .column a:link{
	color:#E50B1D !important;
	}
#main .twocolumn {
	float:left;
	width:603px;
	margin:0 20px 20px 0;
	}	
#main .column img {
	margin-bottom:5px;
	}
#main .projectthumb {
	margin-bottom:20px;
	}
#main .projectthumb img {
	float:left;
	margin-right:20px;
	border:1px solid #e3e3e3;
	}
#main .projectthumb p {
	margin-left:330px;
	}
#main a, #main a:link {
	color:#E50B1D !important;
	}
#main .staffbio p {
	margin-left:162px;
	}


#footer {
	width:920px;
	height:40px;
	margin:20px;
	background:#e3e3e3;
	}
#footer p {
	color:#999;
	margin:1em 1.5em;
	}
	
	
	
/* SCROLLING PORTFOLIO */

#currentimage{
	position:relative;
	width:687px;
	height:490px;
	overflow:hidden;
	margin:0 0 10px 0;
}

#images{
	position:relative;
	overflow:hidden;
	width:687px;
	height:490px;
	clear:left;
	}
#images img {
	border:1px solid #e3e3e3;
	}
	
#images ul {
	width:20000px;
	list-style-type:none;
	margin:0;
	}
	
#images li{
	float:left;
	position:relative;
	margin:0;
	padding:0;
	height:490px;
	}


#currentimage a.prev  {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:342px;
	height:469px;
	z-index:10;
	background: url('/themes/kuhnriddle/images/arrow-left-80');
	background: url('/themes/kuhnriddle/images/arrow-left-60.png') no-repeat 10px 400px !important;
	background:none;
	text-indent:-2727px;
	}
#currentimage .prev:hover {
	background: url('/themes/kuhnriddle/images/arrow-left-80.png') no-repeat 10px 400px !important;
	background:none;
	}

#currentimage a.next  {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:342px;
	height:469px;
	z-index:10;
	background: url('/themes/kuhnriddle/images/arrow-right-80.png');
	background: url('/themes/kuhnriddle/images/arrow-right-60.png') no-repeat 300px 400px !important;
	background:none;
	text-indent:-2727px;
	}
#currentimage .next:hover {
	background: url('/themes/kuhnriddle/images/arrow-right-80.png') no-repeat 300px 400px !important;
	background:none;
	}

#main p.seemore {
	color:#999;
	font-size:10px;
	float:right;
	margin:20px 0 0 0;
	}
#currentimage span.caption {
	color:#999;
	font-size:10px;
	position:absolute;
	bottom:0px;
	right:0;
	}
#currentimage span.builder {
	color:#999;
	font-size:10px;
	position:absolute;
	bottom:0px;
	left:0;
	}	
	
#currentimage span.builder a,
#currentimage span.builder a:link,
#currentimage span.caption a,
#currentimage span.caption a:link {
	color:#999 !important;
	text-decoration:none;
	}
#currentimage span.builder a:hover,
#currentimage span.caption a:hover {
	text-decoration:underline;
	}	
	









#currentproject{
	position:relative;
	height:517px;
	width:920px;
	overflow:hidden;
}


#featuredprojects{
	position:relative;
	overflow:hidden;
	background-color:#333;
	width:920px;
	height:517px;
	clear:left;
	}
	
#featuredprojects ul{
	width:11040px;
	}
	
#featuredprojects li{
	float:left;
	position:relative;
}
	
#featuredprojects p{
	width:550px;
	margin:16px 0;
	font-size:85%;
	line-height:1.4em;
}
	
#featuredprojects h2{
	color:#993333;
	margin:20px 0pt;
	}
#featuredprojects a{
	color:#777;
	font-weight:bold;
	text-decoration:none;
	}

#currentproject .text {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	}
#currentproject .text h2 {
	font-weight:normal;
	font-size:1.8em;
	margin:1.9em 1em .5em 70px;
	color:#fff;
	}
#currentproject .text h2 a,
#currentproject .text h2 a:link {
	color:#fff;
	font-weight:normal;
	border:0px;
	}
#currentproject .text h2 a:hover {
	color:#ccc;
	}
#currentproject .text p {
	font-size:1.2em;
	margin:0 1.5em 1.5em 70px;
	color:#ccc;
	}

#currentproject .dark {
	background: url('/themes/kuhnriddle/images/transparent-gradient.png') !important;
	background: none;
	}
#currentproject .dark h2 {
	color:#fff;
	}
#currentproject .dark p {
	color:#ccc;
	}

#currentproject .light {
	background: url('/themes/kuhnriddle/images/transparent-white.png') !important;
	background: none;
	}
#currentproject .light h2 {
	color:#333;
	}
#currentproject .light p {
	color:#555;
	}

#currentproject a.next  {
	display:block;
	position:absolute;
	top:450px;
	right:17px;
	width:31px;
	height:56px;
	z-index:10;
	background: url('/themes/kuhnriddle/images/arrow-right-80.png');
	background: url('/themes/kuhnriddle/images/arrow-right-60.png') !important;
	background: none;
	text-indent:-9999px;
	border:0px;
	}
#currentproject .next:hover {
	background: url('/themes/kuhnriddle/images/arrow-right-80.png') !important;
	background: none;
	cursor:pointer;
	text-indent:-9999px;
	}

#currentproject  a.prev {
	display:block;
	position:absolute;
	top:450px;
	left:17px;
	width:31px;
	height:56px;
	z-index:10;
	background: url('/themes/kuhnriddle/images/arrow-left-80.png');
	background: url('/themes/kuhnriddle/images/arrow-left-60.png') !important;
	background: none;
	text-indent:-9999px;
	border:0px;
	}
#currentproject a.prev:hover {
	background: url('/themes/kuhnriddle/images/arrow-left-80.png') !important;
	background: none;
	cursor:pointer;
	text-indent:-9999px;
	}
	
#columns {
	width:920px;
	margin-top:20px;
	color:#666;
	}
#columns .column{
	float:left;
	width:450px;
	margin-right:20px;
	background:#e3e3e3;
	}
#columns .column a,
#columns .column a:link {
	color:#E50B1D !important;
	}
#columns .twocolumn {
	float:left;
	width:604px;
	margin-right:20px;
	background:#e3e3e3;
	}
#columns h3 {
	font-weight:normal;
	padding:0px;
	font-size:1.8em;
	margin:.8em 1em 1em 1em;
	color:#E50B1D;
	}
#columns p {
	font-size:1.2em;
	margin:1.5em 1.5em 1.5em 1.5em;
	}
#columns ul {
	font-size:1.2em;
	list-style-type:none;
	}
#columns img {
	margin:0 1.8em 1.8em 1.8em;
	}