/* 
  Theme Name: Optic Nerve
  Theme URL: http://www.djarot.com/
  Description: Optic Nerve Theme. A theme created for Optic Nerve site. Video portfolio management system with jquery framework, xml playlist management and google weather api.
  Author: Jarot Syahputro
  Author URI: http://www.djarot.com
  Version: 2.0

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

  Changelog:
  v2.0 - 07.20.09 : 2nd Release of Optic Nerve theme.
  v1.0 - 05.25.09 : First Release of Optic Nerve theme.
*/
*{ margin:0; padding:0; outline:none;}
html, body {background:#FFF; color:#000; font:14px Helvetica; height:100%;}
img, a img {border:none;}
a, #info ul li a:hover {color:#000; text-decoration:none;}
a:hover, #info ul li a {color:#888;}
h1 {color:#000; font:bold 18px Helvetica; }
h2 {color:#000; font:bold 14px Helvetica; text-transform:lowercase;}
h3 {font:bold 14px Helvetica;}
address {font: normal 14px Helvetica;}
ul, ol {list-style:none inside; position:relative;}
	
#body {
  display:block;
  min-height:100%;
  position: relative;
}
.bg_home   {background: url(images/logo.gif) 0 326px no-repeat; min-height:100%;}
.bg_about   {background: url(images/jon_kane.jpg) no-repeat 640px 320px; min-height:150%;}
.bg_skills  {background: url(images/bg_5.jpg) no-repeat 640px 320px;}
.bg_connect {background: url(images/bg_2.jpg) no-repeat 320px 64px;}
.bg_news {background: url(images/bg_4.jpg) no-repeat 580px 350px;}
.bg_body {background:#FFF;}

.clear, .coolnavigate {clear:both; }
.down55 {margin-bottom:55px;}
.up20 {margin-top:20px;}

#wrapper {
  overflow:hidden;
  /*border:1px solid #F00;*/
}
#container{clear:both; display:block; padding:0 0 298px 0; margin:0; position:relative; width:960px; /*border:1px solid #39F;*/}
#leftcol {float:left; width:512px; padding-left:128px; margin:0 0 128px 0;}
#leftc0l {float:left; width:890px; padding:0; margin:0 0 128px 70px; /*border:1px solid #000;*/}

/**************************
    HEADER
***************************/
#header {display:block; height:128px; position:relative; /*border:1px solid #000;*/}
h1#logo {
  background: url('images/logo_8.png') no-repeat 0 2px; 
  border-top:1px solid #000;
  display:block; 
  height:23px;
  margin-right:0;
  position:absolute; 
  right:0;
  text-indent:-9000px;
  top:512px; 
  width:159px;
  z-index:10;
/*border:1px solid #39F;*/
}
h1#logo a {
  display:block; 
  height:23px;
  width:159px;
}
#home {
  float:left;
  width:714px;
  height:382px;
  margin:174px 0 0 256px;
  position:relative;
  overflow:hidden;
}
#hnav {
  float:left;
  width:227px;
  margin:132px 0 0 197px;
}
#hnav li, #hnav a, #reel span { float:left;  height:24px; width:227px; display:block; }
#hnav a, #reel span, #r33l span a, #hnav ul.inf0 h1.ab0 a {text-indent:-9000px; overflow:hidden;}
#hnav li { list-style:none; padding-bottom:12px; }
#work a {background:url(images/nav-home.gif) 0 0 no-repeat;}
#info a {background:url(images/nav-home.gif) 0 -36px no-repeat; }
#clie a {background:url(images/nav-home.gif) 0 -73px no-repeat;}
#reel span {background:url(images/nav-home.gif) 0 -231px no-repeat;}
#r33l p {float:right;}
#r33l span {margin:217px 0 0 0; }
#r33l span, #r33l span a {float:left; width:60px; height:18px; }
#r33l span a {background:url(images/nav-home.gif) 0 -468px no-repeat;}
#arch a {background:url(images/nav-home.gif) 0 -267px no-repeat;}

#feat a {background:url(images/nav-home.gif) 0 -302px no-repeat;}

#work a:hover {background:url(images/nav-home.gif) -1px -113px no-repeat;}
#info a:hover {background:url(images/nav-home.gif) -1px -149px no-repeat;}
#clie a:hover {background:url(images/nav-home.gif) -1px -186px no-repeat;}
#reel span:hover {background:url(images/nav-home.gif) 0 -345px no-repeat;}
#arch a:hover {background:url(images/nav-home.gif) 0 -381px no-repeat;}
#feat a:hover {background:url(images/nav-home.gif) 0 -416px no-repeat;}

#hnav ul {margin:0; padding:0; list-style-type: none; }
#hnav ul.inf0 {padding:0; margin-top:-42px; }
#hnav ul.inf0 h1.ab0, #hnav ul.inf0 h1.ab0 a {width:184px; height:29px; margin:0; padding:0;}
#hnav ul.inf0 h1.ab0 a {background:url(images/nav-home.gif) 0 -504px no-repeat;}
#hnav ul.inf0 h1.ab0 a:hover { background:url(images/nav-home.gif) 0 -540px no-repeat; }

#hnav ul.inf0 span.ln1 {letter-spacing:1.9px;}
#hnav ul.inf0 span.ln2 {letter-spacing:4.9px;}
#hnav ul.inf0 span.ln3 {letter-spacing:0.5px;}


#info h1 {font-size:18px; margin:0; padding:0 0 5px 0;}
#info ul li a, #info ul li a:hover {background:none; text-indent:1px;}
#hnav li {float:left; position:relative;}
#hnav li ul {display: none;}
/* specific to non IE browsers */
#hnav li:hover ul {display:block; position:absolute; top:0; left:227px; width:150px; }
#hnav li:hover ul li ul {display: none;}
#box5 div{
	position:absolute;
	width:714px;
	height:382px;

}
#box5 h3{
	padding:0 0 10px 0;
}

.buttons{padding:0;}
.buttons span{color:#0080FF;padding:0;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

/**************************
    MAIN NAV
***************************/
#mainNav {margin:0 0 0 128px;}
#mainNav a{ border-top:#000 solid 2px; display:block; line-height:14px; width:64px;}
#mainNav a:hover { border-top:#000 solid 2px; color:#888;}
#mainNav a.selected { border-top:#666 solid 2px; color:#666; font-weight:bold;}
#mainNav a:hover.selected {border-top:#000 solid 2px; color:#fff;}
.projectNav { margin:0 320px 0 0;}
.nerveNav { margin:0 64px 0 0;}
.projectNav a, .nerveNav a { padding:0 0 4px;}
.blogNav a, .connectNav a {margin:0 64px 0 0; padding:0 0 4px; }
	
#mainNav div { float:left;}
#mainNav div a { border-top:#000 solid 2px; display:block; line-height:14px; width:64px; position:relative; }
#mainNav div.subNav ul { position:absolute; padding:0 0 4px; width:64px;}
#mainNav div.subNav ul li {padding:0;}
#mainNav div.subNav ul li a { background:none; border: none; letter-spacing:.1em; margin:0; padding:0px;}
#mainNav div.subNav ul li a:hover { background:none;}
#mainNav div.subNav li:hover ul { display:block;}

/**************************
    CONTENT
***************************/
#categoryTitle {/*border:1px solid #000;*/}
#categoryTitle ul { margin:0 0 0 16px; display:block; height:64px;}
#thenerveTitle ul { margin:0 0 0 92px; display:block; height:64px;}

#thenerveTitle ul li.title {text-transform:lowercase;}
#thenerveTitle ul li {background:url('images/line_1.gif') no-repeat top left; width:92px; float:left; }

#categoryTitle ul li, #thenerveTitle ul li {padding:0 0 0 36px; z-index:100;}
#categoryTitle ul li, #categoryTitle ul li a {width:92px; float:left; }
#categoryTitle ul li a {background:url('images/line_1.gif') no-repeat top left; padding:2px 0 0 36px;}
#categoryTitle ul li a:hover {background:url('images/line_1a.gif') no-repeat top left;}

#blogTitle {margin:0 0 0 -35px; display:block; height:46px; clear:both;}
#blogTitle ul li.commercialTab {background: url('images/line_6.gif') no-repeat top left; width:192px; float:left; margin:0 28px 0 0; padding:3px 0 0 36px; text-transform:lowercase;}
#blogTitle ul li {background: url('images/line_6.gif') no-repeat top left; float:left; margin:0 28px 0 0; padding:3px 0 0 36px; text-transform:lowercase;}

.backgroundConte {visibility:hidden; position:absolute; width:490px; height:300px; left:0px; top:-32px; z-index:-1;}
.backgroundConte2 {visibility:hidden; position:absolute; width:490px; height:300px; left:0px; top:-32px; z-index:-1;}
.backgroundConte3 {visibility:hidden; position:absolute; width:490px; height:300px; left:-256px; top:-60px; z-index:-1;}
.backgroundConte4 {visibility:hidden; position:absolute; width:490px; height:300px; left:-256px; top:-60px; z-index:-1;}


ul.myAccodion {border-bottom:#000 solid 1px; position:relative; width:120px; }
ul.myAccodion li a.projectTitle {border-top:#000 solid 1px; display: block; width:120px; position:relative; }
ul.myAccodion li a:hover.projectTitle { background:#000; color:#FFF;}
ul.myAccodion li ul { display: none; width:120px; position: relative; }
ul.myAccodion li ul li {border: none; padding:0 0 16px 0; margin:0; }
ul.myAccodion li.current ul { display: block;}
	
ul.myAccodion li.current {background:url('images/minus.gif') no-repeat;}
ul.myAccodion li strong {font-weight:normal; padding:0 0 0 2px;}
ul.myAccodion li strong.visible {visibility: hidden; font-weight:normal;}
	
ul.mNew li a.projectTitle, 
ul.mSpots li a.projectTitle, 
ul.mBroadway li a.projectTitle, 
ul.mSales li a.projectTitle,
ul.mMusic li a.projectTitle,
ul.mFilm li a.projectTitle
{ border-top-width:1px; height:1.5em; }
  
ul.mNew li a:hover.projectTitle, 
ul.mSpots li a:hover.projectTitle, 
ul.mBroadway li a:hover.projectTitle, 
ul.mSales li a:hover.projectTitle,
ul.mMusic li a:hover.projectTitle,
ul.mFilm li a:hover.projectTitle
{ background:#000 url('images/plus.gif') no-repeat;}

ul.mNew {/*border-left:#333 solid 1px;*/ margin:22px 0 0 0px; float:left; }
ul.mSpots {/*border-bottom:#333 solid 2px;*/ float:left; margin:0 0 0 10px; }
ul.mBroadway {/*border-bottom:#333 solid 3px;*/ float:left; margin:45px 0 0 10px; }
ul.mSales {/*border-bottom:#333 solid 2px;*/ float:left; margin:68px 0 0 10px; }
ul.mMusic {/*border-bottom:#333 solid 2px;*/ float:left; margin:22px 0 0 10px; }
ul.mFilm {/*border-bottom:#333 solid 2px;*/ float:left; margin:45px 0 0 10px; }

.news { position:relative; padding-bottom:256px;}
.news table { width:512px; margin:4px 0 0;}
.news td {padding: 8px 0;}
.news td.fisrtTd {background:url('images/line_5.gif') no-repeat 0 12px; padding:8px 12px 0; width:102px; vertical-align:top; text-transform:lowercase;}
.news td.secodTd {padding-right:30px;}
.news td.secodTd p {margin-bottom:10px;}
	
.about { position:relative; padding-bottom:128px;}
.about p { padding:12px 0 22px; width:484px; }
	
ul.tagLists {display: block; list-style-image:url('images/line_5.gif'); position:relative; float:left; width:260px; margin:17px 0 0; padding-bottom:128px;}
ul.tagLists li { padding:0 8px 8px 0; width:190px; float:left;}
	
#tagTitle ul{margin:0 0 0 92px; display:block; height:64px; }
#tagTitle ul li a {background:url('images/line_1.gif') no-repeat top left; width: 192px; float:left; margin:0 28px 0 0; padding:0 0px 0 36px; }
#tagTitle ul li a:hover {background:url('images/line_1a.gif') no-repeat top left; width:192px; float:left; margin:0 28px 0 0; padding:0 0px 0 36px;}
	
#rightcol {float:right; width:256px; padding-right:64px;}
#rightcol p.tags, #rightcol p.clients, #rightcol li#sideproject ul li a.projectTitle { display:none; }
#rightcol p {margin:0; padding:0;}
#rightcol li#contactForm { margin:0; padding:0;}


	ul.blogList {/*border-bottom:#333 solid 1px;*/ float:left; margin:17px 0 33px 0px; }
	ul.blogList li a.projectTitle{/*border-top-width:1px;*/ height:1.5em;}
	
	ul.connect {/*border-bottom:#333 solid 1px;*/ color:#000; float:right; margin:70px 8px 0 0; width:120px;}
	ul.connect li a.projectTitle{/*border-top-width:1px;*/ height:1.5em; }
	ul.connect h2 {line-height:12px; padding:0 0 8px; position: relative;}
	ul.connect li ul {margin:4px 0 0; position: relative; width:120px;}
	ul.connect li address{width:120px;}
	ul.connect li ul li {border: none; padding:0 0 4px; margin:0;}
	ol.snetwork h3 {line-height:32px; padding:0 0 4px; }
	.share h3 a {color:#000;}
	ol.snetwork li.snetList {padding:0;}
	ol.snetwork li.snetList a {color:#000;}
	ol.snetwork li.snetList a:hover{color:#888;}
	ol.snetwork li.shareList{padding:12px 0 0; font-weight:bold;}
	
	ol.snetwork li.shareList a{color:#000;}
	ol.snetwork li.shareList a:hover {color:#888;}
	
	#surface{clear:both; width:960px; display:block; /*margin:0 auto;*/}
  	
#leftcol .view, #rightcol .view, #leftc0l .view {
		width:576px;
		height:570px;
		display: none;
		margin:0 auto; 
		color:#FFF;
}

ul.myAccodion li ul, ul.myAccodion li a.projectTitle {z-index:100;}
.fxd {z-index:1; background:url(images/spot-ttl.png) top center no-repeat; visibility:hidden; color:#555; text-align:center; width:576px; height:36px; position:fixed; top:480px; left:192px;}
.thmbb a img {background:url(images/play.png) center 24px no-repeat;}
.thmbb a:hover img {background:url(images/play.png) center -97px no-repeat;}

/**************************
    SINGLE
***************************/
#single {
  /*border:1px solid #F00;*/
  float:left; 
  width:880px; 
  margin:80px 0 128px 0;
  padding:0 0 0 14px;
}
.sgtitle {
  clear:both;
  height:43px;
  float:left;
  text-transform:lowercase;
}
#single h2 {
  width:221px; 
  float:left; 
  margin:0 0 0 77px; 
  
}
#single span.date,  #single span.back, #single h2 {
  background:url(images/line_6.gif) 0 0 no-repeat;
  padding:2px 0 0 36px;
}
.date {width:227px; float:left; font-weight:bold;}
.entry {clear:both; }
#single p {margin:0 0 15px 0; font-style:normal; line-height:20px;}
#search {position:absolute; right:72px; margin:2px 0 0 0;}
#single .label a {padding:5px;}
#single .label {width:249px; border-top:2px solid #888;}
.excimg, .excttl {width:121px; height:72px;}
.excdv {padding:0 0 0 115px; margin:0 0 28px 0;}
.excttl, .excmeta {float:left; background:url(images/line_6.gif) -57px 0 no-repeat; padding:0 0 0 8px;}
.excmeta {text-transform:lowercase;}
.excmeta p {margin:0 0 15px 0; }


/**************************
    COMMENTS
***************************/
#commentblock {
  clear:both;
  float:left;
  width:760px;
  margin:60px 0 0 78px;
  
}
#commentblock p {line-height:17px; font-size:11px; letter-spacing:-0.5px; }
.comm1 {float:left; width:90px; background: url(images/line_6.gif) 0 0 no-repeat; padding:2px 0 0 36px; }
.comm1 b, .comm1a b{font-style:italic; }
.comm1a {float:left; width:74px; background: url(images/line_7.gif) 0 0 no-repeat; padding:2px 0 0 0; margin:0 0 0 36px;}

.comm2 {float:right; width:625px;}
.commentlist {float:left; width:290px; }
#commentblock li {background: url(images/line_6.gif) 0 0 no-repeat; padding:3px 0 20px 28px;}
#commentblock li p.comm-head {padding:0 0 10px 0; font-style:italic;}
.commenttext {clear:both;}
.comm-share {float:right;}
.comm-pg {background:url(images/line_7.gif) 0 0 no-repeat; padding:3px 0 0 28px;}
.comm-pg a, .comm-pg span.current {padding:0 5px;}
.comm-form {padding:0 0 0 28px;}
.comm-back {float:right; text-align:left; width:347px;margin:45px 0 92px 0; padding: 4px 0 0 0; background:url(images/line_7.gif) 0 0 no-repeat;}
#searchform {width:120px;}
#searchform input, #commentblock input {font-family:Georgia; font-size:11px; font-style:italic;}
#searchform input#inpt, #commentblock input#author, #commentblock input#email, #commentblock input#url, 
#commentblock input#comment, #commentblock textarea  {border-bottom:1px solid #bdbdbd; border-top:2px solid #888; border-right:0; border-left:0; }
#commentblock input, #commentblock textarea {width:242px;}
#searchform input#inpt {width:120px;}
#commentform p {text-transform:lowercase; vertical-align:top;}

#searchform input#sbmt{ color:#888; border:0;  background:transparent; text-transform:lowercase;  font-weight:bold; padding:0; margin:0;}
#searchform .f0cus, #commentblock .f0cus {background:#000; color:#FFF;}
#searchform .bl00r, #commentblock .bl00r {background: transparent;color:#888; }
#commentblock input#submit {border:0; background:#000; color:#FFF;float:left; font-weight:bold; padding:3px 0; width:60px; text-transform:lowercase; }

.comm-side {position:absolute; right:0; }
#commentblock ul.blogList li, #commentblock ul.blogList li ul li
 { background:none;}
#commentblock ul.blogList li {padding:0; margin:0; clear:both;}
#commentblock ul.blogList li ul li {padding:0 0 10px 0; margin:0; }
#commentblock ul.blogList li ul#archivem li, #rightcol ul.blogList li ul#archivem li  {padding:0 0 0 0; margin:0; }

#commentblock ul.blogList h2 {padding:0 0 10px 0; margin:0; background:none; }
#commentblock ul.blogList p {margin:0 0 0 0;}
#commentblock ul.blogList {margin:0 0 33px 0;}

#commentblock ul.myAccodion li.current {background:url('images/minus.gif') no-repeat;}
/*#commentblock ul.myAccodion li strong.visible {visibility: visible; font-weight:normal; }*/



#commentblock ol.snetwork, #rightcol ol.snetwork {background: url('images/line_2.gif') no-repeat 0px 13px;  margin:8px 0 -4px 0; padding: 0 0 0 24px; clear:both;}
#commentblock ol.snetwork li.shareTag ul.shareLinks li, #rightcol ol.snetwork li.shareTag ul.shareLinks li {background: none; display:inline; clear:none;}
#commentblock ol.snetwork li.shareTag, #rightcol ol.snetwork li.shareTag {
		display: block;
		font-size:11px; 
		font-weight:bold;
		margin:8px 0 0;
		padding:0px 0 8px;
	}
#commentblock	.shareTag a, #rightcol .shareTag a {padding:0 0 16px;}
#commentblock	.shareTag ul.position1, #rightcol	.shareTag ul.position1 {left: 0px;}
#commentblock	.shareTag ul.shareLinks, #rightcol .shareTag ul.shareLinks {
		background:#fff; 
		border-top:#000 solid 1px; 
		margin:8px 0 0;
		opacity:.8;
		padding:8px;
		position:absolute; 
		visibility:hidden;
		width:455px;
		}
#commentblock	.shareTag ul.shareLinks li a, #rightcol	.shareTag ul.shareLinks li a {color:#000; font-weight:normal; padding:8px 16px 8px 0;}
#commentblock	.shareTag ul.shareLinks li a:hover, #rightcol	.shareTag ul.shareLinks li a:hover {color:#888;}

.coolnavigate { font-size:12px; padding-right:10px; padding-top:10px;margin-right:-20px; background:url(images/line_6.gif) 0 0 no-repeat; font-weight:bold; }
.coolnavigate span.pages{ display:none;}
.coolnavigate a, .coolnavigate span.current {padding:5px 2px;}
.coolnavigate span.current {color:#888;}

/**************************
    FOOTER
***************************/
#footer	#goTop a {
  background:url('images/gotop.gif') no-repeat;
  display:block;
  color:#888;
  height:48px;
  margin:0px 0 0 640px;
  padding:12px 0 0 24px;
  width:64px;
}
#footer	#goTop a:hover {
  background:url('images/gotop.gif') no-repeat; 
  color:#000;
}
#footer {
  background:#FFF;
  /*background:url('images/footer.png') repeat-x bottom left;*/
  /*background:url('images/footer.png') no-repeat bottom center;*/
  bottom:0;
  color:#000;
  clear:both;
  position:absolute;
  left:0;
  height:298px; 
  width:100%;
  z-index:0;
  /*border:1px solid #F00;*/
  border-left:0;
  border-right:0;
}
#footerTop {width:960px;}
#footer a {color:#000;}
#footer a:hover {color:#888;}
.sitemap li, .fsnetwork li {list-style-image:url('images/line_5.gif');}
.footerAddress, .sitemap, .fsnetwork { float:left; width:165px;}
.footerAddress {border-top:#000 solid 3px; margin:0 136px 0 128px}
.footerAddress h2,.sitemap h2, .fsnetwork h2 { color:#000; padding:8px 0 16px;}
.sitemap { margin:0 8px 0 0;}
.fsnetwork {border-top:#000 solid 1px; margin:0px;}
.sitemap  h3 {font-weight:normal; padding:0 0 8px;}
.sm1 {border-top:#000 solid 2px;}
.sm2, .sm3 {padding:41px 0 0;}
#footer .sm3 {margin-top:24px;}
	
#copyright {
  background:url('images/line_1.gif') 0 0 no-repeat; 
  clear:both;
  font-size:9px;
  margin:64px 0px; 
  padding:2px 32px 0; 
  position:relative; 
  top:64px;
}

/**************************
    NYRO
***************************/
div#nyroModalFull {
	font-size: 12px;
	color: #FFF;
}
div#nyroModalLoading {
	border: 4px solid #000;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #000 url(images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #000;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #000;
}
div#nyroModalWrapper {
	background: #000; /* <------------------   */
	border: 6px solid #000;
}
a#closeBut {
	position: absolute;
	display: block;
	top: 1px;
	right: 5px;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	background: url(images/close.gif) 0 0 no-repeat;
	outline: 0;
  z-index: 1000;
}
h1#nyroModalTitle {
  display:none;/*
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #000;
 	background: #000;*/
}
div.wrapper div#nyroModalContent {
	padding: 20px 5px 5px 5px;
}
div.wrapper div#nyroModalContent a {color:#FFF;}
div.wrapper div#nyroModalContent a:hover {color:#888;}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
 	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
	text-indent: -9999em;

}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev { left: 0; }
a.nyroModalPrev:hover { background: url(images/prev.gif) left 20% no-repeat; }
a.nyroModalNext { right: 0; }
a.nyroModalNext:hover { background: url(images/next.gif) right 20% no-repeat;}

/* Yep, this would be the end of it. Haha you read it dontya.. I wonder why u even do that.. */