@charset "UTF-8";

/*************************************************************************/
/*                                                             	  	     */
/*    CASCADING STYLE SHEETS DOCUMENT DEVELOPED BY IVAN ALEKSIC		     */
/*    IMPLEMENTEK INTERNET CONSULTING GROUP	- BELGRADE - SERBIA		     */
/*    IVAN@IMPLEMENTEK.COM - WWW.IMPLEMENTEK.COM					     */
/*                                                                 		 */
/*    Copyright Juliet Bressan -  Dublin - Ireland - Europe				 */
/*                                                             	  	     */
/*    Revision 1.0 - April 1. 2008. - Ivan						  		 */
/*    Revision 1.1 - April 2. 2008. - Ivan						  		 */
/*    Revision 1.2 - April 3. 2008. - Ivan						  		 */
/*                                                             	  	     */
/*************************************************************************/

html, body, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
body {
	background: #050205 url(../layout/background-ytile.jpg) 0px 0px repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e8fb1;
	min-width: 960px;
}
.clear {
	clear: both;
}
img {
	border: none;
}
a {
	color: #b9b9b9;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #ff00c8;
}
#page {
	background: url(../layout/background-page.jpg) 0px 0px no-repeat;
	padding-left: 50px;
}
#photo {
	position: absolute;
	left: 520px;
	top: 0px;
	width: 308px;
	height: 350px;
}
#logo {
	position: absolute;
	left: 50px;
	top: 50px;
	width: 235px;
	height: 100px;
}
#logo img {
	border: none;
	width: 235px;
	height: 100px;
}
#navigation {
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 220px;
	padding-bottom: 55px;
	width: 600px;
}
#navigation a {
	text-decoration: none;
	color: #44174c;
	padding-right: 40px;
}
#navigation a:hover {
	color: #ff00c8;
}
#content {
	width: 600px;
	float: left;
}
#content h1 {
	color: #4e8fb1;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 20px;
}
#content h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
}
#content h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #98b74e;
}

#introduction {
	font-size: 12px;
	color: #4e8fb1;
	line-height: 16px;
	padding-bottom: 40px;
	background: url(../layout/horizontal-separator.jpg) left bottom repeat-x;
}
#introduction p, #biography p, #articles p {
	width: 460px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
#biography {
	padding-bottom: 30px;
}
#article {
	padding-bottom: 40px;
	background: url(../layout/horizontal-separator.jpg) bottom left no-repeat;
	margin-bottom: 40px;
}
#article-comments {
	padding-bottom: 40px;
	background: url(../layout/horizontal-separator.jpg) bottom left no-repeat;
	margin-bottom: 40px;
}
.article-intro {
	padding-bottom: 40px;
	background: url(../layout/horizontal-separator.jpg) bottom left no-repeat;
	margin-bottom: 40px;
}
.article-intro h1 {
	margin: 0px !important;
	padding: 0px !important;
	padding-bottom: 7px !important;
}
.article-intro h1 a, .article-info a {
	color: #44174c;
}
.article-intro h1 a:hover, .article-info a:hover {
	color: #ff00c8;
}
.article-intro p {
	width: 460px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	line-height: 16px;
}
.article-date {
	font-size: 10px;
	text-transform: uppercase;
	color: #b9b9b9;
	padding-bottom: 5px;
}
.article-info {
	font-size: 10px;
	text-transform: uppercase;
	color: #b9b9b9;
	line-height: 16px;
}
.article-info strong {
	color: #98b74e;
}
#article-pages {
	width: 460px;
	margin-top: -20px;
	padding-bottom: 20px;
	text-transform: uppercase;
}

#spotlights {
	padding-top: 50px;
	padding-bottom: 50px;
}
#spotlights h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 13px;
	text-transform: uppercase;
}
#spotlights p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
.spotlight-left {
	color: #98b74e;
	font-size: 12px;
	line-height: 16px;
	width: 350px;
	float: left;
	background: url(../layout/vertical-separator.jpg) top right repeat-y;
}
.spotlight-right {
	color: #c4be52;
	font-size: 12px;
	line-height: 16px;
	width: 175px;
	padding-left: 25px;
	float: left;
}
.spotlight-index {
	width: 135px;
	float: left;
}
.spotlight-description {
	width: 165px;
	float: left;
}
.spotlight-index-shadow {
	width: 114px;
	height: 182px;
	padding: 3px;
	padding-bottom: 5px;
	background: url(../layout/spotlight-index-shadow.jpg) 0px 0px no-repeat;
}
#footer {
	background: url(../layout/horizontal-separator.jpg) 0px 0px no-repeat;
	color: #c3c3c3;
	font-size: 10px;
	padding-top: 15px;
	padding-bottom: 50px;
	line-height: 12px !important;
}
#footer a {
	color: #ababab;
}
#footer a:hover {
	color: #ff00c8;
}
#side {
	position: absolute;
	padding-left: 50px;
	width: 200px;
	color: #fff;
}
#side h3 {
	font-size: 14px;
	font-weight: bold;
	color: #d5abe8;
	text-transform: uppercase;
}
.side-separator {
	background: url(../layout/horizontal-right-separator.jpg) 0px 0px no-repeat;
	display: block;
	height: 2px;
	padding-bottom: 40px;
	margin-top: 40px;
}
#side p {
	font-size: 11px;
	line-height: 13px;
}
#side p span {
	color: #d5abe8;
	font-size: 11px;
	font-style: italic;
}
#quote {
	text-transform: uppercase;
}
a.readmore {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #b9b9b9;
}
a:hover.readmore {
	color: #ff00c8;
}
a.readmore2 {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #d5abe8;
}
a:hover.readmore2 {
	color: #ff00c8;
}

a.readmore3 {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #d5abe8;
	display: block;
	padding-top: 10px;
}
a.readmore3 span {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #fff;
	display: block;
}
a:hover.readmore3 {
	color: #ff00c8;
}

a.amazon {
	display: block;
	width: 107px;
	height: 35px;
	background: url(../layout/buy-from-amazon.jpg) 0px 0px no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	outline: none;
	margin-top: 20px;
}
a:hover.amazon {
	background: url(../layout/buy-from-amazon.jpg) 0px -35px no-repeat;
}
.print-logo {
	display: none;
}

#contact {
	padding-bottom: 50px;
}
#contact label, #comment label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #4e8fb1;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 4px;
	text-transform: uppercase;
}
#comment label {
	color: #98b74e;
}
#contact label span, #comment label span {
	color: #cc0000;
}
.fieldholder {
	padding-bottom: 5px;
	width: 222px;
	padding-right: 20px;
	float: left;
	overflow: hidden;
}
.field {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #44174c;
	border: none;
	background: url(../layout/field-input.jpg) 0px 0px no-repeat;
	padding-left: 8px;
	padding-right: 8px;
	width: 206px;
	height: 20px;
	padding-top: 6px;
}
.textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #44174c;
	border: none;
	background: url(../layout/field-text-area.jpg) 0px 0px no-repeat;
	width: 448px;
	height: 90px;
	padding: 8px;
}
/********************************************************************************* SELECT BOX */
.selectbox-wrapper {
	position: absolute;
	width: 222px;
	background: #fff;
	margin: 0px;
	margin-top: -13px;
	padding: 0px;
	padding-top: 3px;
	font-size: 12px;
	text-align: left;
	max-height: 200px;
	overflow: auto;
	color: #44174c;
	border: 1px solid #f5f5f5;
}
.selectbox-wrapper ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.selectbox-wrapper ul li.selected {
	color: #ccc;
}
.selectbox-wrapper ul li {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: pointer;
}
label {
	display: block;
}
.selectbox {
	margin: 0px 5px 10px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 222px; 
	display: block;
	text-align: left; 
	background: url(../layout/field-drop-down.jpg) 0px 0px no-repeat;
	cursor: pointer;
	border: none;
	color: #44174c;
	
	padding-left: 8px;
	padding-right: 8px;
	width: 206px;
	height: 20px;
	padding-top: 6px;
}
select {
	background: url(../layout/field-drop-down.jpg) 0px 0px no-repeat;
}
/********************************************************************************* SELECT BOX END */
.horizontal-separator {
	padding-bottom: 45px;
	margin-top: 40px;
	height: 1px;
	width: 321px;
	background: url(../layout/horizontal-separator.jpg) 0px 0px no-repeat;
}
.comment {
	padding-top: 20px;
}
.comment-top, .comment-body, .comment-bottom {
	width: 464px;
}
.comment-top {
	height: 11px;
	background: url(../layout/comment-top.jpg) 0px 0px no-repeat;
}
.comment-body {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 10px;
	background: url(../layout/comment-body.jpg) 0px 0px repeat-y;
}
.comment-body p {
	width: 439px !important;
	color: #44174c;
}
.comment-bottom {
	height: 4px;
	background: url(../layout/comment-bottom.jpg) 0px 0px no-repeat;
}
#books {
}

#book h2 {
	font-size: 18px;
}


#books h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 13px;
	text-transform: uppercase;
}
#books h2 a {
	color: #98b74e;
}
#books h2 a:hover {
	color: #ff00c8;
}
#books p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
.book-spot {
	color: #98b74e;
	width: 600px;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 40px;
	background: url(../layout/horizontal-separator.jpg) left bottom no-repeat;
	margin-bottom: 40px;
}
.book {
	color: #98b74e;
	width: 600px;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 40px;
	background: url(../layout/horizontal-separator.jpg) left bottom no-repeat;
}
.book p {
	color: #4e8fb1 !important;
}
.book-index {
	width: 135px;
	float: left;
}
.book-description {
	width: 320px;
	float: left;
}
#links {
	padding-bottom: 15px;
	color: #c4be52;
}
.link {
	width: 460px;
	font-size: 11px;
}
.link a {
	font-size: 14px;
	color: #44174c;
	text-transform: uppercase;
	display: block;
}
.link a:hover {
	color: #ff00c8;
}
.link-info {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #b9b9b9;
	padding-bottom: 25px;
	padding-top: 3px;
}
.link-info strong {
	color: #98b74e;
}
#documents {
	padding-top: 40px;
	padding-bottom: 40px;
}
#documents ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#documents ul li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
}
#documents ul li span {
	display: block;
	text-transform: none;
	line-height: 11px;
	color: #c4be52;
}
#documents ul li {
	font-size: 10px;
	padding-top: 10px;
	width: 500px;
	text-transform: uppercase;
	color: #b9b9b9;
}


/* Mirza added */
a.reloader {
	width: 14px;
	padding-top: 2px;
	height: 13px;
	float: left;
	color: #babbbb;
	background: url(../layout/icon-reload.gif) right 0px no-repeat;
	margin-left:10px;
}

a.reloader:hover {
	color: #7f7f7f;
	background: url(../layout/icon-reload.gif) right -15px no-repeat;
}

/* end Mirza added */