/* @group General Styles */
html { background-color: #fff;}

body {
	background-color: transparent;
	margin: auto;
	*margin-top: 20px;
	padding: 0;
	font: 95%/1.4 arial, helvetica, sans-serif;
    width:1000px;	
}

p {
    color: #6e6e6e;
}

b, strong {

}

a:link, a:visited {
	color: #257EB4;
	text-decoration: none;
    *font-weight: normal; 
}

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

img {
	border: none;
}

.image-left {
	float: left;
}

.image-right {
	float: right;
}
.clear {
	clear: both;
	display: block;
	height: 0;
	line-height: 0em;
	font-size: 0em;
}	
/* @end */




/* @group Layout */

#container {
	display: block;
	width: 980px;
	margin: auto;
}

.clearer {
	clear: both;
}


#prefooter {
	background: none;
	display: block;
	height: 20px;
	width: 960px;
	margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

#prefooter p {
    text-align: center; 
    font-size: 11px;	
    color: #6e6e6e;
    font: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;    
}
/* @end */




.shadow {text-shadow: 0px -1px 1px #ddd;}
.changencolor {	color: #87B730;}







/* @group Global Classes */

blockquote, .standout {
}

h1 {
	color: #ccc;
}

h2 {
	font-size: 1.8em;
	color: #ccc;
	text-shadow: 0px -1px 1px #000;
}
h2.title {
	font-size: 2em;
	display: none;
}
h3 {
}

h4 {
}
/* @end */




/***********************************************************

	for new TRH browser...
	
***********************************************************/


#homenav { position: relative; 
    width: 984px; 
    margin-top: 0px; 
    height: 304px; 
    background: url(images/menu/homenav_bg.jpg) no-repeat;    
}

.home { 
    width: 980px; 
    margin-left: 2px; 
    height: 300px; 
    background: url(images/menu/home_face.jpg) no-repeat;    
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
    overflow: hidden;  
}
/* @end */





/***********************************************************

	cool menu...
	
***********************************************************/

#holder {  
width: 220px;  
height: 300px;  
background: url(images/menu/dimmed_bg.png);  
float: right;
position: relative;
z-index: 3;
}     
  
#menu {  
width: 100%;  
height: 100%;  
list-style: none;  
padding: 0;  
margin: 0;  
position: relative;  
}  
  
#menu li {  
padding: 10px 0;  
text-align: left;  
display: block;  
cursor: pointer;  
text-shadow: none;  
font-size: 20px;  
color: #fff;  
}  
  
#menu li a {  
background: #1f1f1f;  
color:#ddd;  
font-family:helvetica, arial, verdana;  
font-size: 11px;  
display:inline;  
padding: 18px 8px 5px 15px;  
text-decoration:none;  
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 -1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 -1px 3px; 
}  
  
#menu li span {  
font-family:georgia, arial;  
font-size: 10px;  
color:#464646;  
}  

#menu span.welcome {  
     color:#fff;  
     display: block;  
     font-size: 35px;  
     font-weight: bold;
     margin-top: 10px; 
     margin-bottom: 0px; 
     margin-left: 25px;  
     text-shadow: 0px -1px 1px #777;
}  

#menu span.quickones {  
     color:#fff;  
     display: block;  
     font-size: 20px;  
     font-weight: bold;
     margin-bottom: 12px; 
     margin-left: 6px;  
     text-shadow: 0px -1px 1px #888;
}  
/* @end */





/***********************************************************

	just add the class to a ul and that's todo...
	
***********************************************************/
.noshow { 
list-style: none;  
}
/* @end */



/***********************************************************

    arrow class to appear...
	
***********************************************************/
.arrowlink { 
text-align: left; 
padding: 0px 16px 2px 0; 
background: url(http://theriffhaus.com/themes/images/added/more_arrow.png) no-repeat  right; 
display: block;
width: 85px;
margin: 50%;
}
/* @end */





/***********************************************************

    Horizontal Line...
	
***********************************************************/
#divider {
  width: 980px;
  height: 1px;
  margin-left: 2px; 
  border-bottom: 1px solid #ccc; 
  position: relative;
  clear: both; 
}

#divider2px {
  width: 980px;
  height: 16px;
  margin-left: 2px; 
  border-bottom: 1px solid #ccc; 
  position: relative;
  clear: both; 
}


/* @end */



/***********************************************************

	for sides and selected left colums...
	
***********************************************************/
#2ndrow{
width: 980px;
height: 180px;
position: relative;
}

#holdingshowcase { 
width: 760px;
top: 10px;
margin-bottom: 6px;
position: relative;
overflow: hidden;
float: left;
}

#showcase { 
width: 760px;
position: relative;
 }

#arrow_right {
	position: absolute;
	top: 165px;
	left: 380px;
	z-index: 1000;
	cursor: pointer;
}

#rightside { 
width: 218px;
top: 10px;
position: relative;
float: right;
}
/* @end */







/***********************************************************

	for contact nav...
	
***********************************************************/
#for4 {
width: 980px; 
height: 90px; 
margin-bottom: 15px; 
position: relative;
background: url(images/4throw/4row_bg.jpg);  
border-bottom: 1px solid #ccc; 
}

.for4nav { 
margin-top: 0px;
margin-left: 80px;
}


.for4nav li { 
display: -moz-inline-stack; 
display: inline-block; 
*display: inline; 
width: 180px; 
text-align: center; 
}

.for4nav li a {
display: block; 
display: inline-block; 
width: 135px; 
margin-left: 0px; 
padding: 15px 12px 17px 30px; 
color: #999; 
}

.for4nav li a img { 
margin-left: -15px; 
border: 1px solid #bbb; 
}

.for4nav li a:hover { 
background: url(images/for4nav_hover.jpg) no-repeat; 
}

/* @end */




/***********************************************************

    Fade over Horizontal 6 ...
	
***********************************************************/
#fadeon {
  width: 980px;
  height: 95px;
  margin-top: 15px;
  margin-bottom: 18px;
  margin-left: 2px; 
}


.fade7 {
  width: 135px;
  height: 95px;
  float: left;  
  margin: 0 5px 0 20px;
  position: relative;
}

.fade7 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.fade7 img{
  width: 135px;
  height: 95px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  *border: 1px solid #e4e4e4;    
  -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 
    -khtml-border-radius:5px; 
    border-radius:5px;
 -webkit-transition: -webkit-transform 0.3s ease-in-out; 
}

.fade7 img:hover { -webkit-transform: scale(1.1, 1.1); }

/* @end */




/***********************************************************

	radio...
	
***********************************************************/
.radio { 
    width: 980px; 
    margin-left: 2px; 
    height: 300px; 
    background: url(images/menu/radio_face.jpg) no-repeat;    
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
    overflow: hidden;  
}

#dock {
    margin-top: 246px;
    width: 760px; 
    height: 36px; 
    background: url(images/dock/bg.png);  
}

.dock-container { 
    position: relative; 
    top: 11px;
    height: 36px; 
    margin-left: -10px; 
}

a.dock-item { 
    display: block; 
    width: 100px; 
    position: absolute; 
    bottom: 0;
}

.dock-item img { 
    border: 0; 
    margin: 5px 10px 0px; 
    width: 90%; 
}

h2.tit { 
    font-size: 4em;
    text-transform: uppercase;  
    text-align: center;  
    color: #888;
    margin:11px;
	text-shadow: none;
}

#sessionrow {
  width: 650px;
  height: 95px;
  margin: auto;
  margin-bottom: 15px; 
}

#sessionrow5 {
  width: 800px;
  height: 95px;
  margin: auto;
  margin-bottom: 15px; 
}

.sessionrow {
  width: 135px;
  height: 95px;
  float: left;  
  margin: 0 5px 0 20px;
  position: relative;
}

.sessionrow div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.sessionrow img{
  width: 135px;
  height: 95px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  *border: 1px solid #e4e4e4;    
  -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 
    -khtml-border-radius:5px; 
    border-radius:5px;
}
/* @end */




/***********************************************************

	legal...
	
***********************************************************/
.legal { 
    width: 980px; 
    margin-left: 2px; 
    height: 300px; 
    background: url(images/menu/legal_face.jpg) no-repeat;    
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
    overflow: hidden;  
}


#legal {
	width: 980px;
	height:  auto;
    background: #fff;
  	margin-left: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    border:1px solid #ccc; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 
    -khtml-border-radius:5px; 
    border-radius:5px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;     
}

#legal h2{ 
    font-size: 3em;
    text-transform: uppercase;  
    text-align: center;  
    color: #888;
    margin:11px;
	text-shadow: none;
}

#legal p { 
    margin:20px;
    font-size: 14px;
    color: #444;
}
/* @end */





#contenx { 
   position:relative; width:978px; height:160px; margin: auto; top: 20px; margin-bottom: 20px; margin-left: 2px; padding-top: 5px;
   background: #fff url(images/slider/bg.png) repeat-x bottom 0;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 
    -khtml-border-radius:5px; 
    border-radius:5px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  *border: 1px solid #e4e4e4;    
 clear: both;  
}

#contenx h3 { background: #e5e5e5; color: #666; line-height: 0.555; margin-top: 5px; padding: 10px; width: 940px; margin-left: 9px; margin-bottom: 0px;     
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
font-size: 13px;}


/* dot nav at the bottom */
#contenx #slider .ACSliderPageNav { position:absolute; top:auto; bottom:8px; left:45%; margin:0 auto; }
.ACSliderPageNav li { display:inline; }
.ACSliderPageNav li a { display:block; 
   float:left; width:4px; 
   height:4px; 
   padding:2px; 
   margin:0 2px; 
   cursor:pointer; 
   text-indent:-9999px; 
   background:url(images/slider/lightblue_dots.png) center top no-repeat; 
   overflow:hidden; 
}

.ACSliderPageNav li a:hover { background-position:center -8px; }
.ACSliderPageNav li a.active { background-position:center -16px; cursor:default; }


/* containx */
.ACSliderMaskDiv { position:relative; overflow:hidden; margin:0 30px; }
.ACSliderMaskDiv ul { position:absolute; top:16px; width:9999px; margin:0; padding:0; }
.ACSliderMaskDiv ul li { z-index: 100;}



/* previous and next nav */
.ACSliderPreviousArrow, .ACSliderNextArrow { position:absolute; top:50%; width:14px; height:14px; cursor:pointer; text-indent:-9999px; overflow:hidden; }
#contenx #slider .ACSliderPreviousArrow,
#contenx #slider .ACSliderNextArrow { width:55px; 
     height:123px; top:0;     
     opacity:0.6; 
     -moz-opacity:0.6; 
     -ms-filter:"alpha(opacity=60)"; 
     filter:alpha(opacity=60);
}
 
#contenx #slider .ACSliderPreviousArrow { left: 0px; background:url(images/slider/arrow-previous.png) no-repeat; }
#contenx #slider .ACSliderNextArrow { right: 3px; background:url(images/slider/arrow-next.png) no-repeat; }
#contenx #slider .ACSliderPreviousArrow:hover,
#contenx #slider .ACSliderNextArrow:hover { 
     *-webkit-transition: -webkit-transform 0.3s ease-in-out; 
     *-webkit-transform: scale(1.1, 1.1);
     *-webkit-animation-duration: 0.5s;  
     opacity:1; 
     -moz-opacity:1; 
     -ms-filter:"alpha(opacity=100)"; 
     filter:alpha(opacity=100);
}
     

#contenx #slider .ACSliderMaskDiv { z-index: 0; display:block; width:870px; height:123px; margin:0 52px; }

#contenx #slider .ACSliderMaskDiv ul { display:block; width:3504px; height:123px; top:0; margin:0; padding:0; }
#contenx #slider .ACSliderMaskDiv ul li { display:block; float:left; width:873px; height:123px; margin:0; padding:0; }


#contenx #slider { position:relative; width:980px; height:123px; margin:0 1px;}

#contenx #slider .ACSliderMaskDiv ul.page { display:block; position:static; float:left; width:870px; height:123px; }
#contenx #slider .ACSliderMaskDiv ul.page li { display:inline; float:none; }
#contenx #slider .ACSliderMaskDiv ul.page li a { float:left; width:145px; height:116px; padding-top:10px; text-align:center; font-size:11px; color:#252525; text-decoration:none; }
#contenx #slider .ACSliderMaskDiv ul.page li a b { display: block; margin: 5px -5px 0 0; font-weight:normal; opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }
#contenx #slider .ACSliderMaskDiv ul.page li a img { margin: 0 0 -7px 0; }
#contenx #slider .ACSliderMaskDiv ul.page li a:hover b { -webkit-transition:opacity .3s ease-in-out; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }
#contenx #slider .ACSliderMaskDiv ul.page li a.active { outline:none; }
#contenx #slider .ACSliderMaskDiv ul.page li a.active b { color:#000; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }

#contenx #slider .ACSliderMaskDiv ul.artwork li a { position:relative; width:96px; height:98px; padding-top:18px; font-size:11px; color:#252525; text-decoration:none; }
#contenx #slider .ACSliderMaskDiv ul.artwork li a b { display:block; position:absolute; left:10; bottom:18px; width:96px; font-weight:normal; opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }
#contenx #slider .ACSliderMaskDiv ul.artwork li a:hover b { -webkit-transition:opacity .3s ease-in-out; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }
#contenx #slider .ACSliderMaskDiv ul.artwork li a.active b { color:#000; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }

/* animation */
ul.page li img { *-webkit-transition: -webkit-transform 0.3s ease-in-out; }
ul.page li:hover img { -webkit-transform: scale(1.1, 1.1); }
#swap .section {  -webkit-animation-duration: 0.5s; }
#swap .slideOutRight { -webkit-animation-name: slideOutLeft; }
#swap .slideInRight { -webkit-animation-name: slideInRight; }
#swap .slideOutLeft { -webkit-animation-name: slideOutRight; }
#swap .slideInLeft { -webkit-animation-name: slideInLeft; }
#contenx #swap .section .caption { -webkit-animation-name: fadeDelay; -webkit-animation-duration: 0.8s; }
#contenx #swap .section.slideOutRight .caption, 
#contenx #swap .section.slideOutLeft .caption { -webkit-animation-name: fadeOut; -webkit-animation-duration: 0.31s; }
.section#MASKED-hero-6 { margin-left:210px; }



/***********************************************************

    Replacement...
	
***********************************************************/
.replaced { display: block; height: 25px; overflow: hidden; outline: none; text-indent: -9999px; text-align: left; width: 200px; }

h2.replaced { background-image: url(http://theriffhaus.com/themes/images/added/added.png); width: 200px; margin-left: 8px;
margin-top: 12px; margin-bottom: 15px;}


/***********************************************************

	for left colum...
	
***********************************************************/

#added { 
width: 760px;
height: 200px;
top: 10px;
margin-bottom: 6px;
margin-left: -1px;
position: relative;
float: left;
background: url(http://theriffhaus.com/themes/images/added/horz_bg.png)  no-repeat;
}

#added img { 
margin-left: 17px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 
    -khtml-border-radius:5px; 
    border-radius:5px;
-webkit-transition: -webkit-transform 0.3s ease-in-out; 
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
}

#added a:hover img { -webkit-transform: scale(1.1, 1.1); }


/***********************************************************

	for right colum...
	
***********************************************************/

#whatis { 
width: 220px;
height: 200px;
right: -2px;
top: 10px;
position: relative;
float: right;
background: url(http://theriffhaus.com/themes/images/added/right_side.png)  no-repeat;
}

#whatis h2 {
text-align:center;
text-shadow: none; 
display: block;
margin-top: 10px; 
margin-bottom: 0px; 
color: #08c;
}

#whatis p {
text-align:center;
color: #555;
display: block;
margin-top: 0px; 
margin-bottom: 0px; 
}

#whatis a {
text-align: center;
display: block;
margin-top: 0px; 
margin-right: 0px; 
color: #999;
-webkit-transition:color .5s;
}

#whatis a:hover {
color: #08c;
}
/* @end */



/***********************************************************

	cool cunt...
	
***********************************************************/

#cunt {
width: 984px;
height: 250px;
right: 0px;
margin-top: 0px;
margin-bottom: 15px;
position: relative;
background:#fff url(http://theriffhaus.com/themes/images/distribution/main_bodybg.png) 0 0 repeat-y; }
#cunt .top { 
position:absolute; 
z-index:1; 
width:100%; 
padding-top:6px; 
background:transparent url(http://theriffhaus.com/themes/images/distribution/maincap_top.png) 0 0 no-repeat; 
top:0; }
#cunt .bottom { 
position:absolute; 
z-index:1; 
width:100%; 
height:5px; 
background:transparent url(http://theriffhaus.com/themes/images/distribution/maincap_bottom.png) 0 100% no-repeat; 
bottom:0; }


#slideshow { 
position: absolute; 
width: 978px; 
height: 248px; 
top: 2px; 
left: 3px; }
#slideshow img { 
   display: none; 
   position: absolute; 
   top: 0; 
   left: 0; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;}
#slideshow #slideshow-swap { position: relative; }
#slideshow #slideshow-swap img { display: block; }
#slideshow .slideshow-nav { 
   position: absolute; 
   width: 120px; 
   height: 24px;   
   bottom: 0px; 
   left: 0; 
   text-align: left; }
#slideshow .slideshow-nav li { display: inline; }
#slideshow .slideshow-nav a { 
display: inline-block; 
width: 18px; 
height: 8px; 
background: url(images/slider/lightblue_dots.png) no-repeat; 
text-indent: -9999px; 
overflow: hidden; }
#slideshow .slideshow-nav a:hover { background-position: 0 -8px; }
#slideshow .slideshow-nav a.active { background-position: 0 -16px; }
/* @end */


/***********************************************************

	cool menu...
	
***********************************************************/

#dimmedholder {  
width: 200px;  
height: 247px;  
background: url(images/menu/dimmed_bg.png);  
float: right;
top: 1px;
right: 3px; 
position: relative;
z-index: 3;
}     
  
#ass {  
width: 100%;  
height: 100%;  
list-style: none;  
padding: 0;  
margin: 0;  
position: relative;  
}  
  
#ass li {  
padding: 11px 0;  
text-align: right;  
display: block;  
cursor: pointer;  
text-shadow: none;  
font-size: 20px;  
color: #fff;  
}  
  
#ass li a {  
background: #1f1f1f;  
color:#ddd;  
font-family:helvetica, arial, verdana;  
font-size: 11px;  
display:inline;  
padding: 18px 8px 5px 15px;  
padding-right: 30px;  
text-decoration:none;  
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 -1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 -1px 3px; 
  -webkit-transition: background-color 0.5s;
}  

#ass li a:hover {  
background: #31b8da;  
color:#fff;  
}  
  

#ass section.welcome {  
     color:#fff;  
     display: block;  
     font-size: 35px;  
     font-weight: normal;
     margin-top: 8px; 
     margin-bottom: 0px; 
     text-shadow: 0px -1px 1px #777;
     text-align: center;
}  

#ass section.quickones {  
     color:#f4f4f4;  
     display: block;  
     font-size: 20px;  
     font-weight: bold;
     margin-bottom: 12px; 
     margin-left: 6px;  
     text-shadow: 0px -1px 1px #888;
}  
/* @end */

/* HEADER */
#header { position: relative; border-bottom: 1px solid #ddd; padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; height: 39px; margin-bottom: 5px; margin-left: 12px;}
#header h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; }
#header h1 a, 
#header h2 a { cursor: pointer; }

#header ul { display: inline; float: right; margin: 0; }
#header ul li { display: inline; }
#header ul li a { color: #999; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
#header ul li a:hover { color: #08c; }



/***********************************************************

    Fade over Horizontal 6 ...
	
***********************************************************/
#fadeon {
  width: 980px;
  height: 95px;
  margin-top: 15px;
  margin-bottom: 18px;
  margin-left: 2px; 
}


.step6 {
  width: 135px;
  height: 95px;
  float: left;  
  margin: 0 0px 0 23px;
  position: relative;
}

.step6.last {
  width: 135px;
  height: 95px;
  float: left;  
  margin: 0 3px 0 22px;
  position: relative;
}

.step6 {
  position: relative;
  top: 0;
  left: 0;
  *display: none;
}

.step6 img{
  width: 135px;
  height: 95px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  *border: 1px solid #e4e4e4;    
  -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 
    -khtml-border-radius:5px; 
    border-radius:5px;
 *-webkit-transition: -webkit-transform 0.3s ease-in-out; 
}

.step6 img:hover { -webkit-transform: scale(1.1, 1.1); }

/* @end */

.span_5	{ width: 300px; *float: right; *border: 1px solid #f00; margin: 0 0px 0 22px; float: left;  
}
.span_5 p {  font-size:11px; color: #555; padding-right: 10px; }
.span_5 h4 { line-height: 0.8333; margin: 3px 0 0px 0;}

.span_5	img { -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
float: left; margin-right: 10px;  *-webkit-transition: -webkit-transform 0.3s ease-in-out; 
}

.span_5 img:hover { -webkit-transform: scale(1.1, 1.1); }


/***********************************************************

	for left colum...
	
***********************************************************/

#new { 
width: 275px; *border: 1px solid #f00;
height: 175px;
top: 10px;
margin-bottom: 5px;
position: relative;
float: right;
overflow: hide;
background: #333 url(http://theriffhaus.com/themes/images/added/bg.jpg) repeat-x;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;}

#new h3 { background: #2f2f2f; color: #9f9f9f; line-height: 0.555; margin-top: 10px; padding: 10px; width: 235px; margin-left: 10px;     
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
font-size: 13px;}

#new p { color: #505050; font-size: 12px; margin: 0 20px 0; font-weight: bold; line-height: 1.9;}

#new a { color: #777;}
#new a:hover { color: #f00;}


#asshole { width: 685px; height: 175px; top: 10px; margin-bottom: 5px;
margin-left: 1px;
*border: 1px solid #ccc; position: relative; float: left;
background: #f6f6f6;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;}

#asshole h3 { background: #e5e5e5; color: #777; line-height: 0.555; margin-top: 10px; padding: 10px; width: 645px; margin-left: 10px;     
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px;
font-size: 13px;}

#asshole img { 
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 
}

#asshole ul { display:block; position:static; float:left; width: 685px; height:123px; }

#asshole ul li { display:inline; float:none; }

#asshole ul li a { float:left; width:145px; height:116px; padding-top:0px; text-align:center; font-size:12px; color:#444; text-decoration:none; }

#asshole ul li a b { display: block; margin: 5px 0px 0 0; font-weight: bold; opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }

#asshole ul li a img { margin: -15px 0 -7px 0; }
#asshole ul li a img:hover { -webkit-transform: scale(1.05, 1.05); }

#asshole ul li a:hover b { -webkit-transition:opacity .3s ease-in-out; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }

#asshole ul li a.active { outline:none; }

#asshole ul li a.active b { color:#000; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }