/* CSS Document */
#grid_bg, #bottom_grid_bg {
width:900px;
height:610px;
padding:5px 0px 0px;
border:0px;
z-index:1;
overflow:hidden;
}
#grid_contain {
clear:both;
display:block;
width:897px;
text-align:left;
margin: 46px auto auto;
overflow:visible;
background:url(http://rksdesign.com/img10/worknav/ng/breadcrumb.png) no-repeat 2px -38px;
}
.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;
position:relative;
}
.box_logo {
position:relative;
left:15px;
top:17px;
width:75px;
height:55px;
font-size:15px;
font-weight:normal;
z-index:0;
text-transform:uppercase;
overflow:hidden;
display:inline block;
border:0px;

}
div.floating {
	width:280px;
	height:50px;
	position:relative;
	top:20px;
	display:inline block;
	left:14px;
}
.floating div {

}


.box_title {
width:240px;
font-size:15px;
font-weight:normal;
position:relative;
overflow:hidden;

display:inline block;
border:0px;
background:none;
}
.subtitle {
visibility:hidden;
color:#f5f3f1;
width:275px;
position:relative;
padding-right:0px;
top:60px;
left:15px;
height:80px;
font-size:15px;
font-weight:bold;
text-align:left;

display:inline!important;
}
.readmore {
visibility:hidden;
color:white;
position:relative;
top:125px;
left:15px;
font-size:12px;
}
#downloadpdf {
display:block;
width:290px;
height:30px;
margin-bottom:15px;
margin-top:10px;
}
#downloadpdf a {
display:block;
width:265px;
height:24px;
padding-top:6px;
padding-left:25px;
color:white!important;
background:#333333 url(http://rksdesign.com/img10/csnav/dl_pink.gif) no-repeat 0 0;
}
.blank {
background-color:#dddddd;
}
#grid_bg .box_logo, #grid_bg .box_title {
color:#4d4d4d;
}
.amana {
background:#dddddd url(http://rksdesign.com/newrefresh/img/work_index/amana.jpg) no-repeat;
}
.lg {
background:#dddddd url(http://rksdesign.com/newrefresh/img/work_index/lg.jpg) no-repeat;
}
.discus {
background:#dddddd url(http://rksdesign.com/newrefresh/img/work_index/discus.jpg) no-repeat;
}

.hamilton {
background:#dddddd url(http://rksdesign.com/newrefresh/img/work_index/hamilton.jpg) no-repeat;
}

.jbl {
background:#dddddd url(http://rksdesign.com/newrefresh/img/work_index/jbl.jpg) no-repeat;
}

.kor {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/kor.jpg) no-repeat;
}

.laundrypod {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/laundrypod.jpg) no-repeat;
}

.mimique {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/mimique.jpg) no-repeat;
}

.neuma {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/neuma.jpg) no-repeat;
}

.rks {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/rks.jpg) no-repeat;
}

.vestalife {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/vestalife.jpg) no-repeat;
}

.zyliss {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/zyliss.jpg) no-repeat;
}

.idsacat {
background: #dddddd url(http://rksdesign.com/newrefresh/img/work_index/catalyst.jpg) no-repeat;
}

#grid_bg .grid_box:hover .box_logo, #grid_bg .grid_box:hover  .box_title {

}

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

.grid_box a:hover .box_title, .grid_box a:hover .box_logo{
background:none!important;
color:#333!important;

}
#grid_bg .grid_box a:hover, #grid_bg grid_box:hover {
background-image:url(http://rksdesign.com/img10/blacktrans.png);
}
#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 {
height:120px;
overflow:hidden;
}
#bottom_grid_bg .box_logo, #bottom_grid_bg .box_title {
filter: alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
height:100px;
overflow:hidden;
}

#bottom_grid_bg h1.box_title, #bottom_grid_bg span.box_logo {
visibility:hidden;
}
#bottom_grid_bg .grid_box {
background-position: 0px -130px;
visibility:visible;
filter: alpha(opacity=50);
-moz-opacity: 0.5; 
opacity:0.5;
}
#bottom_grid_bg .grid_box:hover h1, #bottom_grid_bg .grid_box:hover span, #bottom_grid_bg .grid_box:hover {
visibility:visible;
background-color:#ddd;
filter: alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
background-image:none;
color:#333;
}

a.active, a.active:visited {
color:#e80000;
}
a.active:hover {
color:#4d4d4d;
}
#contain2 {
position:relative;
background:none;
width:865px;
padding-left:25px;
color:#333;
margin: 0px auto auto;
text-align:left;
height:420px;
}
#contain3 {
position:relative;
background:none;
width:865px;
padding-left:25px;
color:#333;
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/img10/prevset.gif) no-repeat;
}
#indexnav span.next a, #indexnav span.next a:visited {
background: url(http://rksdesign.com/img10/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/img10/prevset.gif) no-repeat;
height:23px;
width:99px;
display:block!important;
}
#indexnav span.next a:hover  {
background: url(http://rksdesign.com/img10/nextsetO.gif) no-repeat;
}
#indexnav span.prev a:hover  {
background: url(http://rksdesign.com/img10/prevsetO.gif) no-repeat;
}
#indexnav span.grid_off {
background: url(http://rksdesign.com/img10/grid_off.gif) no-repeat;
}
#indexnav span.grid_on {
background: url(http://rksdesign.com/img10/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/img10/grid.gif) no-repeat;
height:36px;
width:49px;
display:block;
} 
#indexnav span.grid_off a:hover {
background: url(http://rksdesign.com/img10/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/img10/grid_on.gif) no-repeat;
height:36px;
width:49px;
display:block;
}
.maintitle {
font-size:18px;
font-weight:normal;
letter-spacing:1px;
padding-top:20px;
padding-bottom:0px;
margin-bottom:5px;
width:550px;
}
.subt {
color:#e80000;
font-size:15px;
font-weight:normal;
margin-top:0px;
padding-top:0px;
margin-bottom:12px;
width:550px;
}
#contain2 p {
font-size:13px;
color:#333;
line-height:15px;
width:400px;
margin-bottom:10px;
}
#right_box {
width:270px;
margin-top:20px;
margin-right:20px;
height:200px;
float:right;
color:#333;
padding-left:0px;
}

div#newsy p {
font-size:11px;
}
#right_box a {
font-size:13px;
color:#e80000;
}
#right_box {
width:270px;
margin-right:20px;
margin-top:20px;
height:200px;
float:right;
color:#333;
}
#right_box p,.awards {
width:250px;
float:none;
text-align:left;
color:#333;
margin-top:2px;
margin-bottom:10px;
font-size:12px;
}
div.awards {
margin-top:0px;
}
#right_box a {
font-size:13px;
color:#e80000;
}
#right_box a:hover {
color:#A7978D;
}
#right_box h5 {
font-size:18px;
font-weight:normal;
color:#333;
margin-bottom:10px;
padding-top:0px;
letter-spacing:1px;
}
#right_box h5 a {
letter-spacing:normal;
font-size:18px;
}

#right_box div.rmenu {
margin:0px;
padding:0px;
width:290px;
background-color:#f7f7f7;
border-bottom:1px solid #f2f2f2;
}
#right_box p a {
font-size:13px;
color:#836F71;
background:url(http://rksdesign.com/img10/right-link.gif);
height:25px;
width:275px;
padding-left:15px;
padding-top:10px;
display:block;
margin-bottom:0px;
}
#right_box span.rmhead {
background-color:#f2f2f2;
height:35px;
padding-top:25px;
padding-left:15px;
color:#e80000;
font-size:13px;
text-transform:uppercase;
font-weight:normal;
display:block;
}
#right_box p .select {
background:url(http://rksdesign.com/img10/right-selected.gif);
height:25px;
width:275px;
padding-left:15px;
padding-top:10px;
display:block;
}


#right_box a:hover, #book_box a:hover {
color:#A7978D;
}
#book_box h5 {
color:#333;
font-size:18px;
font-weight:normal;
letter-spacing:1px;
margin-bottom:10px;
padding-top:15px;
}
.pdf {
width:290px;
}
.unfloat {
float:left;
display:block;
}

ul.video, ul.video li {
list-style:none;
margin-left:0px;
padding-left:0px;

}
ul.video li {
display:block;
clear:both;
height:65px;
padding-left:10px;
padding-top:10px;
border-bottom:1px solid #f2f2f2;
}
ul.video li:hover {
background:white;
}
ul.video li a img, ul.video li span {
float:left;
display:inline;
border:0px;
}
ul.video li span {
padding-left:10px;
width:155px;
font-size:11px;
}
ul.video li span a, ul.video li span a:visited  {
font-size:12px!important;
}
a.greylink {
color:#666;
}
a.greylink:hover {
color:#e80000;
}