/* blueprint import */
@import url("blueprint/screen.css");

/* layout colors */
/*
#content-left-container { background-color: #ff0000; }
#nav-container { background-color: #00ff00; }
#content-container { background-color: #0000ff; }
#nav-bottom { background-color: #ff8000; }
/**/

/* sitewide attributes */

#gallery{
float:right;
width:100px;
}
img { border: 0; }
hr { display: none; }
html, body { height: 100%; }
body { background-color: #0b0b0b; color: #fff; margin: 0; padding: 0;}
a { color: #fff; }
a:hover { color: #c0c0c0; }

/* top spacer push */
#distance { width:1px; height:50%; margin-bottom: -278px; float:left; }
#body-container { margin: 0 auto; position: relative; text-align: left; height: 597px; width: 950px; clear: left;}

/* upper block */
#header h1 { position: relative; margin-bottom: 0; }
#header h1 a { display: block; width: 950px; height: 152px; text-indent: -9999px; overflow: hidden; background: url(img/upper.png) no-repeat; }
#header h2, #header h3 { display: none; }

/* lower block */
#container-content { background: url(img/lower.png) no-repeat; width: 950px; height: 355px; }

/* overall left area */
#container-left { width: 381px; height: 355px; float:left; }

/* left contentarea */
#content-left-container { width: 381px; height: 215px; overflow: hidden; }
#content-left { margin-left: 67px; background-repeat: no-repeat; width: 313px; height: 208px; }

/* left navarea */
#nav-container { width: 381px; height: 140px; overflow: hidden; }
#nav { width: 355px; height: 140px; padding-top: 11px; }
#nav ul { margin-left: 0; padding-left: 11px; float: left; width: 100%; list-style-type: none; }
#nav ul li { padding-left: 10px; float: left; width: 188px; list-style-type: none; }
#nav ul li.alt { padding-left: 0; float: right; text-align: right; width: 140px; }
#nav ul li a { text-transform: uppercase; text-decoration: none; font-size: 88.5%; color: #c0c0c0; }
/* safari-only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav ul li a { font-size: 85.5%; }
}
#nav ul li a:hover { color: #fff; }

/* right contentarea */
#content-container { width: 569px; height: 355px; float: right; }
#content { padding: 30px 25px 25px 20px; font-size: 88.5%; }
#content h3 { position: relative; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; margin: 0 0 10px 0; }
#content h6 { position: relative; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; margin: 0 0 10px 0; }

#real-content { padding: 0 12px 0 0; }
#real-content h4 { color: #fff; font-weight: bold; font-size: 120%; text-transform: uppercase; /* margin-bottom: 0.3em; */ }
#subnav { display: table; }
#subnav ul { list-style: none; list-style-type: none; padding: 0; margin: 0; }
#subnav ul li { color: #fff; font-size: 113%; text-transform: uppercase; margin: 0; padding: 0 12px 0 0; float: left; list-style-type: none; }
#subnav ul li a { text-decoration: none; }
#subnav ul li a:hover { color: #c0c0c0; }
#subnav ul li a.active { color: #cfd2b2; }
#subnav ul li a.active:hover { color: #cfd2b2; }

/* bottom navigation */
#nav-bottom { height: 50px; text-align: right; overflow: hidden; }
#nav-bottom ul { list-style: none; list-style-type: none; float: right; padding: 5px 30px 0 0; margin: 0; }
#nav-bottom ul li { margin: 0; padding: 0 0 0 20px; float: left; list-style-type: none; }
#nav-bottom ul li a { text-transform: uppercase; text-decoration: none; font-size: 87.5%; color: #c0c0c0; }
#nav-bottom ul li a:hover { color: #fff; }

/* scrollbars */
#scrollable-content-wrapper { margin: 0; /* margin: 0 auto; */ padding: 18px 0 0 0; width: 315px; }
#scrollable-content { overflow: auto; position: relative; width: 100%; text-align: left; height: 240px; }
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 10px; background-color: transparent; }
.vscrollerbar { width: 10px; background-color: #404137; }


/*-------------------- gallery css--------------------*/
#slid-div{
width:550px;
border:0px solid #FFFFFF; 
}
#slid-div-num{
width:320px;
float:left;
border:0px solid #00CCFF;
}
#light-box-div1
{
float:right;
width:200px; 
height:55px; 
border:0px solid #00CCFF;
}


#light-box-div2
{
width:190px; 
float:left; 
padding-left:2px; 
padding-top:20px;
}

#light-box-div3
{
width:23px;
height:22px;
float:left; 
padding-right:10px;
}
#box-div1{ 
float:right;
width:195px;
border:0px solid #00CCFF;
}
#box-div2{ 
float:right;
width:195px;
border:0px solid #00CCFF;
}
<div id="box-div1" style="float:right ; width:195px ;  border:0px solid #00CCFF ;">