@charset "UTF-8";

html {  
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body {
	background: #000 url(../images/home-bg.jpg) no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#main_outer-fixed {
	width: 1024px;
	height: 768px;
	margin: 4em auto;
}
.outer-nav {
   width: 1024px;
   height: 368px;
}
.ruthslife {
   width: 1024px;
   height: 50px;
   margin: 0;
   padding:0;
}
.ruthslifetext {
	font-family: open-sans;
	font-size: 2.25em;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.4em;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 600;
}
.work {
	font-family: source code pro "Source Code Pro Black", "Source Code Pro Bold", "Source Code Pro ExtraLight", "Source Code Pro Light", "Source Code Pro Medium", "Source Code Pro Regular", "Source Code Pro Semibold";
	font-size: 0.4em;
	color: #FFF;
	letter-spacing: 0.4em;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 700;
}
.navtext-sub {
	font-family: source code pro "Source Code Pro Black", "Source Code Pro Bold", "Source Code Pro ExtraLight", "Source Code Pro Light", "Source Code Pro Medium", "Source Code Pro Regular", "Source Code Pro Semibold";
	font-size: 0.8em;
	Line-height: 1.5em;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.2em;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 600;
}
#film-design-outer {
	width: 536px;
	height: 150px;
	float: left;
	margin: 0 0 16px 0;
	padding: 0;
}
#film-outer {
	width: 249px;
	height: 104px;
	float: left;
	margin: 26px 0 46px 0;
	padding: 0;
}
#film-left {
	display: block;
	width: 95px;
	height: 104px;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	font-family: open-sans;
	font-size: 1em;
	Line-height: 1.2em;
	color: #FFF;
	letter-spacing: 0.3em;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 700;
}
#film-left:hover + #film-right {
    display: block;
}
#film-right {
   display: none;
   width: 154px;
   height: 104px;
   float: right;
   margin: 0;
   padding:0;
}
#film-left a:link, #film-left a:visited, #film-left a:hover, #film-left a:active {
	color: #fff;
	text-decoration: none;
}
#design-outer {
	width: 225px;
	height: 150px;
	float: left;
	margin: 0 10px 40px 52px;
	padding: 0;
}
#design-left {
   display: block;
   width: 95px;
   height: 150px;
   text-align: center;
   float: left;
   margin: 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#design-left:hover + #design-right {
    display: block;
}
#design-right {
   display: none;
   width: 130px;
   height: 130px;
   float: right;
   margin: 0 0 3px 0;
   padding:0;
}
#music-stories-sp-outer {
	width: 488px;
	height: 150px;
	float: left;
	margin: 0 0 16px 0;
	padding: 0;
}
#music-outer {
	width: 222px;
	height: 97px;
	float: left;
	margin: 53px 0 0 44px;
	padding: 0;
}
#music-left {
   display: block;
   width: 85px;
   height: 84px;
   text-align: center;
   float: left;
   margin: 13px 0 0 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#music-left:hover + #music-right {
    display: block;
}
#music-right {
   display: none;
   width: 137px;
   height: 97px;
   float: right;
   margin: 0;
   padding:0;
}
#stories-sp-outer {
	width: 165px;
	height: 125px;
	float: left;
	margin: 20px 0 5px 57px;
	padding: 0;
}
#stories-sp-left {
   display: block;
   width: 165px;
   height: 48px;
   text-align: center;
   float: left;
   margin: 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#stories-sp-left:hover + #stories-sp-right {
    display: block;
}
#stories-sp-right {
   display: none;
   width: 165px;
   height: 77px;
   float: right;
   margin: 0;
   padding:0;
}
#illus-outerest {
	width: 396px;
	height: 202px;
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
}
#illus-outer {
	width: 175px;
	height: 200px;
	float: left;
	margin: 0 0 2px 160px;
	padding: 0;
}
#illus-left {
   display: block;
   width: 175px;
   height: 45px;
   text-align: center;
   float: left;
   margin: 20px 0 0 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#illus-left:hover + #illus-right {
    display: block;
}
#illus-right {
   display: none;
   width: 120px;
   height: 130px;
   float: right;
   margin: 0 32px 0 23px;
   padding:0;
}
#stories-wr-outerest {
	width: 290px;
	height: 90px;
	float: left;
	margin: 22px 0 0 0;
	padding: 0;
}
#stories-wr-outer {
	width: 290px;
	height: 90px;
	float: left;
	margin: 0;
	padding: 0;
}
#stories-wr-left {
   display: block;
   width: 100px;
   height: 65px;
   text-align: center;
   float: left;
   margin: 25px 0 0 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#stories-wr-left:hover + #stories-wr-right {
    display: block;
}
#stories-wr-right {
   display: none;
   width: 190px;
   height: 90px;
   float: right;
   margin: 0;
   padding:0;
}
#fliers-outerest {
	width: 186px;
	height: 202px;
	float: left;
	margin: 0;
	padding: 0;
}
#fliers-outer {
	width: 116px;
	height: 192px;
	float: left;
	margin: 10px 0 0 60px;
	padding: 0;
}
#fliers-left {
   display: block;
   width: 116px;
   height: 42px;
   text-align: center;
   float: left;
   margin: 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#fliers-left:hover + #fliers-right {
    display: block;
}
#fliers-right {
   display: none;
   width: 116px;
   height: 150px;
   float: right;
   margin: 0;
   padding:0;
}
#aikido-outer {
	width: 271px;
	height: 114px;
	margin: 45px 80px 0 733px;
	padding: 0;
}
#aikido-left {
   display: block;
   width: 106px;
   height: 114px;
   text-align: center;
   float: left;
   margin: 0;
   padding:0;
   font-family: open-sans;
   font-size: 1em;
   Line-height: 1.2em;
   color: #FFF;
   letter-spacing: 0.3em;
   text-decoration:none;
   text-rendering: optimizeLegibility;
   font-style: normal;
   font-weight: 700;
}
#aikido-left:hover + #aikido-right {
    display: block;
}
#aikido-right {
   display: none;
   width: 165px;
   height: 114px;
   float: right;
   margin: 0;
   padding:0;
}
.clear {
	clear: both;
	font-size: 1px;
}