@charset "UTF-8";
/* CSS Document */


/* Global Properties */
html {
		height:100%;
		
}

body {
    height: expression( this.scrollHeight < 2000 ? "100%" : "auto" ); /* sets min-height for IE */
	min-height:100%;
	display:block;
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	background-image: url(images/background/bg_grad.gif);
	background-repeat: repeat-x;
	}
	
#wrapper {
	position:relative;
	width:943px;
	margin:50px auto 0 auto;
	text-align:left;
	z-index:99 !important;
	}

#left_wrapper {
	position:absolute;
	width:670px;
	margin:0px 0px 0px 0px;
	}
	
#right_wrapper {
	position: absolute;
	width: 238px;
	margin: 58px 0px 0px 705px;
	}
	

/* Masthead */

#logo {
	position: relative;
	width: 236px;
	height: 50px;
	margin-top: 0px;
	margin-left: 0px;
	}
	
#masthead_top {
	position: relative;
	width: 670px;
	height: 6px;
	margin-top: 8px;
	margin-left: 0px;
	/*background: url(images/masthead/line_dividers/670x6_top.png) no-repeat;*/
	}
	
#headline {
	position: relative;
	width: 670px;
	height: 160px;
	margin-top: 0px;
	margin-left: 0px;
	}
	
#headline_small {
	position: relative;
	width: 670px;
	height: 130px;
	margin-top: 0px;
	margin-left: 0px;
	}
	
#headline_xsmall {
	position: relative;
	width: 670px;
	height: 110px;
	margin-top: 0px;
	margin-left: 0px;
	}
	
#masthead_bottom {
	position: relative;
	width: 670px;
	height: 6px;
	margin-top: 0px;
	margin-left: 0px;
	/*background: url(images/masthead/line_dividers/670x6_bottom.png) no-repeat;*/
	}

/* Main Navigation */

#navigation_top {
	position: relative;
	width: 238px;
	height: 6px;
	margin-top: 0px;
	margin-left: 0px;
	}

#navigation a {
cursor:pointer;
}

#culture_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/main_nav/culture_button.png) top left no-repeat;

}
 
#culture_:hover{

background-position: bottom left;

}

#culture-on_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
background: url(images/navigation/main_nav/culture_on.png) no-repeat;
}

#news_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/main_nav/news_button.png) top left no-repeat;

}
 
#news_:hover{

background-position: bottom left;

}

#news-on_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
background: url(images/navigation/main_nav/news_on.png) no-repeat;
}

#projects_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/main_nav/projects_button.png) top left no-repeat;

}
 
#projects_:hover{

background-position: bottom left;

}

#projects-on_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
background: url(images/navigation/main_nav/projects_on.png) no-repeat;
}

#capabilities_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/main_nav/capabilities_button.png) top left no-repeat;

}
 
#capabilities_:hover{

background-position: bottom left;

}

#capabilities-on_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
background: url(images/navigation/main_nav/capabilities_on.png) no-repeat;
}

#clients_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/main_nav/clients_button.png) top left no-repeat;

}
 
#clients_:hover{

background-position: bottom left;

}

#clients-on_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
background: url(images/navigation/main_nav/clients_on.png) no-repeat;
}

#contact_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/main_nav/contact_button.png) top left no-repeat;

}
 
#contact_:hover{

background-position: bottom left;

}

#contact-on_{
position:relative;
left:0px;
top:5px;
height: 20px;
width: 175px;
background: url(images/navigation/main_nav/contact_on.png) no-repeat;
}

/* Sub Navigation */

#team_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/team_button.png) top left no-repeat;

}
 
#team_:hover{

background-position: bottom left;

}

#team-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/team_on.png) no-repeat;
}

#process_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/process_button.png) top left no-repeat;

}
 
#process_:hover{

background-position: bottom left;

}

#process-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/process_on.png) no-repeat;
}

#interactive_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/interactivedesign_button.png) top left no-repeat;

}
 
#interactive_:hover{

background-position: bottom left;

}

#interactive-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/interactivedesign_on.png) no-repeat;
}

#identity_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/identity_button.png) top left no-repeat;

}
 
#identity_:hover{

background-position: bottom left;

}

#identity-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/identity_on.png) no-repeat;
}

#print_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/printdesign_button.png) top left no-repeat;

}
 
#print_:hover{

background-position: bottom left;

}

#print-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/printdesign_on.png) no-repeat;
}

#photography_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/photography_button.png) top left no-repeat;

}
 
#photography_:hover{

background-position: bottom left;

}

#photography-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/photography_on.png) no-repeat;
}

#marketing_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/marketing_button.png) top left no-repeat;

}
 
#marketing_:hover{

background-position: bottom left;

}

#marketing-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/marketing_on.png) no-repeat;
}

#bobcarey_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/bobcarey_button.png) top left no-repeat;

}
 
#bobcarey_:hover{

background-position: bottom left;

}

#bobcarey-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/bobcarey_on.png) no-repeat;
}

#osteriamarco_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/osteriamarco_button.png) top left no-repeat;

}
 
#osteriamarco_:hover{

background-position: bottom left;

}

#osteriamarco-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/osteriamarco_on.png) no-repeat;
}

#theorie_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/theorie_button.png) top left no-repeat;

}
 
#theorie_:hover{

background-position: bottom left;

}

#theorie-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/theorie_on.png) no-repeat;
}

#town_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/town_button.png) top left no-repeat;

}
 
#town_:hover{

background-position: bottom left;

}

#town-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/town_on.png) no-repeat;
}

#thescene_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/sub_nav/thescene_button.png) top left no-repeat;

}
 
#thescene_:hover{

background-position: bottom left;

}

#thescene-on_{
position:relative;
left:0px;
top:5px;
height: 15px;
width: 175px;
background: url(images/navigation/sub_nav/thescene_on.png) no-repeat;
}

#navigation_bottom {
	position: relative;
	width: 238px;
	height: 6px;
	margin-top: 10px;
	margin-left: 0px;
	}
	
/* Sub Navigation */	
#bottom_right_index {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/flowers_bg.png) bottom right no-repeat;
	width:499px;
    height:368px;
	bottom:0px;
	right:0px;
}

#bottom_right_culture {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/crane_bg.png) bottom right no-repeat;
	width:499px;
    height:368px;
	bottom:0px;
	right:0px;
}

#bottom_right_news {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/swan_bg.png) bottom right no-repeat;
	width:499px;
    height:368px;
	bottom:0px;
	right:0px;
}

#bottom_right_capabilities {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/butterfly_bg.png) bottom right no-repeat;
	width:396px;
    height:436px;
	bottom:0px;
	right:0px;
}

#bottom_right_projects {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/flowers2_bg.png) bottom right no-repeat;
	width:499px;
    height:368px;
	bottom:0px;
	right:0px;
}

#bottom_right_clients {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/crane2_bg.png) bottom right no-repeat;
	width:499px;
    height:368px;
	bottom:0px;
	right:0px;
}

#bottom_right_contact {
	z-index:0 !important;
	position:fixed !important;
	background:url(images/background/dragonfly_bg.png) bottom right no-repeat;
	width:499px;
    height:553px;
	bottom:0px;
	right:0px;
}

#backgroundFix {
    position:absolute;
    height: expression( this.scrollHeight < 2000 ? "100%" : "auto" ); /* sets min-height for IE */
    min-height:100%;
    width:100%;
}