/* Sanje Publishing */

* { margin:0; padding:0; }

html, body { width:100%; height:100%; }

body {
font:normal 11px Georgia, "Times New Roman", Times, serif;
color:black;
background:#85868d;
}

.clear_float { clear:both; }
.float_left { float:left; }
.float_right { float:right; }


/* MAIN WRAP
***************************************/
#main_wrap {
margin:0 auto;
width:960px;
background:#f0f0f1 url(P/wrap_bg_bottom.jpg) bottom no-repeat;
padding-bottom:27px;
}

/* HEADER WRAP
***************************************/
.header_wrap {
width:100%;
height:405px; 
margin-top: -235px;
/*background:url(P/header_bg.jpg) left top no-repeat;*/
}

.header_wrap h1 {
display:none;
}

/* MAIN NAV 1
***************************************/
.top_nav {
height:317px;
background:url(P/menu/top_nav_bg.jpg) center top no-repeat;
}    
body.Homepage .top_nav {
background-position:center -1585px;
}
body.Authors .top_nav {
background-position:center -317px;                            
}
body.Titles .top_nav {
background-position:center -634px;
}
body.Sound .top_nav {
background-position:center -951px;
}
body.Sanje .top_nav {
background-position:center -1268px;
}



/* MAIN NAV 1 / words
***************************************/
.main_nav {
background:url(P/menu/main_nav_bg.jpg) top center no-repeat;
height:88px;
}
.main_nav ul {
float:left;
padding-left:36px;
list-style:none;
}
.main_nav ul li {
float:left;
}        

.main_nav ul li.home {
   margin-right: 35px;
}

.main_nav ul li a {
display:block;
height:58px;
text-indent:-100000px;
background-image:url(P/menu/main_nav_words.jpg);
background-repeat:no-repeat;
}                            

.main_nav ul li.home a {
	width: 65px;  
	background-image: none;
}

.main_nav ul li.authors a {
background-position:0 0;
width:171px;
}              
body.Homepage .main_nav ul li.authors a,
body.Authors .main_nav ul li.authors a,
.main_nav ul li.authors a:hover {
background-position:0 -58px;
}

.main_nav ul li.titles a {
background-position:-171px 0;
width:130px;
}
body.Homepage .main_nav ul li.titles a,
body.Titles .main_nav ul li.titles a,
.main_nav ul li.titles a:hover {
background-position:-171px -58px;
}

.main_nav ul li.sound a {
background-position:-301px 0;
width:127px;
}     

body.Homepage .main_nav ul li.sound a,
body.Sound .main_nav ul li.sound a,
.main_nav ul li.sound a:hover {
background-position:-301px -58px;
}

.main_nav ul li.sanje a {
background-position:-428px 0;
width:119px;
}

body.Homepage .main_nav ul li.sanje a, 
body.Sanje .main_nav ul li.sanje a,
.main_nav ul li.sanje a:hover {
background-position:-428px -58px;
}

/* ---------------------------------- */

.main_nav ul.shortcuts {
padding-top:8px;
float:left;
background:none;
padding-left:165px;
}
.main_nav ul.shortcuts li {
float:none;
}
.main_nav ul.shortcuts li a {
display:block;
height:15px!important;
line-height:15px;
padding:0 0 0 10px;
font-size:11px;
text-indent:0;
color:black;
background:url(P/menu/shortcuts_bullet.gif) left 5px no-repeat;
text-decoration:none;
}
.main_nav ul.shortcuts li a:hover {
color:#eb9260;
background-image:url(P/menu/shortcuts_bullet_over.gif);
}


/* CONTETN WRAP
***************************************/
.cont_wrap {
margin-top:23px;
padding-bottom:75px;
height:100%;
background:url(P/cont_bg.jpg) top left repeat-y;
}

/* COLUMNS
********************************************************************
********************************************************************/
.left_col, 
.center_col,
.right_col {
float:left;
}

/* COLUMN 1 - LEFT
***************************************/
.left_col {
padding:0 10px 0 9px;
width:208px;
}

/* COLUMN 2 - CENTER
***************************************/
.center_col {
position:relative;
padding:0 0 0 20px;
width:463px;
}

/* COLUMN 3 - RIGHT
***************************************/
.right_col {
float:right!important;
padding:0 10px 0 9px; /* 9px left */
width:208px;
}

body.Sound .right_col,
body.Titles .right_col,
body.Sanje .right_col {
padding:0 19px 0 9px;
width:212px;
}
* html body.Sound .right_col,
* html body.Titles .right_col,
* html body.Sanje .right_col {
padding:0 10px 0 17px;
width:218px;
}

/* COLUMN 1 - LEFT / LIST
***************************************/
.left_col ul {
list-style:none;
margin-top:-15px;
}

.left_col ul li {
height:59px;
clear:both;
background:url(P/dot_hor.jpg) left bottom repeat-x;
padding:17px 0 17px 0;
}
.left_col ul li.last {
background:none;
}

.left_col ul li div.authorList_img {
float:left;     
position: relative; 
width:59px;
height:59px;
padding:0 25px;
}    


.left_col ul li div.authorList_img img {
border:none;
}

.left_col ul li div.authorList_img img.imageFrame 
{
	position: absolute;
	left: 25px;
	right: 0;    
	width: 59px;
	height: 59px;
	z-index: 9999;
}

.left_col ul li div.authorList_desc {
float:left;
width:97px;
height:59px;
}
.left_col ul li div.authorList_desc h2,
.left_col ul li div.authorList_desc h2 a {
color:#306bab;
font-size:11px;
text-decoration:none;
}
.left_col ul li div.authorList_desc p,
.left_col ul li div.authorList_desc p a {
font-style:italic;
text-decoration:none;
color:black;
}

.left_col ul li.selected div.authorList_desc h2,
.left_col ul li.selected div.authorList_desc h2 a,
.left_col ul li.selected div.authorList_desc p,
.left_col ul li.selected div.authorList_desc p a {
color:#c0c0c0!important;
}

/* COLUMN 2 - CENTER
***************************************************/
.center_col h1,
.right_col h1 {
width:auto;
height:auto;
background:none;
text-indent:0!important;
font-size:26px;
color:black;
margin-bottom:12px;
font-weight:normal;
line-height:90%;
}
.center_col h1 span {
font-size:11px;
}
.center_col h1 span a {
color:#306bab;
text-decoration:none;
text-transform:uppercase;
}

.center_col p {
dispaly:block;
padding:0 0 20px 0;
width:350px;
line-height:150%;
}

.center_col .center_cont {
padding-top:20px;
background:url(P/dot_hor.jpg) left bottom repeat-x;
height:1%;
}

.center_col .last {
background:none;
}

.center_col h2,
.center_col .center_cont h2 {
font-size:11px;
font-weight:bold;
line-height:150%;
}
.center_col ul,
.center_col .center_cont ul {
list-style:none;
padding-bottom:20px;
width:350px;
}

.center_col ol,
.center_col .center_cont ol {
list-style:decimal;
margin-left:25px;
padding-bottom:20px;
}

.center_col ol li,
.center_col .center_cont ol li {
padding-left:0;
background:none;
}

.center_col .features ul,
.center_col .features p {
width:225px;
}

.center_col .features ul {
float:left;
font-style:italic;
padding-bottom:7px;
}
.center_col .features p {
float:left;
display:block;
}
.center_col ul li,
.center_col .center_cont ul li {
background:url(P/list_bullet.jpg) no-repeat;
background-position:0 7px;
padding-left:10px;
line-height:150%;
}

.center_col .center_cont .photo {
float:right;
width:220px;
height:202px;
background:transparent;
margin-bottom:20px;
}

.center_col .center_cont .photo img {
border:none;
}

/* COLUMN 3 - RIGHT / SAMPLES & STATEMENTS
****************************************************/
.right_col a.sample {
display:block;
height:27px;
background:#F0F0F1 url(P/sample_translation_icon.jpg) left top no-repeat;
margin-left:-14px;
padding-bottom:7px;
padding-left:36px;
text-decoration:none;
font-weight:bold;
color:#6b3e83;
}

.right_col .statements {
background:#F0F0F1 url(P/quotes.jpg) left top no-repeat; /* F0F0F1 */
margin:24px 0 0 0;
padding-top:30px;
}
.right_col .statements p {
background:url(P/titles_p_bg.jpg) left bottom no-repeat;
padding:0 0 17px 0;
color:#AFAFAF;
font-style:italic;
}
.right_col .statements p.last {
padding-bottom:0;
background:url(P/quotes_end.jpg) left bottom no-repeat;
padding-bottom:32px;
}

/************************************************************************************************/



/* FOOTER
*******************************************/
.footer {
margin:20px 10px 10px 10px;
padding:10px 10px 0 10px;
background:url(P/dot_hor.jpg) left top repeat-x;
text-align:center;
font-size:10px;
font-weight:bold;
}
.footer a {
color:#306bab;
text-decoration:none;
}
.footer a:hover {
text-decoration:underline;
}

body.Authors .footer a {
color:#306bab;
}