@charset "utf-8";

/*@import url("reset.css");*/
@import url("reset-meyer.css");

/*@import url("base.css"); */

blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin-bottom:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}


p,fieldset,table,pre {
/* causes problems in footer */
	/*so things don't run into each other*/
	margin-bottom:1em;
}





/* @import url(/css/print.css) print; */

/* See http://www.twinhelix.com/ */
/* img, div { behavior: url(scripts/iepngfix.htc); } */

/* Removes dotted outline on links in Firefox */
a { outline: none; }





a:link { color: #dbd6d5; text-decoration: none; }
a:visited { color: #dbd6d5; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #dbd6d5; text-decoration: underline; }
a:active { color: #dbd6d5; text-decoration: underline; }

body { background: #000; color: #c1bab9; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; text-align: center; }

#container { background: #372d2b url(../images/bg-container.jpg) repeat-x; margin-right: auto; margin-left: auto; position: relative; text-align: left; width: 1084px; }

#header { background: url(../images/rule-header.jpg) no-repeat bottom center; margin: 12px auto 25px auto; width: 924px; line-height: 1em; }
	#logo {
		/* because we're laying a div on top of the header, we need to stack it forwards */
		display: inline; /* IE6 double-float-margin bug fix */
		float: right;
		height: 108px;
		margin-top: 20px;
		position: relative;
		width: 207px;
	}
	#logo a {
		background: url(../images/logo-redminnow.gif) no-repeat;
		display: block;
		height: 108px;
		text-indent: -5000px;
		width: 207px;
	}

	#nav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: left; margin-left: 0; padding-left: 0; text-transform: lowercase; }
		#nav li { display: block; line-height: 1.6em; list-style-type: none; margin-left: 0; padding-left: 0; }
		#nav li.nav-home { }
		#nav li.nav-web { }
		#nav li.nav-print { }
		#nav li.nav-services { }
		#nav li.nav-about { }
		#nav li.inline { display: inline; }
		#nav a:link { color: #f00; text-decoration: none; }
		#nav a:visited { color: #f00; text-decoration: none; }
		#nav a:hover { color: #f00; text-decoration: underline; }
		#nav a:active { color: #f00; text-decoration: underline; }
		#nav a#nav-email:link { color: #dbd6d5; text-decoration: none; }
		#nav a#nav-email:visited { color: #dbd6d5; text-decoration: none; }
		#nav a#nav-email:focus { outline: none; }
		#nav a#nav-email:hover { color: #dbd6d5; text-decoration: underline; }
		#nav a#nav-email:active { color: #dbd6d5; text-decoration: underline; }
		body#home a#nav-home, 
		body#web a#nav-web, 
		body#print a#nav-print, 
		body#project.print a#nav-print, 
		body#project.web a#nav-web, 
		body#services a#nav-services, 
		body#about a#nav-about, 
		body#contact a#nav-contact { color: #dbd6d5; }

#menu { margin: 0 auto 25px auto; width: 924px; }
#content { margin: 0 auto 20px auto; width: 924px; }

#one { float: left; width: 277px; margin-right: 33px; }
#two { float: left; width: 277px; margin-right: 29px; }
#three { float: left; width: 277px; }

#col-left { float: left; width: 438px; }
#col-right { float: right; width: 438px; }

.subcol-left { float: left; margin-right: 30px; width: 200px; }
.subcol-right { float: left; width: 200px; }


/* =FOOTER
----------------------------------------------------*/
#footer {
	background: url(../images/rule-footer.jpg) no-repeat top center;
	color: #c1bab9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 40px auto 0;
	width: 924px;
	padding-top: 12px;
	padding-bottom: 40px; /* keep padding on bottom to prevent space under last paragraph in footer*/
}

/*
#footer a { padding: 0 10px; text-transform: lowercase; white-space: nowrap; }
#footer a.first { padding-left: 0 !important;}
*/

#footer li
{
display: inline;
list-style-type: none;
}
/*

#footer li:after
{
	content: "|";
	padding-left: 6px;
}

#footer li.last:after
{
	content: none;
}
*/

.verbar { padding-left: 12px; padding-right: 12px; }
#nav .verbar { color: #600; }


p.headline
{
	color: #988e8c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
}

h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

h1 {
	color: #f00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 38px;
	line-height: 46px;
	margin-top: 0;
	margin-bottom: 35px;
}

p { }
select { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

.clear { clear: both; }
.red { color: #f00; }
a.red:link { color: #f00; text-decoration: none; }
a.red:visited { color: #dbd6d5; text-decoration: none; }
a.red:focus { outline: none; }
a.red:hover { color: #dbd6d5; text-decoration: underline; }
a.red:active { color: #dbd6d5; text-decoration: underline; }



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */



/* =PORTFOLIO
----------------------------------------------------*/
.project-featured { float: left; margin-right: 20px; margin-bottom: 38px; }
	.project-thumb { margin-bottom: 10px; }
	.project-thumb a:link img { border: 1px solid #372d2b; }
	.project-thumb a:visited img { border: 1px solid #372d2b; }
	.project-thumb a:focus img { border: 1px solid #372d2b; }
	.project-thumb a:hover img { border: 1px solid #f00; }
	.project-thumb a:active img { border: 1px solid #f00; }

	.project-caption { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1em; margin-bottom: 10px; }
	.project-type { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1em; }




/* =PROJECT
----------------------------------------------------*/
#project-page { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; width: 288px; }
#art { float: right; width: 600px; }
#art img { margin-bottom: 10px; }

body#project h1 {
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 16px;
}

body#project .type { color: #f00; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; margin-bottom: 22px; }
body#project h2 { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; margin-bottom: 12px; text-transform: uppercase; width: 95px; }


/*
h2 {
	color: #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 12px;
}
*/

body#project #description {
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	padding-top: 22px;
	padding-bottom: 10px;
	margin-bottom: 22px;
}

body#project .details { padding-bottom: 2px; }
body#project .details p { margin-left: 105px; padding-left: 0; }


/* =ABOUT
----------------------------------------------------*/
body#about #nav li { line-height: 1.6em; }
body#about h2 { border-bottom: 1px dotted #c1bab9; color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin-top: 22px; margin-bottom: 22px; padding-bottom: 22px; }
body#about ul { margin-left: 0; padding-left: 0; }
body#about li { line-height: 1.8em; list-style-type: none; margin-left: 0; padding-left: 0; }

/* =CONTACT
----------------------------------------------------*/
body#contact h2 { border-bottom: 1px dotted #c1bab9; color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin-bottom: 22px; padding-bottom: 22px; }

/* =SERVICES
----------------------------------------------------*/
.box { background: #c1bab9 url('../images/box.gif') no-repeat; color: #372d2b; margin-bottom: 36px; overflow: visible; padding: 15px 20px; }
.box h2 { border-bottom: 1px dotted #372d2b; font-size: 16px; line-height: 24px; margin-bottom: 14px; padding-bottom: 14px; }