@import "reset-min.css";
@import "gallery.css";
	
	
	
	html, body {
	background: #b2bb9c url(../img/bg.jpg) top center repeat-y;

}

.hidden {
	position:absolute;
	left:-9999px;
}

.first {
	margin-left:0!important;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.brk1 {
	height:1px;
	clear:both;
}

.brkworks {
	height:1340px;
	clear:both;
}

.brkcat {
	height:40px;
	clear:both;
}

.brkpoem {
	height:110px;
	clear:both;
}

.brkworks1 {
	height:10px;
	clear:both;
}

.brk2 {
	height:50px;
	clear:both;
}

.btmspc {
	margin-bottom:20px;
}

.btmspc-dbl {
	margin-bottom:40px;
}

.topspc {
	margin-top:20px;
}

.topspc-dbl {
	margin-top:40px;
}

.lftpad {
	padding-left:20px!important;
}

.rgtpad {
	padding-right:20px!important;
}

.cntrtxt {
	text-align:center!important;
}

.imgtxt {
	overflow:auto;
}

.lft-img {
	float:left;
	padding:0 10px 0 0;
}

.rgt-img {
	float:right;
	padding:0 0 0 10px;
}

.loading {
	background:url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.brdr {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(src/PIE.htc);
}

.shdw {
	-moz-box-shadow:0 8px 12px #333;
	-webkit-box-shadow:0 8px 12px #333;
	box-shadow:0 8px 12px #333;
	behavior:url(src/PIE.htc);
}

.opct {
	opacity:.50;
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	-khtml-opacity:.50;
	-moz-opacity:.50;
}

#backus {
	margin:0 auto;
	padding:0;
	position:relative;
	min-height:100%;
	background:transparent url(../img/bg.jpg) top center no-repeat;
	width:100%;
	overflow:hidden;
	clear:both;
}

#wrap {
	margin:0 auto;
	padding:0;
	position:relative;
	min-height:100%;
	width:960px;
	clear:both;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
}






header#top {
	margin:0 auto;
	width:940px;
}

.logo
{
width: 624px;
height: 138px;
background: url(../img/logo.png);
position: absolute;
left: 172px;
z-index: 2;
/* bottom: 995px; */
top: -17px;
}

.headlogo
{
width: 250px;
height: 43px;
background: url(../img/sprite.png) -194px -156px;
margin: 0 auto 17px;
position: relative;
top: 7px;
}


.subhead
{
width: 978px; margin: 0 auto; padding: 0;
}

.inhead
{
width: 766px; text-align: right; height: 34px; position: relative; left: 130px; z-index: 1;
}


.subtitle {
	text-align:right;
	font:24px 'Mako',serif;
	position:relative;
	right:72px;
	bottom:311px;
}

nav#type2 {
	text-align:center;

	height:98px;
	width:958px;
	z-index: 3;
	margin-left: 25px;
}

nav#type2 .pipe {
width: 2px;
height: 11px;
background: #fff;
float: left;
position: relative;
bottom: 17px;
left: 17px;
}

nav#type2 ul {
	margin:0;
	padding:0;
	
}

nav#type2 ul li {
	display:inline;
}

nav#type2 ul li a {
	color:#fff;
	display:inline-block;
	font:13px Times New Roman, serif;
	text-decoration:none;
	float: left;
	margin: 9px 0 0 0;
	padding: 1px 0;
	text-transform: uppercase;
}

nav#type2 ul li a.active, nav ul li a:hover {
	color:#dbbc79;
	text-decoration:none;
	border-top: 1px solid #dbbc79;
	border-bottom: 1px solid #dbbc79;
}

/* Submenu */
nav#type2 ul.submenu {     background-color: #000;
    border: 1px solid #000000;
    left: 310px;
    list-style: none outside none;
    padding: 5px;
    position: absolute;
    top: 88px;
    z-index: 10;
	display: none;
	text-align: left;}
	
	
nav#type2 ul.submenu li {}
	
nav#type2 ul.submenu li a { clear: both; background-image:none; padding: 2px 5px; text-transform: none; font: 14px Arial, sans-serif; border-bottom: 1px solid #616161; width: 92%; margin: 0 auto;}
nav#type2 ul.submenu li a:hover { color: #c2a872; border-top: none;}



nav#type1 {
	text-align:center;

	height:36px;
	width:958px;
	z-index: 3;
	margin-left: 25px;
}

nav#type1 .pipe {
width: 2px;
height: 11px;
background: #fff;
float: left;
position: relative;
bottom: 17px;
left: 17px;
}

nav#type1 ul {
	margin:0;
	padding:0;
	
}

nav#type1 ul li {
	display:inline;
}

nav#type1 ul li a {
	color:#fff;
	display:inline-block;
	font:13px Times New Roman, serif;
	text-decoration:none;
		float: left;
		margin: 9px 0 0 0;
		padding: 1px 0;
		text-transform: uppercase;
}

nav#type1 ul li a.active, nav ul li a:hover {
	color:#dbbc79;
	text-decoration:none;
	border-top: 1px solid #dbbc79;
	border-bottom: 1px solid #dbbc79;
}

/* Submenu */
nav#type1 ul.submenu {     background-color: #000;
    border: 1px solid #000000;
    left: 310px;
    list-style: none outside none;
    padding: 5px;
    position: absolute;
    top: 27px;
    z-index: 10;
	display: none;
	text-align: left;}
	
nav#type1 ul.submenu li a { clear: both; background-image:none; padding: 2px 5px; text-transform: none; font: 14px Arial, sans-serif; border-bottom: 1px solid #616161; width: 92%; margin: 0 auto;}
nav#type1 ul.submenu li a:hover { color: #c2a872; border-top: none;}


.fullhead {
	width:940;
	height:54px;
	background:url(../img/nav.png);
	z-index:3;
	margin: 0 auto;
	display: block;
}

.fullhead2 {
	width:940;
	height:98px;
	background:url(../img/nav2.png);
	z-index:3;
	margin: 0 auto;
	display: block;
}

section.content {
	margin:0 auto;
	width:960px;
	clear:both;
}

.hogan
{
width:956px;
height:471px;
background: url(../img/hogan.jpg) no-repeat;
margin: 0 auto;
position: relative;
bottom: 2px;
}

.hoganform
{
width:956px;
height:471px;
background: url(../img/hoganform.jpg) no-repeat;
margin: 0 auto;
position: relative;
bottom: 2px;
}

.hogan1
{
width:956px;
height:474px;
background: url(../img/hogan.jpg) 0 -471px;
margin: 0 auto;
position: relative;
bottom: 4px;
}

.hogan2
{
width:956px;
height:470px;
background: url(../img/paper.jpg);
margin: 0 auto;
position: relative;
bottom: 4px;
}

.hoganread
{
    background: url("../img/hoganread.jpg") repeat scroll center top transparent;
    bottom: 4px;
    height: 395px;
    margin: 0 auto;
    position: relative;
    width: 955px;
}

.hoganworks
{
    background: url("../img/hoganworks.jpg") repeat scroll center top transparent;
    bottom: 4px;
    height: 376px;
    margin: 0 auto;
    position: relative;
    width: 954px;
}



.hoganpoem
{
width:954px;
height:474px;
background: url(../img/hoganpoem.jpg);
margin: 0 auto;
position: relative;
bottom: 4px;
}

.hoganreview1
{
width:954px;
height:472px;
background: url(../img/hoganreview1.jpg);
margin: 0 auto;
position: relative;
bottom: 4px;
}

.hoganfav
{
width:954px;
height:450px;
background: url(../img/hoganfav.jpg);
margin: 0 auto;
position: relative;
bottom: 4px;
}

.hogansocial
{
width:954px;
height:450px;
background: url(../img/hogansocial.jpg);
margin: 0 auto;
position: relative;
bottom: 4px;
}

.hoganinter
{
width:954px;
height:428px;
background: url(../img/hoganinter.jpg);
margin: 0 auto;
position: relative;
bottom: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.hogan2
{
width:956px;
height:470px;
background: url(../img/paper.jpg);
margin: 0 auto;
position: relative;
bottom: 1px;
}
.hogan1
{
width:956px;
height:470px;
background: url(../img/hogan.jpg) 0 -471px;
margin: 0 auto;
position: relative;
bottom: 1px;
}
.hoganpoem
{
width:954px;
height:474px;
background: url(../img/hoganpoem.jpg);
margin: 0 auto;
position: relative;
bottom: 1px;
}

.hoganread
{
    background: url("../img/hoganread.jpg") repeat scroll center top transparent;
    bottom: 4px;
    height: 395px;
    margin: 0 auto;
    position: relative;
    width: 955px;
}

.hoganworks
{
    background: url("../img/hoganworks.jpg") repeat scroll center top transparent;
    bottom: 1px;
    height: 376px;
    margin: 0 auto;
    position: relative;
    width: 954px;
}

.hoganreview1
{
width:954px;
height:472px;
background: url(../img/hoganreview1.jpg);
margin: 0 auto;
position: relative;
bottom: 1px;
}

.hoganfav
{
width:954px;
height:450px;
background: url(../img/hoganfav.jpg);
margin: 0 auto;
position: relative;
bottom: 1px;
}

.hogansocial
{
width:954px;
height:450px;
background: url(../img/hogansocial.jpg);
margin: 0 auto;
position: relative;
bottom: 1px;
}

.hoganinter
{
width:954px;
height:428px;
background: url(../img/hoganinter.jpg);
margin: 0 auto;
position: relative;
bottom: 1px;
}

}




.hogan article
{
width: 610px;
height:339px;
position: relative;
left: 323px;
top: 130px;
}

.hogan article img
{
float: left;
width: 211px;
height: 333px;
}

.linealpha
{
width:609px;
height: 1px;
background: url(../img/backalpha.png) -6px -223px;
margin: 0 0 4px 333px;
}

.hogan article .cont
{
float: left;
margin-left: 16px;
width: 368px;
}

.hogan .backtitle1
{
width:363px;
height:84px;
background: url(../img/backalpha.png);
float: left;
}

.hogan h1
{
padding: 9px 0 0 10px;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
	text-shadow:1px 1px 1px #111;
	color: #fff;
}

.hoganform h3
{
padding: 5px 0 5px 9px;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
	text-shadow:1px 1px 1px #111;
	border-top: 2px solid #DBBC79;
	border-bottom: 2px solid #DBBC79;
	color: #DBBC79;
	margin: 0 0 0 550px;
	width: 154px;
	position: relative;
	top: 16px;
	  -webkit-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* FF3.5 - 3.6 */
             box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

.hoganform h4
{
width:600px;
height:19px;
background: url(../img/backalpha.png) -1px -91px;
font:bold italic 29px/5px Times New Roman, serif;
color: #fff;
text-shadow: 1px 1px 1px #111;
padding: 3px 0;
margin: 45px 0 0 334px;
text-align: center;
}



.hogan1 h1.gold
{
padding: 5px 0;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
	text-shadow:1px 1px 1px #111;
	border-top: 2px solid #DBBC79;
	border-bottom: 2px solid #DBBC79;
	color: #DBBC79;
	margin: 0 0 0 550px;
	width: 114px;
	position: relative;
	top: 16px;
	  -webkit-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* FF3.5 - 3.6 */
             box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}


.hogan2 h1.gold1
{
padding: 5px 0;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
text-shadow:1px 1px 1px #111;
border-top: 2px solid #DBBC79;
border-bottom: 2px solid #DBBC79;
color: #DBBC79;
margin: 0 auto;
width: 170px;
position: relative;
top: 16px;
text-align: center;
  -webkit-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* FF3.5 - 3.6 */
             box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

.hoganread h1.gold1
{
padding: 5px 0;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
text-shadow:1px 1px 1px #111;
border-top: 2px solid #DBBC79;
border-bottom: 2px solid #DBBC79;
color: #DBBC79;
margin: 0 auto;
width: 170px;
position: relative;
top: 16px;
text-align: center;
  -webkit-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* FF3.5 - 3.6 */
             box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

.hoganworks h1.gold1
{
padding: 5px 0;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
text-shadow:1px 1px 1px #111;
border-top: 2px solid #DBBC79;
border-bottom: 2px solid #DBBC79;
color: #DBBC79;
margin: 0 auto;
width: 195px;
position: relative;
top: 16px;
text-align: center;
  -webkit-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* FF3.5 - 3.6 */
             box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

.hoganpoem h1.gold
{
padding: 5px 0;
text-transform: uppercase;
font: 28px 'Bookman Old Style', serif;
text-shadow:1px 1px 1px #111;
border-top: 2px solid #DBBC79;
border-bottom: 2px solid #DBBC79;
color: #DBBC79;
margin: 0 0 0 470px;
width: 280px;
position: relative;
top: 16px;
text-align: center;
  -webkit-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* FF3.5 - 3.6 */
             box-shadow: 0 -1px 0 #7e775e, 0 1px 0 #7e775e; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}


.hogan h2
{
padding: 9px 0 0 19px;
font:bold italic 28px Times New Roman, serif;
	color: #3c3939;
}

.hogan1 h3
{
width:222px;
height:24px;
background: url(../img/backalpha.png) 0 -174px;
position: relative;
font: 18px Bookman Old Style, serif;
color: #dbbd7a;
text-shadow: 1px 1px 1px #111;
padding: 5px 0 5px 15px;
text-transform: uppercase;
margin: 20px 0 20px 350px;
top: 16px;
}

.hogan1 h4
{
width:626px;
height:19px;
background: url(../img/backalpha.png) -1px -91px;
font:bold italic 24px/12px Times New Roman, serif;
color: #fff;
text-shadow: 1px 1px 1px #111;
padding: 3px 0;
margin: 0 0 0 292px;
text-align: center;
}

.hogan2 h4
{
width:626px;
height:19px;
background: url(../img/backalpha.png) -1px -91px;
font:bold italic 29px/5px Times New Roman, serif;
color: #fff;
text-shadow: 1px 1px 1px #111;
padding: 3px 0;
margin: 45px auto 0;
text-align: center;
}

.hoganread h4, .hoganworks h4
{
width:626px;
height:19px;
background: url(../img/backalpha.png) -1px -91px;
font:bold italic 29px/5px Times New Roman, serif;
color: #fff;
text-shadow: 1px 1px 1px #111;
padding: 3px 0;
margin: 45px auto 0;
text-align: center;
}


.hogan2 img
{
display:block; 
margin: 25px auto 0;
text-align: center;

}


.hoganreview1 h1, .hoganfav h1, .hogansocial h1, .hoganinter h1
{
width:626px;
height:19px;
background: url(../img/backalpha.png) -1px -91px;
font:bold italic 29px/5px Times New Roman, serif;
color: #fff;
text-shadow: 1px 1px 1px #111;
padding: 3px 0;
position: relative;
left: 313px;
top: 35px;
text-align: center;
}

.workline
{
width: 619px;
height: 3px;
background: url(../img/backalpha.png) -16px -210px;
margin: 10px 0 10px 0;
}

.workline2
{
width: 619px;
height: 3px;
background: url(../img/backalpha.png) -16px -210px;
margin: 10px 0 10px 0;
position: relative;
top: 110px;
}


.hogan p
{
font: 12px Arial, sans-serif;
color: #322e2e;
padding: 1px 0 4px 14px;
}

.hogan p.grey
{
font:bold 12px Arial, sans-serif;
color: #5a5a5a;
padding: 1px 0 4px 21px;
}

.hogan b
{
font: bold 12px Arial, sans-serif;
color: #322e2e;
padding: 1px 0 4px 21px;
}

.readfull
{
width: 146px;
height: 36px;
text-align: center;
}

.readfull .horpipe
{
clear: both;
}

.readfull a.upyellow
{
font: bold italic 16px Times New Roman, serif;
color: #dbbd7a;
text-shadow: 1px 1px 1px #111;
text-decoration: none;
}

.readfull a.downgreen
{
width: 146px;
height: 14px;
background: url(../img/moreabout.png);
display: block;
}

.forthbook
{
height: 782px;
}


.forthbook #formarea
{
    height: 720px;
    left: 351px;
    position: absolute;
    top: 137px;
    width: 62%;
}


.forthbook #formarea p
{
font:bold 12px Arial, sans-serif;
color: #6c6c6c;
}

.forthbookbio
{
width: 505px;
height: 580px;
margin: 60px auto 0;
}

.forthbookread
{
width: 620px;
height: auto;
margin: 90px auto 15px;
}

.forthbookread #textcenter
{
width: 510px;
margin: 10px 0 0 100px;
text-align: justify;
}

.forthbookread #textcenter1
{
width: 610px;
margin: 40px 0 0 40px;
}

.forthbookread #textcenter1 p span
{
font: bold 14px Arial, sans-serif;
color: #6c6c6c;
}

.forthbookread #textcenter1 p.goldp
{
font: bold 14px Arial, sans-serif;
color: #c8ad72;
margin: 8px 0;
}

.forthbookread #textcenter1 ul
{
list-style: none;
margin: 0;
}

.forthbookread #textcenter1 ul li
{
font: bold 14px Arial, sans-serif;
color: #2d2d2d;
}

.forthbookread #textcenter1 ul li span
{
color: #c8ad72;
}

.forthbookread #fees
{
width: 100%;
margin: 15px 0;
height: 180px;
    left: 72px;
    position: relative;
}

.forthbookread #fees #titlef
{
font: 18px Georgia, serif;
color: #444;
}

.forthbookread .whitebox
{
width: 190px;
margin: 10px 2px;
background: white;
height: 120px;
float: left;
-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-box-shadow: 1px 1px 4px #999; /* Saf3.0+, Chrome */
     -moz-box-shadow: 1px 1px 4px #999; /* FF3.5 - 3.6 */
          box-shadow: 1px 1px 4px #999; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
		  padding: 10px 0 0 0;
}

.forthbookread .whitebox p.feetitles
{
text-align: center;
font: 18px Georgia, serif;
color: #444;
width: 153px;
margin: 0 0 0 12px;
}

.forthbookread .whitebox p.price
{
text-align: center;
font:italic 18px Georgia, serif;
color: #888;
margin: 12px 0;
}

.forthbookread .whitebox p.expense
{
text-align: center;
font:bold 12px Arial, sans-serif;
color: #444;
margin: 20px 0 10px 0;
}

.forthbookread .whitebox #dash
{
width: 145px;
height: 1px;
border-bottom: 1px dashed #dedddc;
margin: 1px auto;
}

.forthbookread #seecontact
{
width: 405px;
height: 150px;
text-align: center;
  margin: 15px 0 0 170px;
}

.forthbookread #seecontact p a
{
font:12px Arial, sans-serif;
color: #6c6c6c;
text-decoration: none;
}

.forthbookread #seecontact p a:hover
{
text-decoration: underline;
}

.forthbookread #seecontact p.seethis
{
font:italic 14px Georgia, serif;
color: #6c6c6c;
}

.forthbookread #seecontact a.contactbtn
{
display: block;
width: 94px;
height: 34px;
background: url(../img/contact.png) -95px -145px;
margin: 30px 0 15px 150px;
opacity: 0.6;
}

.forthbookread #seecontact a.contactbtn:hover
{
opacity: 1;
}


.forthbookcoda
{
bottom: 330px;
height: 565px;
margin: 0 auto;
position: relative;
width: 940px;
 }

.forthbookbio h4, .forthbookread h4
{
font:bold italic 29px/5px Times New Roman, serif;
color: #fff;
text-shadow: 1px 1px 1px #111;
margin: 5px 0 20px 0;
}

.forthbookbio p, .forthbookread p
{
font:12px Arial, sans-serif;
color: #242424;
}

.forthbookbio p span
{
/*color: #fff;*/
}

.forthbookread p span
{
font: bold 13px Arial, sans-serif;
color: #444;
}


.forthbook .col1
{
width: 317px;
height: 565px;
float: left;
}

.forthbook .col1 ul
{
list-style: none;
margin-left: 5px;
}

.forthbook .col1 ul li.speaker
{
margin: 4px 0;
border-bottom: 1px solid #000;
width: 292px;
padding: 2px 0 4px 0;
background: url(../img/sprite.png) -162px -202px;
height: 10px;
clear: both;
}

.forthbook .col1 ul li.speakeractive
{
margin: 4px 0;
border-bottom: 1px solid #000;
width: 292px;
padding: 2px 0 4px 0;
height: 10px;
clear: both;
}

.forthbook .col1 ul li.speakeractive a
{
color: #727b59;
font: bold 12px Arial, sans-serif;
float: left;
}

.forthbook .col1 ul li.speaker:hover
{
background-position: -162px -216px;
}

.forthbook .col1 ul li.speaker a
{
color: #322e2e;
font: bold 12px Arial, sans-serif;
text-decoration: none;
}

.forthbook .col1 ul li.speaker a:hover
{
color: #727b59;
}

.forthbook #colworks
{
width: 635px; height: 2320px; position: absolute; top: 45px; left: 320px
}

.forthbook #colworks1 p
{
font: 12px Arial, sans-serif; color: #4d4d4d;
}

.forthbook #colpoem
{
width: 635px; height: 900px; position: absolute; top: 225px; left: 320px; text-align: center;
}

.forthbook #colpoem p
{
font: 12px Arial, sans-serif;
color: #322e2e;
}

.forthbook #colpoem p span
{
font: 10px Arial, sans-serif;
color: #322e2e;
}


#colpoem h2
{
    background: url("../img/backalpha.png") repeat scroll -135px -147px transparent;
    color:#DBBD7A;
    font: italic bold 24px/5px Times New Roman,serif;
    height: 19px;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #111111;
    width: 626px;

}

#colpoem h3
{
    background: url("../img/backalpha.png") repeat scroll -135px -147px transparent;
    color:#fff;
    font: italic bold 25px/5px Times New Roman,serif;
    height: 19px;
    margin: 15px auto;
    padding: 3px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #111111;
    width: 626px;
		cursor: pointer;
}

#colpoem h4
{
    color:#fff;
    font: italic bold 24px Times New Roman,serif;
	text-align: center;
}

#colpoem ul li
{
    color:#322e2e;
    font: bold 12px Arial, sans-serif;
	list-style: none;
}

#colpoem ul li.golden
{
    color: #DBBD7A;
    font: italic bold 14px Times New Roman,serif;
	list-style: none;
}

#colpoem ul li a
{
    color:#34498f;
    font: bold 12px Arial, sans-serif;
}


a.prevb
{
height: 14px;
width: 132px;
background: url(../img/backalpha.png) -159px -237px;
display: block;
float: left;
margin: 0 40px 0 0;
}

a.nextb
{
height: 14px;
width: 132px;
background: url(../img/backalpha.png) -310px -237px;
display: block;
float: left;
}

.forthbook #colworks1
{
width: 635px; height: 840px; position: absolute; top: 165px; left: 320px
}

 .forthbook #colworks1 section
{
width: 100%; height: 305px; clear: both; margin: 24px 0; 
}

.forthbook #colworks section
{
width: 100%; height: 305px; clear: both; margin: 24px 0; border-bottom: 1px solid #50524b;
}

.forthbook #colworks section.double
{
width: 100%; height: 930px; clear: both; margin: 24px 0; border-bottom: 1px solid #50524b;
}

.forthbook #colworks section.list
{
width: 100%; height: auto; clear: both; margin: 24px 0; border: none;
}

.forthbook #colworks div.list1
{
width: 100%; height: auto; clear: both; margin: 24px 0;
}

.forthbook #colworks section.list li
{
padding: 2px 0 2px 8px;
border-bottom: 1px solid #abb299;
width: 95%;
margin: 6px 0;
list-style: none;
}

.forthbook #colworks section.list li a
{
font:bold 12px Arial, sans-serif;
color: #322e2e;
text-decoration: none;
}

.forthbook #colworks section.list li a:hover
{

color: #727b59;
}

.forthbook #colworks section h2, .forthbook #colworks div.list1 h2
{
font: Bold italic 21px Times New Roman, serif;
margin-left: 19px;
color: #50524b;
}

.arrowtitle
{
width: 18px;
height: 19px;
background: url(../img/sprite.png) -210px -50px;
float: left;
margin: 4px 8px 0 0;
}


.arrowdown
{
width: 18px;
height: 19px;
background: url(../img/sprite.png) -277px -50px;
float: left;
position: relative;
left: 156px;
bottom: 3px
}



.arrowright
{
width: 18px;
height: 19px;
background: url(../img/sprite.png) -210px -50px;
float: left;
position: relative;
left: 156px;
bottom: 3px;
}



.arrowlist1
{
width: 18px;
height: 17px;
background: url(../img/sprite.png) -210px -50px;
float: left;
position: relative;
left: 81px;
bottom: 3px;
}

.forthbook .col1 h4
{
width: 315px;
height: 19px;
background: url(../img/backalpha.png) -10px -117px no-repeat;
text-align: center;
font: 16px/19px 'Bookman Old Style', serif;
color: #dbbd7a;
text-transform: uppercase;
padding: 0 0 3px 0;
text-shadow: 1px 1px 1px #111;
}


.forthbook .col1 h4.collap, .forthbook .col1 h4.collap1, .forthbook .col1 h4.collap2
{
width: 315px;
height: 19px;
background: url(../img/backalpha.png) -10px -117px no-repeat;
text-align: center;
font: 16px/19px 'Bookman Old Style', serif;
color: #fff;
margin-top: 15px; text-align: left;
text-transform: uppercase;
padding: 0 0 3px 45px;
text-shadow: 1px 1px 1px #111;
cursor: pointer;
}

.forthbook .col1 h4.collap a, .forthbook .col1 h4.collap1 a, .forthbook .col1 h4.collap2 a
{
color: #dbbd7a;
}
.forthbook .col1 .bookis
{
float: left;
width: 151px;
height: 222px;
background: url(../img/sprite.png);
margin: 8px 0 0 0;
}


.intervis
{
width: 550px; height: 330px; margin: 10px 0 20px 40px; 
}

.intervis #interinfo
{
float: left; width: 300px; text-align: center;
}

.intervis #interinfo p.goldtest
{
font:bold italic 28px Times New Roman, serif;
color: #dbbd7a;
text-shadow: 1px 1px 1px #111;
}

.underline
{
text-decoration: underline;
}

.intervis #interinfo p.blacktest
{
font:bold italic 23px Times New Roman, serif;
color: #3c3939;
}


.col1 .fall, .col1 .fall1, .col1 .fall2
{
padding: 5px 0 5px 22px;
border-bottom: 1px solid #aab197;
margin: 10px 0;
width: 88%;
}

.col1 p.fall a, .col1 p.fall1 a, .col1 p.fall2 a
{
font: bold 12px Arial, sans-serif;
color: #322e2e;
padding-left: 23px;
text-decoration: none;
}

.col1 p.fall a:hover, .col1 p.fall1 a:hover, .col1 p.fall2 a:hover
{
color: #727b59;
}

.col1 #activ
{
color: #727b59;
font: bold 12px Arial, sans-serif;
margin-left: 23px;
}

.col1 .arrowlist
{
width: 18px;
height: 17px;
background: url(../img/sprite.png) -210px -51px;
margin: 0 4px 0 0;
position: absolute;
}

.forthbook .col1 .info
{
float: left;
width: 154px;
height: 226px;
margin: 8px 0 0 5px;
text-align: center;
}

.forthbook .col1 .info p
{
font: 11px Arial, sans-serif;
color: #322e2e;
}

.forthbook .col1 .info span
{
font-weight: bold;
}
.forthbook .col1 .info p{
    margin: 5px 0px;
    padding: 1px;
}

.forthbook .col1 .info p.title
{
font: bold italic 24px Times New Roman, serif;
color: #dbbd7a;
border-bottom: 2px solid #dbbd7a;
border-top: 2px solid #dbbd7a;
text-shadow: 1px 1px 1px #111;
margin-top: 25px;
}

.forthbook .col1 .info p.title label{
    font-size: 18px; line-height:  18px; float: none; color: #f7dc9f
}

.forthbook .col1 .info p.order
{
font: bold italic 18px Times New Roman, serif;
color: #dbbd7a;
text-shadow: 1px 1px 1px #111;
}

.forthbook .col1 .info p.coll
{
font: bold italic 20px Times New Roman, serif;
color: #3c3939;

}

.forthbook .col2
{
width: 630px;
height: 565px;
float: left;
margin: 0 0 0 11px;
}


.forthbook .col2 #bookbar
{
width: 624px;
height:55px;
background: url(../img/bookbar.png);
}

.forthbook .col2 h3
{
width: 260px;
height: 34px;
background: url(../img/backalpha.png) 0 -173px no-repeat;
text-align: center;
font: 18px/30px 'Bookman Old Style', serif;
color: #dbbd7a;
text-transform: uppercase;
padding: 0 0 3px 0;
margin-top: 9px;
text-shadow: 1px 1px 1px #111;
}

.buyamazon
{
width:112px;
height: 25px;
background: url(../img/sprite.png) -182px -11px;
display: block;
}

.buyamazon1
{
width:139px;
height: 30px;
background: url(../img/sprite.png) -303px -8px;
display: block;
margin: 35px 0;
float: right;
}


.buyamazon2 {
    background: url("../img/sprite.png") repeat scroll -303px -8px transparent;
    display: block;
    height: 30px;
    margin: 35px 0 10px 300px;
    width: 139px;
}


.morebook
{
width: 132px;
height:12px;
background: url(../img/sprite.png) -179px -76px;
display: block;
}



.preloader
{
cursor: wait;
}



.pipe {
	width:2px;
	height:170px;
	background:#444;
	float:left;
	margin:30px 40px 0 0;
}

ul.tabs {
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
}
ul.tabs li {
	float: left;
	margin: 0 3px;
	padding: 0;
	height: 31px; 
	line-height: 31px; 
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font:bold italic 18px Times New Roman, serif;
	padding: 0 10px;
	outline: none;
	float: left;
}

ul.tabs li .arrows{
width: 10px;
height: 10px;
background: url(../img/sprite.png) -242px -54px;
float: left;
position: relative;
top: 5px;
}

ul.tabs li .arrowsr{
width: 10px;
height: 10px;
background: url(../img/sprite.png) -253px -54px;
float: left;
position: relative;
top: 5px;
}

ul.tabs li .arrows1{
width: 10px;
height: 10px;
background: url(../img/sprite.png) -242px -54px;
float: left;
position: relative;
top: 16px;
}

ul.tabs li .arrowsr1{
width: 10px;
height: 10px;
background: url(../img/sprite.png) -253px -54px;
float: left;
position: relative;
top: 16px;
}

ul.tabs li a:hover {
	color: #dbbd7a;
}
ul.tabs li.active a, ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color: #dbbd7a;
}

.bookpipe
{
width: 2px;
height: 16px;
background: url(../img/bookpipe.png);
float: left;
margin: 3px 2px 0;
}

#bookbar .seemore
{
width: 133px;
height: 12px;
background: url(../img/backalpha.png) 0 -238px;
float: left;
margin: 18px 0 0 22px;
display: block;
font:bold italic 15px/12px Times New Roman, serif;
color: #dbbd7a;
text-shadow: 1px 1px 1px #111;
text-align: center;
text-decoration:none;
}

.tab_container {

	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	display: none;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


.tab_content #panel {
width: 602px;
height: 252px;
background: purple;
}




.tab_content h4 {
font: bold italic 25px Times New Roman, serif;
color: #555252;
}






footer#bottom {
	background: url(../img/footback.png);
	height:195px;
	width:100%;
	text-align:center;
	clear:both;
}

.footlogo
{
width: 250px;
height: 43px;
background: url(../img/sprite.png) -194px -156px;
margin: 8px 0 0 7px;
}

footer#bottom p.follow
{
font: bold italic 14px/26px Times New Roman, serif;
color: #dbbd7a;
text-shadow: 1px 1px 1px #111;
float: left;
margin-right: 10px;
}

footer #info
{
width: 266px; height: 195px; float: left;
}

footer #info p.copy
{
color: #dbbd7a;
position: relative;
right: 55px;
top: 5px;
}

footer .sitemap
{
width: 677px; 
height: 195px; 
float: left; 
margin-left: 17px;
text-align: left;
}

footer .sitemap #sitelink
{
width: auto;
height: auto;
font: 12px Arial, sans-serif;
float: left;
margin: 8px 6px 0;
}

footer .sitemap #sitelink li
{
list-style: none;
margin: 0 0 0 0;
}

footer .sitemap .footpipe
{
width: 2px;
height: 115px;
background: url(../img/footpipe.png);
float: left;
margin-top: 12px;
}

footer .sitemap #sitelink li a
{
color: #a9a9a9;
text-decoration: none;
}

footer .sitemap #sitelink li a:hover
{
color: #fff;
}

footer .sitemap #sitelink .active
{
color: #fff;
}

footer .sitemap #sitelink li.normal
{
margin: 4px 0 5px 0;
}

footer .sitemap #sitelink li.sub
{
margin: 0 0 5px 0;
}

footer .sitemap #sitelink li a.small
{
font: 10px Arial, sans-serif;
margin: 0;
}

footer .sitemap #sitelink li a.small:hover
{
color: #fff;
}




.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 565px;
	height:295px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	margin-right: 20px;
	width: 565px;
}

.items .product
{
width: 20%;
height: 270px;
margin:0 10px 0 15px;
float: left;
}

.items .product a img{
    margin: 8px 8px 0px;
}

#colworks .product
{
width: 20%;
height: 270px;
margin:0 10px 30px 15px;
float: left;
}

#colworks1 .product
{
width: 20%;
height: 270px;
margin:0 10px 30px 15px;
float: left;
}

#colworks1 .descr
{
width: 70%; height: 760px; float: left;
}

#colworks1 .descr h2
{
font: bold italic 23px Arial, sans-serif;
color: #322e2e;
}

#colworks1 .descr h3
{
font: bold italic 16px Arial, sans-serif;
color: #322e2e;
margin: 11px 0;
}

#colworks1 .descr p.autor
{
font: bold italic 14px Arial, sans-serif;
color: #322e2e;
text-decoration: underline;
float: left;
}

#colworks1 .descr p
{
font:12px Arial, sans-serif;
color: #322e2e;
}

#colworks1 .descr p.note
{
font: bold italic 12px Arial, sans-serif;
color: #000;
margin-top: 10px;
}

#colworks1 .descr p#edit
{
font: bold italic 12px Arial, sans-serif;
color: #322e2e;
margin: 12px 0;
}

#colworks1 .descr p#deta
{
font: bold italic 12px Arial, sans-serif;
color: #322e2e;
margin: 4px 0;
}

#colworks1 .descr a.note
{
font: bold italic 12px Arial, sans-serif;
color: #50524b;
text-decoration: underline;
margin-top: 10px;
}

#colworks1 .descr span
{
font: bold italic 14px Arial, sans-serif;
text-decoration: none;
color: #666;
float: left;
margin-left: 10px;
}

.items .product p, #colworks .product p
{
font: bold 11px Arial, sans-serif;
color: #322e2e;
margin: 0 0 0 8px;
}

.items .product .morebook, .items .product .buyamazon, #colworks .product .morebook, #colworks .product .buyamazon 
{
margin: 10px 0;
}



.items .product span, #colworks .product span
{
font: 10px Arial, sans-serif;
color: #322e2e;
margin: 0 0 0 8px;
}

.items .poetry1, #colworks .product .poetry1, #colworks1 .product .poetry1
{
width: 96px;
background: url(../img/sprite.png) 0 -232px;
height: 147px;
margin:8px 8px 4px 8px;
display: block;
}

.items .fiction1, #colworks .product .fiction1, #colworks1 .product .fiction1
{
width: 96px;
background: url(../img/sprite.png) -212px -232px;
height: 147px;
margin:8px 8px 4px 8px;
display: block;
}


.items .poetry2, #colworks .product .poetry2, #colworks1 .product .poetry2
{
width: 96px;
background: url(../img/sprite.png) -104px -232px;
height: 147px;
margin:8px 8px 4px 8px;
display: block;
}

.items .fiction2, #colworks .product .fiction2, #colworks1 .product .fiction2
{
width: 96px;
background: url(../img/sprite.png) -315px -232px;
height: 147px;
margin:8px 8px 4px 8px;
display: block;
}

.items .fiction3, #colworks .product .fiction3, #colworks1 .product .fiction3
{
width: 104px;
background: url(../img/sprite.png) -230px -900px;
height: 158px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction1, #colworks .product .nonfiction1, #colworks1 .product .nonfiction1
{
width: 105px;
background: url(../img/sprite.png) 0 -389px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction2, #colworks .product .nonfiction2, #colworks1 .product .nonfiction2
{
width: 105px;
background: url(../img/sprite.png) -115px -389px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction3, #colworks .product .nonfiction3, #colworks1 .product .nonfiction3
{
width: 105px;
background: url(../img/sprite.png) -229px -389px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction4, #colworks .product .nonfiction4, #colworks1 .product .nonfiction4
{
width: 105px;
background: url(../img/sprite.png) -345px -389px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction5, #colworks .product .nonfiction5, #colworks1 .product .nonfiction5
{
width: 105px;
background: url(../img/sprite.png) 0 -560px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction6, #colworks .product .nonfiction6, #colworks1 .product .nonfiction6
{
width: 105px;
background: url(../img/sprite.png) -115px -560px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction7, #colworks .product .nonfiction7, #colworks1 .product .nonfiction7
{
width: 105px;
background: url(../img/sprite.png) -229px -560px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction8, #colworks .product .nonfiction8, #colworks1 .product .nonfiction8
{
width: 105px;
background: url(../img/sprite.png) -345px -560px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .nonfiction9, #colworks .product .nonfiction9, #colworks1 .product .nonfiction9
{
width: 105px;
background: url(../img/sprite.png) -345px -900px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .selant1, #colworks .product .selant1, #colworks1 .product .selant1
{
width: 105px;
background: url(../img/sprite.png) -345px -732px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .selant2, #colworks .product .selant2, #colworks1 .product .selant2
{
width: 105px;
background: url(../img/sprite.png) -115px -732px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .selant3, #colworks .product .selant3, #colworks1 .product .selant3
{
width: 105px;
background: url(../img/sprite.png) -229px -732px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .selant4, #colworks .product .selant4, #colworks1 .product .selant4
{
width: 105px;
background: url(../img/sprite.png) 0 -900px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}

.items .selant5, #colworks .product .selant5, #colworks1 .product .selant5
{
width: 105px;
background: url(../img/sprite.png) -115px -900px;
height: 162px;
margin:8px 8px 4px 8px;
display: block;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../img/sprite.png) ;
	display:block;
	width:18px;
	height:18px;
	margin:100px 10px 0 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ position: absolute; left: 925px; clear:right; margin-right: 0px; background-position: -211px -51px;}



/* left */
a.left				{ margin-left: 0px; position: absolute; left: 325px; background-position: -184px -51px; } 







/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	








.facebook
{
width: 25px;
height: 25px;
display: block;
background: url(../img/sprite.png) -222px -109px;
float: left;
margin-right: 5px;
opacity: 0.5;
}

.twitter
{
width: 26px;
height: 26px;
display: block;
background: url(../img/sprite.png) -192px -109px;
float: left;
margin-right: 5px;
opacity: 0.5;
}

.facebook:hover, .twitter:hover
{
opacity: 1;
}







.expArrow{
width: 20px;
height: 20px;
background: orange;
}
.collArrow{
width: 20px;
height: 20px;
background: blue;
}
.expIco{
width: 20px;
height: 20px;
background: red;
}
.collIco{
width: 20px;
height: 20px;

}
.demo6{
	border: 1px solid #B9E3FF;
	background: #0099FF;
	padding-left: 5px;
	color: #FFFFFF;
}




#pressbk
{
height: 575px;
clear: both;
}

footer#bottom a {
	color:#000;
}

footer#bottom nav {
	margin:0 0 20px 0;
}



.copys {
	font:12px Arial,sans-serif;
	color:#fff;
}

.copys span {
	font:12px Arial,sans-serif;
	color:#555;
}


 #colpoem .musicplayer
 {
    bottom: 905px;
    left: 97px;
    position: absolute;
 }
 
  #colpoem .musicplayer1
 {
     bottom: -85px;
    left: 97px;
    position: absolute;
  }
 a.thiss
 {
color: #32498d;
font: 12px Arial, sans-serif;
 }
 
 
 .insidebar, .insidebar1, .insidebar2, .insidebar3, .insidebar4
 {
 margin-left: 302px;
 }
 
  .insidebar p,   .insidebar1 p, .insidebar2 p, .insidebar3 p, .insidebar4 p
 {
margin: 5px 0;
 }
 
   .insidebar p.downps, .insidebar1 p.downps, .insidebar2 p.downps, .insidebar3 p.downps, .insidebar4 p.downps
 {
margin: 0 0 30px 0;
 }
 
 .insidebar span,  .insidebar1 span, .insidebar2 span, .insidebar3 span, .insidebar4 span
 {
 color: #322e2d;
 font:bold 12px Arial, sans-serif;
 }
 
  #colpoem #blackfondus
 {
background: url("../img/jplayer.blue.monday.png") no-repeat scroll -34px -59px transparent;
    bottom: 60px;
    height: 30px;
    left: -130px;
    position: absolute;
    width: 626px;
 }
 
 /* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; }
input {    background: url("../img/contact.png") repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    font: 12px Arial,sans-serif;
    height: 25px;
    margin: 5px 0;
    padding: 1px 0 1px 9px;
    text-shadow: 0 1px 0 #111111;
    width: 463px;}   
textarea { background: url("../img/contact.png") no-repeat scroll 0 -34px transparent;
    border: 0 none;
    color: #FFFFFF;
    font: 12px Arial,sans-serif;
    height: 91px;
    margin: 5px 0;
    min-height: 91px;
    padding: 5px;
    text-shadow: 0 1px 0 #111111;
    width: 472px;
	resize: none;}   
input.submit {    background: url("../img/contact.png") repeat scroll 0 -144px transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 37px;
    margin: 0 0 0 188px;
    opacity: 0.7;
    width: 95px;}
input.submit:hover { opacity: 1; }
fieldset { padding:20px;}

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */


#addinfo
{

    height: 150px;
    width: 100%;
}

#addinfo span
{
color: #2e2f2d;
}

#addinfo #cont1
{

    color: #6C6C6C;
    float: left;
    font: 11px Arial,sans-serif;
    height: 86px;
    padding: 7px 0 0 10px;
    width: 155px;
}

#addinfo #cont2
{

    color: #6C6C6C;
    float: left;
    font: 11px Arial,sans-serif;
    height: 62px;
    padding: 13px 17px 18px 9px;
    width: 194px;
}

#addinfo .contpipe
{
width:1px;
height:77px;
background: url(../img/contpipe.png) repeat-y;
float: left;
}


.no-horz
{
overflow-x: hidden;
}

.pdf {width: 106px; height: 23px; display:block; background: url(../img/pdf.png); margin: 8px 0 0 2px;}

/* Style for the error message */

.error_message { display: block; height: 22px; font: 20px Arial, sans-serif; line-height: 22px; padding: 3px 10px 3px 35px; margin: 10px 0; color: red; }

#succsess_page h1 { padding-left:22px; }


.tipsy { padding: 5px; font: 11px Arial, sans-serif; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { border-radius:5px; padding: 2px 8px; background-color: black; color: white; max-width: 220px; text-align: center; }
  .tipsy-north { background-image: url(../img/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../img/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../img/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../img/tipsy-west.gif); background-position: left center; }

  
  /**** Social Media ***/
  #vsocialmedia { margin-left: 80px}
  #vsocialmedia div{float: left; margin: 7px; width: 252px; text-align: center; color: #222; font-size: 14px; -moz-text-shadow: 1px 1px 2px #333; -webkit-text-shadow: 1px 1px 2px #333; text-shadow: 1px 1px 2px #DDD; font-family: Times New Roman,serif; font-style: italic}
  #vsocialmedia div iframe{display: block; margin: 5px}
  
  

.works_paginado a.prevb
{
float: left;
margin-left: 50px;
}

.works_paginado a.nextb
{
float: right;
margin-right: 50px;
}

/*** Contador **/
h5.titlecounter{ 
    clear: both;
    font: bold italic 24px Times New Roman, serif;
    color: #dbbd7a;
    border-bottom: 2px solid #dbbd7a;
    border-top: 2px solid #dbbd7a;
    text-shadow: 1px 1px 1px #111;
    width: 126px;
    margin: 20px auto 0;
    text-align: center
}
#counter{    background: transparent url(../img/contador.png) 0 0 no-repeat;    width: 206px;    height: 85px; clear: both;  margin: 0 auto;}
#counter div{    margin: 12px; color: #FFF; font-size: 24px; line-height: 60px}
#counter div span.numero{ width: 26px; text-align: center; float: left;  outline: 0px solid #FFFFFF; margin: 0 0px 0 3px}
#counter div span.espacio{ width: 8px; text-align: center; float: left;  outline: 0px solid #FFFFFF; height: 50px; line-height: 71px}