/* CSS Levelers */
@import url("../../styles/reset-min.css");
@import url("../../styles/fonts-min.css");

/* CSS Document for Real Ideas Studio Landing Page */
body {
	background-image:url(../images/background.gif);
}
#logo {
	position:absolute;
	top:9px;
	left:0;
	z-index:1;
}
#wrap {
	position:absolute;
	top:0;
	left:50%;
	width:743px;
	margin-left:-372px;
	z-index:2;
}
#wrap #content {
	background-image:url(../images/background_content.gif);
	width:743px;
}
#wrap #sidebar {
	background-image:url(../images/background_sidebar.gif);
	width:361px;
	float:right;
	margin-right:11px;
}
#wrap #sidebar #top {
	background:url(../images/background_sidebar_top.gif) no-repeat;
	width:361px;
	height:5px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#wrap #sidebar .interactive {
	width:285px;
	margin-left:37px;
}
#wrap #sidebar #bottom {
	background:url(../images/background_sidebar_bottom.gif) no-repeat;
	width:361px;
	height:6px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#wrap #footer {
	background-image:url(../images/background_footer.gif);
	width:743px;
	height:40px;
}
#wrap #case_study {
	background-image:url(../images/background_case_study.gif);
	width:361px;
	height:59px;
	float:right;
	margin-top:10px;
	margin-right:11px;
	display:none;
}
#wrap #case_study #left {
	width:258px;
	float:left;
}
#wrap #case_study #right {
	width:103px;
	float:left;
}
#wrap #copy {
	width:370px;
}
#wrap hr {
	color:#dedede;
	background-color:#dedede;
	border:0px solid #dedede;
	height:1px;
	width:350px;
}
#wrap .clear {
	clear:both;
	height:10px;
}
#wrap .clear_right {
	clear:right;
}
/* Typography
 	77% = 10px 
	85% = 11px 
	92% = 12px
	100% = 13px 
	107% = 14px
	114% = 15px
	122% = 16px
	129% = 17px
	136% = 18px */
#wrap a:hover {
	text-decoration:none;
	background-color:#dcdcdc;
}
#wrap #copy a, #wrap #sidebar a {
	color:#444;
}
#wrap h1 {
	font-size:220%;
	color:#912c31;
	padding:0 10px;
	height:68px;
}
#wrap #copy p {
	font-size:92%;
	color:#444;	
	padding:0 9px;
	margin-bottom:15px;
}
#wrap #copy h2, #wrap #sidebar h2 {
	font-size:107%;
	color:#912c31;
	padding:9px;
}
#wrap #sidebar p {
	font-size:92%;
	color:#444;
	padding:0 9px;
	margin-bottom:15px;
}
#wrap #case_study #left h3 {
	font-size:92%;
	color:#000;
	margin-top:6px;
	margin-bottom:2px;
}
#wrap #case_study div, #wrap #case_study p {
	font-size:85%;
}
#wrap #case_study #left p {
	color:#000;
	margin-bottom:1px;
}
#wrap #case_study #left img {
	float:left;
	margin: 5px 10px;
}
#wrap #case_study #right p {
	margin-top:16px;
	margin-left:6px;
	float:left;
}
#wrap #case_study #right img {
	margin-left:3px;
	margin-top:13px;
	float:left;
}
#wrap #case_study #right p a {
	color:#fff;
}
#wrap #case_study #right p a:hover {
	text-decoration:none;
	background-color:#666;
}
#wrap #footer p {
	color:#fff;
	padding:0 0 0 9px;	
}
#wrap #footer p a {
	color:#fff;
}
#wrap #footer p a:hover {
	text-decoration:none;
	background-color:#666;
}
#wrap #footer p#copyright {
	font-size:85%;
	padding-top:8px;
}
#wrap #footer p#webmaster {
	font-size:77%;
}
/* Image Replacement */
#wrap span.interactive_link {
	background:#fff url(../images/process_interactive_design_hover.gif) top left no-repeat;
}
#wrap span.communication_link  {
	background:#fff url(../images/process_communication_design_hover.gif) top left no-repeat;
}
#wrap span.motion_link {
	background:#fff url(../images/process_motion_design_hover.gif) top left no-repeat;
}
#wrap span.image_link {
	background:#fff url(../images/link_checkout_hover.gif) top left no-repeat;
}
#wrap a:hover.image_link span {
	background:#fff url(../images/link_checkout_hover.gif) top left no-repeat;
}
#wrap h1 span, #wrap h2 span, #wrap h3 span, #wrap .image_link span, #wrap .interactive span span {
	display:none;
}
#wrap h1 {
	background:url(../images/header_primary.gif) center no-repeat;
	height:68px;
}
#wrap h2 {
	height:15px;
}
#wrap #header_digital_design {
	background:url(../images/header_digital_design.gif) no-repeat 1px 0px;
}
#wrap #header_film_production {
	background:url(../images/header_film_production.gif) no-repeat 1px 0px;
}
#wrap #header_about_vfs {
	background:url(../images/header_about_vfs.gif) no-repeat 1px 0px;
}
#wrap #header_our_process {
	background:url(../images/header_our_process.gif) no-repeat 1px 0px;
}
#wrap h3 {
	background:url(../images/header_case_study.gif) no-repeat;
	width:200px;
	height:17px;
	float:left;
}
#wrap a.image_link,
#wrap a:active.image_link,
#wrap a:visited.image_link {
	background: #fff url(../images/link_checkout_normal.gif) top left no-repeat;
	width:97px;
	height:15px;
	display:block;
}
#wrap a:hover.image_link {
	background:#fff url(../images/link_checkout_hover.gif) top left no-repeat;
}

#wrap .interactive {
	margin-top:8px;
}

#wrap .interactive a {
	width:70px;
	height:201px;
	float:left;
	margin-right:13px;
	display:block;
}

#wrap .interactive div {
	float:right;
	display:block;
}

#wrap a.interactive_link,
#wrap a:active.interactive_link,
#wrap a:visited.interactive_link {
	background: #fff url(../images/process_interactive_design_normal.gif) top left no-repeat;
}
#wrap a:hover.interactive_link {
	background:#fff url(../images/process_interactive_design_hover.gif) top left no-repeat;
}

#wrap a.communication_link,
#wrap a:active.communication_link,
#wrap a:visited.communication_link {
	background: #fff url(../images/process_communication_design_normal.gif) top left no-repeat;
}
#wrap a:hover.communication_link {
	background:#fff url(../images/process_communication_design_hover.gif) top left no-repeat;
}

#wrap a.motion_link,
#wrap a:active.motion_link,
#wrap a:visited.motion_link {
	background: #fff url(../images/process_motion_design_normal.gif) top left no-repeat;
}
#wrap a:hover.motion_link {
	background:#fff url(../images/process_motion_design_hover.gif) top left no-repeat;
}
#talking_head1, #talking_head2, #talking_head3 {
	z-index:-999;
}