/* CSS Document */

html, body {
	padding: 0; 
	margin: 0; 
	height: 100%;
	background-color:#0B0861;
		font-family:Helvetica, sans-serif,Arial, ;
		font-size:12px;
		color:#3B3B3B;
		
	font-weight:300;
}

.container { 
	min-height: 900px; 
	width: 950px; 
	top: 20px;
	margin: 0 auto; 
	position: relative; /* so header and footer can be positioned */ 
	background: #0B0861; 
	background-image:url(images/jStreetMain.png);
	background-repeat:no-repeat;
	z-index:0;
}

/* this is for IE/Win only either a conditional or hack required supposed IE7 will support min-height */ 
* html #container {height: 100%;}

#logo { 
	position: relative; 
	left:160px;
	top:65px;
}

#tabs1 {
	position:relative;
	width:17px;
	height:527px;
	left:126px;
	top:57px;
	z-index:10;
	float:left;
}

#tabs2 {
	position:relative;
	width:17px;
	height:527px;
	left:133px;
	top:57px;
	z-index:10;
	float:left;
}

#tabs3 {
	position:relative;
	width:17px;
	height:527px;
	left:140px;
	top:57px;
	z-index:10;
	float:left;
}

#indexMain{
	position:relative;
	width:714px;
	height:527px;
	left:147px;
	top:57px;
	float:left;
	background-color:#7673C2;
}

#main{
	position:relative;
	width:714px;
	height:527px;
	left:147px;
	top:57px;
	float:left;
}

#mainLeft{
	position:relative;
	width:357px;
	height:527px;
	float:left;
	z-index:-1;
}

#mainRight{
	position:relative;
	width:357px;
	height:527px;
	float:left;
	z-index:-1;
}

#aboutMain{
	position:relative;
	width:762px;
	height:527px;
	left:156px;
	bottom:440px;
	float:left;
	z-index:1;
}

#frontSwf {
	position:relative;
	width:430px;
	height:156px;
	left:275px;
	bottom:500px;
	float:left;
}

#leftTopBox {
	position:relative;
	width:340px;
	height:220px;
	left:9px;
	top:30px;
	background-color:#A3A0D5;
	z-index:-1;
}

#arrowsLeft {
	position:relative;
	width:30px;
	height:30px;
	left:9px;
	top:30px;
	background-color:#A3A0D5;
	z-index:-1;
}

#arrowsSpacer {
	position:relative;
	width:280px;
	height:30px;
	left:39px;
	background-color:#A3A0D5;
	float:left;
	z-index:-1;
}

#arrowsRight {
	position:relative;
	width:30px;
	height:30px;
	left:39px;
	background-color:#A3A0D5;
	float:left;
	z-index:-1;
}

#leftBottomBox {
	position:relative;
	width:340px;
	height:210px;
	left:9px;
	top:30px;
	background-color:#A3A0D5;
	z-index:-1;
}

#commentsBox {
	position:relative;
	width:320px;
	height:190px;
	left:10px;
	top:10px;
	background-color:#C8C6E7;
	z-index:-1;
}

#rightBox {
	position:relative;
	width:360px;
	height:460px;
	left:10px;
	top:30px;
	background-color:#FFFFFF;
}

#swfHoldingBox {
	position:relative;
	width:714px;
	height:527px;
	z-index:10;
	background-color:#FF0000;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenut ul li a:link, .sidebarmenut ul li a:visited, .sidebarmenut ul li a:active{
background-color: #4764DD; /*background of tabs (default state)*/
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
background-color: #7673C2;
width: 17px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
}
 
.sidebarmenu ul li{
	position: relative;
	overflow: visible;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background-color: #7673C2;
/*padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;*/
margin: 0;
padding: 0;
}

sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #7673C2; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
background-color: #7673C2;
}

.sidebarmenu ul li a:hover{
background-color: #4764DD;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 105px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background-color: #7673C2/*url(right.gif) no-repeat 97% 50%*/;
}

 
/* Holly Hack for IE \*/
html .sidebarmenu ul li { float: left; height: 1%; }
html .sidebarmenu ul li a { height: 1%; }
/* End */

a{
	color:#BA0000;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

.divMain{
	width:544px;
	height:200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
}


.textMain a{
	color:#3B3B3B;
	text-decoration:none;
}

.textMain a:hover{
	color:#ABABAB;
	text-decoration:none;
}

.header{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	height:80px;
	text-align: left;
	position: relative;
}
.logoContainer{
	width:377px;
	height:80px;
	float:left;
}
.meni{
	width:623px;
	float:left;
	height:80px;
}
.meniItem{
	width:200px;
	float:left;
	margin-top:30px;
}
.meniItem a{
	font-weight:bold;
	text-decoration:none;
	color:#868482;
}
.meniItem a:hover{
	color:#ABABAB;
	border-bottom:solid 5px #ba0000 ;
	display: inline-block;
	text-decoration:none;
}

.content{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	height:700px;
	position: relative;
}
.leftContainer{
	width:377px;
	float:left;
	text-align: left;
	height: 700px;
}
.leftContainerGallery{
	position:relative;
	float:left;
	text-align: left;
	border:1px solid red;
}




#slowScreenSplash{
	position:absolute;
	z-index:5;
	top:124px;
	left:431px;
	width: 223px;
	padding:10px;
}


 /* begin gallery styling */
#jgal {
	list-style: none;
	width: 250px;
	position:relative;
	display: block;
	height: 590px;
}
#jgal li { opacity: .5; float: right; display: block; width: 60px; height: 120px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: 300px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .49 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 5px 5px 0; }

.imagelist{
	width: 380px;
	vertical-align:top;
	margin-left:25px;
	margin-right:auto;
	margin-top:20px;
	position: relative;
}

.art{
	vertical-align:center;
	text-align:;
}

.listimg{
	padding: 4px;
	vertical-align:top;
	vertical-align:top;
	margin-left:25px;
	margin-right:auto;
	margin-top:20px;
	position: relative;
	background: #A3A0D5;
	text-align:center;

	
}

.listimg img{
	text-align:center;
	padding:0px;
	border:2px solid #fff;
	cursor: pointer;

	
	
}

.listimg:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        -moz-opacity: 0.5;
       
}




testsol:hover{
	opacity: 0.5;
}


.prevnext{
	cursor: pointer;
}

.featurebox{
}

featured{
	padding:5px;
	vertical-align:center;
}

.featuredescription{
	padding:6px;
	margin: 6px 0 0 0;
	background-color:#C8C6E7;
	font-size: 14px;
	height: 135px;
	width: 340px;


}

.featuretitle{
	font-weight:bold;
}

[if IE]>
.ie_layout {
  height: 0;
  he\ight: auto;
  zoom: 1;
}
<![endif]–>