/* CSS Document */
#grid_bg, #bottom_grid_bg {
width:900px;
height:610px;
background: url(http://rksdesign.com/newrefresh/img/work_index_bg.png) repeat-y;
padding:5px 0px 0px;
border:0px;
z-index:1;
overflow:hidden;
}
#grid_contain {
clear:both;
display:block;
width:900px;
text-align:left;
margin: 46px auto auto;
overflow:hidden;
}
.grid_box {
width:290px;
margin: 5px;
height:290px;
display:inline;
float:left;
overflow:hidden;
}
.grid_box a.abox, .grid_box a.abox:visited {
width:290px;
height:290px;
margin:0px;
display:block;
}
.box_logo {
position:relative;
left:15px;
top:17px;
width:75px;
height:95px;
font-size:14px;
font-weight:bold;
z-index:0;
float:left;
overflow:hidden;
display:inline!important;
border:0px;
}
.box_title {
float:left;
width:120px;
padding-left:75px;
padding-right:10px;
margin-top:13px;
font-size:21px;
font-weight:normal;
height:100px;
overflow:hidden;
filter: alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
display:inline!important;
border:0px;
}
.subtitle {
visibility:hidden;
color:#f5f3f1;
width:275px;
position:relative;
padding-right:0px;
top:75px;
left:15px;
height:120px;
font-size:18px;
font-weight:normal;
text-align:left;
filter: alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
display:inline!important;
}
.readmore {
visibility:hidden;
color:white;
position:relative;
top:125px;
left:15px;
font-size:12px;
}
.blank {background-color:#232122;}
.amana {
background:#232122 url(http://rksdesign.com/newrefresh/img/work_index/amana.jpg) no-repeat;
}
.amana .box_logo {
color: #fbb040;
}
.amana .box_title {color:#fbb040;}
.discus {
background:#232122 url(http://rksdesign.com/newrefresh/img/work_index/discus.jpg) no-repeat;
}
.discus .box_logo {
color: #00aaa6;
}
.discus .box_title {color:#00aaa6;}
.hamilton {
background:#232122 url(http://rksdesign.com/newrefresh/img/work_index/hamilton.jpg) no-repeat;
}
.hamilton .box_logo {color:#00aaa6;}
.hamilton .box_title {color:#00aaa6;}
.jbl {
background:#232122 url(http://rksdesign.com/newrefresh/img/work_index/jbl.jpg) no-repeat;
}
.jbl .box_logo {
color: #f5f3f1;
}
.jbl .box_title {
color: #f5f3f1;
}
.kor {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/kor.jpg) no-repeat;
}
.kor .box_logo {
color: #7bc143;
}
.kor .box_title {color:#7bc143;}
.laundrypod {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/laundrypod.jpg) no-repeat;
}
.laundrypod .box_logo {color:#7bc143;}
.laundrypod .box_title {color:#7bc143;}
.mimique {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/mimique.jpg) no-repeat;
}
.mimique .box_logo {
color: #f5f3f1;
}
.mimique .box_title {
color: #f5f3f1;
}
.neuma {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/neuma.jpg) no-repeat;
}
.neuma .box_logo {
color: #664FA1;
}
.neuma .box_title {
color: #664FA1;
}
.rks {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/rks.jpg) no-repeat;
}
.rks .box_logo {
color: #664FA1;
}
.rks .box_title {
color: #664FA1;
}
.vestalife {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/vestalife.jpg) no-repeat;
}
.vestalife .box_logo {
color: #f5f3f1;
}
.vestalife .box_title {
color: #f5f3f1;
}
.zyliss {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/zyliss.jpg) no-repeat;
}
.zyliss .box_logo {
color: #fbb040;
}
.zyliss .box_title {
color: #fbb040;
}
.idsacat {
background: #232122 url(http://rksdesign.com/newrefresh/img/work_index/catalyst.jpg) no-repeat;
}
.idsacat .box_logo {
color: #887F70;
}
.idsacat .box_title {
color: #887F70;
}



.grid_box a:hover .subtitle, .grid_box a:hover .readmore {visibility:visible;}

.grid_box a:hover, .grid_box a:hover .box_title, .grid_box a:hover .box_logo, grid_box:hover {
background:#C51230;
color:#f5f3f1;
}

#bottom_grid_bg  .subtitle, #bottom_grid_bg a:hover .readmore {visibility:hidden;}
#bottom_grid_bg {
height:140px;
margin: 0px auto auto;
text-align:left;
}
#bottom_grid_bg .grid_box, #bottom_grid_bg .box_logo, #bottom_grid_bg .box_title {
filter: alpha(opacity=60);
-moz-opacity: 0.60; 
opacity: 0.60;
height:120px;
overflow:hidden;
}
 #bottom_grid_bg .box_logo,
#bottom_grid_bg .grid_box a:hover .box_title,
#bottom_grid_bg .grid_box a:hover .box_logo {
overflow:hidden;
background:none;
}
#bottom_grid_bg .grid_box a:hover,
#bottom_grid_bg .grid_box:hover,
#bottom_grid_bg a:hover .box_title,
#bottom_grid_bg a:hover .box_logo
 {
background-color:#A7978D;
filter: alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
}

a.active, a.active:visited {color:#C41230;}
a.active:hover {color:#564319;}
#contain2 {
position:relative;
background-color:#E7DED5;
width:865px;
padding-left:25px;
color:#36131F;
margin: 0px auto auto;
text-align:left;
height:420px;
}
#contain3 {
position:relative;
background-color:#E7DED5;
width:865px;
padding-left:25px;
color:#36131F;
margin: 0px auto auto;
text-align:left;
height:50px;
}
#indexnav {
display:block;
clear:both;
width:236px;
text-align:right;
padding-left:466px;
}
#indexnav span.next, #indexnav span.prev {
background: url(http://rksdesign.com/img/indexnav/nextset.gif) no-repeat;
height:23px;
width:99px;
margin-top:7px;
margin-right:9px;
display:inline;
float:left;
}
#indexnav span.prev {
background: url(http://rksdesign.com/img/prevset.gif) no-repeat;
}
#indexnav span.next a, #indexnav span.next a:visited {
background: url(http://rksdesign.com/img/nextset.gif) no-repeat;
height:23px;
width:99px;
display:block!important;
}
#indexnav span.prev a, #indexnav span.prev a:visited {
background: url(http://rksdesign.com/img/prevset.gif) no-repeat;
height:23px;
width:99px;
display:block!important;
}
#indexnav span.next a:hover  {
background: url(http://rksdesign.com/img/nextsetO.gif) no-repeat;
}
#indexnav span.prev a:hover  {
background: url(http://rksdesign.com/img/prevsetO.gif) no-repeat;
}
#indexnav span.grid_off {
background: url(http://rksdesign.com/img/indexnav/grid_off.gif) no-repeat;
}
#indexnav span.grid_on {
background: url(http://rksdesign.com/img/indexnav/grid_on.gif) no-repeat;
}
#indexnav span.grid_on,#indexnav span.grid_off {
height:36px;
width:49px;
display:inline;
float:left;
margin-right:9px;
}
#indexnav span.grid_off a, #indexnav span.grid_off a:visited {
background: url(http://rksdesign.com/img/indexnav/grid.gif) no-repeat;
height:36px;
width:49px;
display:block;
} 
#indexnav span.grid_off a:hover {
background: url(http://rksdesign.com/img/indexnav/grid_over.gif) no-repeat;
height:36px;
width:49px;
}
#indexnav span.grid_on a,#indexnav span.grid_on a:visited {
background: url(http://rksdesign.com/img/indexnav/grid_on.gif) no-repeat;
height:36px;
width:49px;
display:block;
}
.maintitle {
font-size:26px;
font-weight:normal;
letter-spacing:1px;
padding-top:20px;
padding-bottom:0px;
margin-bottom:5px;
width:550px;
}
.subt {
color:#C41230;
font-size:18px;
font-weight:normal;
margin-top:0px;
padding-top:0px;
margin-bottom:12px;
width:550px;
}
#contain2 p {
font-size:13px;
color:#36131F;
line-height:15px;
width:400px;
margin-bottom:10px;
}
#right_box {
width:270px;
margin-top:20px;
margin-right:20px;
height:200px;
float:right;
color:#36131F;
padding-left:0px;
}
#right_box p,.awards {
width:250px;
float:none;
text-align:left;
color:#36131F;
margin-top:2px;
margin-right:0px;
margin-bottom:12px;
font-size:12px;
margin-left:0px;
}
div#newsy p {font-size:11px;}
#right_box a {
font-size:13px;
color:#C41230;
}
#right_box {
width:270px;
margin-right:20px;
margin-top:20px;
height:200px;
float:right;
color:#36131F;
}
#right_box p,.awards {
width:250px;
float:none;
text-align:left;
color:#36131F;
margin-top:2px;
margin-bottom:10px;
font-size:12px;
}
div.awards {margin-top:0px;}
#right_box a {
font-size:13px;
color:#C41230;
}
#right_box a:hover {color:#A7978D;}
#right_box h5 {
font-size:18px;
font-weight:normal;
color:#36131F;
margin-bottom:10px;
padding-top:0px;
letter-spacing:1px;
}
#right_box h5 a {
letter-spacing:normal;
font-size:18px;
}
.pdf {width:290px;}
.unfloat {
float:left;
display:block;
}