@charset "utf-8";

/* reset */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
th,td { margin: 5px; padding: 5px;}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:disc;
	margin-left: 20px;
	margin-bottom: 15px;
	/*color:#666666;*/
}
ol {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 15px;
	color:#666666;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

a:link, a:visited, a:active { text-decoration: underline; color:#008ca8;}
a:hover { text-decoration: none; color:#666666;}

q:before,q:after {content:'';}

abbr,acronym { border:0;}

.class {
  width:200px; /* All browsers */
  *width:250px; /* IE */
  _width:300px; /* IE6 */
  .width:200px; /* IE7 */
}

/* END reset */ 

/* text */ 

html {
	margin: 0;
	padding: 0;
	overflow:-moz-scrollbars-vertical; /* always show firefox scrollbar */
	}
	
body {
	background: url('../images/background-top.jpg') no-repeat top center;
	min-height: 800px;
	background-color: #e0ddda;
	font-size: 14px;  /* sets the 1em font size */
	line-height: 1.4em;
	}
body.our-work, body.who-we-are, body.our-process, body.our-info  {
	background: url('../images/background-top-work.jpg') no-repeat top center;
	background-color: #e0ddda;
	}	

body, ul, ol, dl, h1, h2, h3, body.index #right-column a {
	/*font-family: Cambria, Georgia, Times, Times New Roman, serif;*/
	font-family: Calibri, GillSans, Trebuchet, sans-serif;
	/*color:#7e8174;*/
	}
	
h4, h5, h6, #right-column a,  #sub-nav a, #left-column table a, #global-nav a {
	margin-bottom: 5px;
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	letter-spacing:.1px;
	color:#666666;
	}

#left-column table a { text-transform: uppercase;}

		
h1, h2, h3 { color:#9b0909; } 		
h1 { font-size: 2em;  margin-bottom:5px; line-height: 1.2em;}
h2 { font-size: 1.5em; margin-bottom:10px; line-height: 1.2em;}
h3 { font-size: 1.125em; margin-bottom: 10px; }
h4 { font-size: 1em; }
h5 { font-size: .875em; }
h6 { font-size: .675em; }
p  { font-size: 1em; margin-bottom: 1em;}
img { border: 0;  } /* Removes default border around linked images */

#home-main-copy h1, #home-main-copy p {color: #e0ddda; }
#home-main-copy p { font-size: 1.2em;}

#home #home-main-middle p  { font-size: 1.25em; line-height: 1.2em; margin-bottom: 1em; color:#000000;}



/* END text */
 

/* layout */ 

#wrapper {
	position: relative; /* make is go 0px from top and 0px from bottom */
	width: 926px; /* sets width of main container */
	/*min-height: 900px;*/
	margin: 0 auto; /* centers box and make the -200px footer sticky */
	/*background: url('/images/ivs-background.jpg') no-repeat top center;*/
	
	height: auto !important; /* ie6 hack*/
	}
	
#homelink {
	height: 80px; 
	width: 260px; 
	position: absolute;
	top: 0; 
	left: 0;
	}
	
#logo-button {
	position: absolute;
	top: 50px;
	height: 60px;
	width:200px;
	}

#main-photo {
	position: absolute;
	top: 125px;
	right: 0;
	width: 586px;
	height: 304px;
	/*background: url('/images/pic.jpg') no-repeat top left;*/
	}

#home-main-copy {
	position: absolute;
	top: 140px;
	width: 300px;
	color: #dcd8d5;
	}

	
#home-body-copy {
	position: absolute;
	top: 500px;
	width: 900px;
	}
	
#home-buttons {
	position: relative;
	top: 392px;
	left: 0;
	}

#home-main-middle {
	position: relative;
	float: left;
	margin-top: 440px;
	margin-bottom:5px;
	width: 926px;
	padding-right: 2em;
	}
.home-left{ 
	position: relative;
	float: left;
	width: 340px;
	margin-right: 25px;
	}
.home-right{	
	position: relative;
	font-size: 0.9em;
	}

#home-main-middle2 {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom:20px;
	width: 926px;
	padding-right: 2em;
	}
.home-columns{ 
	position: relative;
	float: left;
	width: 295px;
	border-left-width: 1px;
	border-left-color:#9B0909;
	border-left-style: solid;
	padding-left: 5px;
	}
.home-columns.number1{ 
	border-left: none;
	padding-left: 0;
	}
.home-columns.number2 { 
	padding-right: 10px;
	padding-left: 10px;
	}
.home-columns.number3{ 
	padding-left: 10px;
	}


#work-main-middle {
	position: relative;
	float: left;
	margin-top: 150px;
	margin-bottom:25px;
	width: 926px;
	padding-right: 2em;
	color: #38293b;
	}
.work-left{ 
	position: relative;
	float: left;
	width: 135px;
	margin-right: 25px;
	margin-top: 5px;
	font-size: 2em;
	}
.work-right{	
	position: relative;
	font-size: 0.9em;
	font-size: 1.1em;
	float: left;
	width: 600px;
	}
	
#work-side {
	position: relative;
	width: 463px;	
	float: left;
	margin-bottom: 25px;
	}
#work-side h1, #work-side p {margin: 5px 60px;}
#work-callout {
	position: relative;
	float: left;
	width: 100%;	
}

#work-thumbnails {
	position: relative;
	float: left;
	width: 460px;
	}
#work-thumbnails a {
}

#right-column {
	position: relative;
	float: right;
	margin-top: 505px;
	margin-bottom:20px;
	width: 645px;
	}
	

#footer, .push { height: 200px;}

#footer {
	position: relative;	top: 0; right: 0; bottom: 0; left: 0; /* make is go 0px from top and 0px from bottom */
	clear:both;
	width: 100%; /* sets width of main container */
	background: url('../images/background-bottom.jpg') repeat-x top center;
	background-color:#29231b;
	margin: 0 auto; /* centers box */
	margin-bottom: -20px;
	font-size: .9em;
	}
#footer-inner {
	position: relative;
	width: 900px;
	margin: 0 auto; /* centers box */
	margin-top: 10px;
	padding-top: 10px;
	}
	
#footer-left { float: left; 	}
#footer-right { float: right; }

#footer-left, #footer-right { 
	font-size: 2.8em;
	line-height: 1.1em;
	color:#fff;
	position: relative;
	top: 15px;
	}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover, #footer p { color:#fff;}

#footer span.questions { color:#bab7a0; font-size: .5em;}

div#footer-inner div.links {
		margin: -10px auto 0; /* "auto" will center the links, negative top margin should pull the buttons up into position */
		width: 900px; /* Width is needed for the centering */
		background: url("div_background.jpg") left bottom repeat-x; /* this adds the shadow between the links */
	}
div.footer-inner div.links a {
		margin: 0 9px; /* this adds the spacing between the link images */
	}


/* END layout */ 


/* navigation */ 

#global-nav  { 
	position: absolute;
	right:-20px;
	top: 30px;
	/*right: 0px;*/
	/*width: 900px;*/
	/*height: 20px;*/
	/*text-transform: uppercase;
	/*letter-spacing: .03em;*/
	font-size: 1.15em;
	}
#sub-nav  { 
	position: relative;
	float: left;
	width: 625px;
	margin-bottom:20px;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: 1.3em;
	}
/*#global-nav ul {
	margin-left: 70px;
	}*/
#global-nav ul, #sub-nav ul {
	list-style: none;
	}
#sub-nav ul {
	margin-left: 0px;
	}
#global-nav li {
	float: left; /* makes the nav menu inline*/
	margin: 0 1.5em;
	}
#sub-nav li {
	float: left; /* makes the nav menu inline*/
	margin: 0 1em 0 0;
	}
	
/*#global-nav li a {
	/*border-left-width: 1px;
	border-left-color:#f1f1dd;
	border-left-style: dotted;
	padding-left: 1em;
	}*/
#sub-nav li a {
	border-right-width: 1px;
	border-right-color:#000000;
	border-right-style: dotted;
	padding-right: 1em;
	}
#sub-nav-dotted {	
	float: left;
	border-bottom-width: 1px;
	border-bottom-color:#000000;
	border-bottom-style: dotted;
	padding-bottom: 5px;
	}
	
#global-nav li a.nav-no-border {border: none;}

/*#sub-nav li a.nav-no-border {border: none; margin-right: -35px;}*/

a:link, a:visited, a:active { text-decoration: none; color:#000;}
a:hover {  color:#ba6b25;}

#global-nav a:link, #global-nav a:visited, #global-nav a:active {	color: #e0dcd9;}
#global-nav a:hover {	color:#FFF;}

#home a.nav-home:link, #home a.nav-home:visited, #home a.nav-home:active {	color: #fff;}
#creative a.nav-creative:link, #creative a.nav-creative:visited, #creative a.nav-creative:active {	color: #fff;}
#services a.nav-services:link, #services a.nav-services:visited, #services a.nav-services:active {	color: #fff;}
#web a.nav-web:link, #web a.nav-web:visited, #web a.nav-web:active {	color: #fff;}
#print a.nav-print:link, #print a.nav-print:visited, #print a.nav-print:active {	color: #fff;}
#contact a.nav-contact:link, #contact a.nav-contact:visited, #contact a.nav-contact:active {	color: #fff;}

#web a.nav-web:link, #web a.nav-web:visited, #web a.nav-web:active {	color: #fff;}

.web-retail a.nav-web-retail:link, .web-retail a.nav-web-retail:visited, .web-retail a.nav-web-retail:active {	color: #BA6B25;}
.web-education a.nav-web-education:link, .web-education a.nav-web-education:visited, .web-education a.nav-web-education:active {	color: #BA6B25;}
.web-entertainment a.nav-web-entertainment:link, .web-entertainment a.nav-web-entertainment:visited, .web-entertainment a.nav-web-entertainment:active {	color: #BA6B25;}
.web-nonprofit a.nav-web-nonprofit:link, .web-nonprofit a.nav-web-nonprofit:visited, .web-nonprofit a.nav-web-nonprofit:active {	color: #BA6B25;}
.web-professionalservices a.nav-web-professionalservices:link, .web-professionalservices a.nav-web-professionalservices:visited, .web-professionalservices a.nav-web-professionalservices:active {	color: #BA6B25;}



/* END navigation */ 


/* slider */ 

#slider{}	
#slider ul, #slider li, #slider-nomovement ul, #slider-nomovement li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider-nomovement li { 
	width:586px;
	height:304px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:51px;
	position:absolute;
	left:-22px;
	top:135px;
	text-indent: -8000px;
	}	
#nextBtn{ 
	left:586px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:22px;
	height:43px;
	background:url('http://www.bohringer.com/images/scroll-left.png') no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url('http://www.bohringer.com/images/scroll-right.png') no-repeat 0 0;	
	}
	
	
   /* numeric controls */	

ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		font-size: .8em;	
		}
ol#controls li{
		margin:0 7px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		/*border:1px solid #ccc;*/
		background:#d2cec8;
		color:#e4e2d6;
		padding:0 7px;
		text-decoration:none;
		}
ol#controls li.current a{
		background:#503d53;
		color:#fff;
		}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

	
/* END slider */ 

	
/* clients */

#right-column img { position: relative; float: left; margin-right: 15px; margin-bottom: 15px;}
#right-column a { text-transform: uppercase; font-size:.9em; margin-bottom: 6px;}
#right-column .no-border { position:static; float: none; margin-right: 0px; margin-bottom: 0px;}
body.index #right-column a { text-transform:none; font-size: 1em; /*color:#ba6b25;*/ text-decoration: underline;}


/* END clients */

#foot-mid-links {font-size: .9em; margin-top: 35px;}
#foot-mid-links a:link, #foot-mid-links a:visited, #foot-mid-links a:active { color:#2a231b;}

#foot-mid-links a:hover { color:#686b3e;}