/***
2create studio
www.hraykov.com
last update: 04.12.2005
***/

body {
	padding:0px;
	margin:0px;
	background:#edf2f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
/** INDEX PHP ********************/
#shell {
	width:822px;
	height:100%;
	margin:0px auto;
	background: url(images/centerShadow.jpg) repeat-y top left;
}
#center{
	width:800px;
	height:auto;
	margin:0px auto;
	background:url(images/earth.jpg) no-repeat 94% 100%;
	background-color:#e1eaf0;
	color:#000;
	padding:0px 0px 0px 0px;


}
#content {
	margin:0px 0px 0px 40px;
	padding:0px;
	display:table;
	height:auto;
	width:600px;
	background:#edf2f5;
	color:#000;
	border-left:solid 1px #d1dee6;
	border-right:solid 1px #d1dee6;
	
}
/*** HEADERS ***/
.headertopborder {
	width:800px;
	height:12px;
	margin:0px auto;
	padding:0px;
	background: url(images/topbg.jpg) repeat-x top left;
	border-top:solid 1px #fff;
}
#header {
	margin:0px auto;
	width:800px;
	height:150px;
	padding:0px;
	border-top:solid 1px #fff;
	text-indent:-10000px;
}

/** CLASOWE ZA HEADER-ITE **/
.home {
	background:url(images/headers/home.jpg) no-repeat top left;
}
.biography {
	background:url(images/headers/bio.jpg) no-repeat top left;
}
.psychology {
	background:url(images/headers/psychology.jpg) no-repeat top left;
}
.book {
	background:url(images/headers/book.jpg) no-repeat top left;
}
.gallery {
	background:url(images/headers/gallery.jpg) no-repeat top left;
}
.links {
	background:url(images/headers/links.jpg) no-repeat top left;
}
.contact{
	background:url(images/headers/contact.jpg) no-repeat top left;
}
/*******/

/* MENU*/

#navigation {
	width:800px;
	height:35px;
	margin:0px auto;
	padding:0px;
	background: url(images/menubg.jpg) repeat-x top left;
}
#menu {
	width:600px;
	height:35px;
	margin:0px 0px 0px 40px;
	background:#fff;
	color:#000;
}
.menushadow {
	width:800px;
	height:15px;
	background:url(images/menushadow.jpg) no-repeat 0px 0px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
#menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	height:35px;
}
#menu ul li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	display:inline;
}
#menu ul li.released {
	float:left;
	text-decoration:none;
	text-indent:-2222px;
	height:35px;
}
#menu ul li a{
	float:left;
	text-decoration:none;
	text-indent:-2222px;
	height:35px;
}
#menu ul a:hover {
	background-position:0px -35px;
}

/*** BUTTONI ***/
#homebtn {
	background:url(images/buttons/home.gif) no-repeat 0px -35px;
	width:77px;

}
#homebtn a{
	background:url(images/buttons/home.gif) no-repeat 0px 0px;
	width:77px;
}
#biographybtn {
	background:url(images/buttons/biography.gif) no-repeat 0px -35px;
	width:99px;
}
#biographybtn a{
	background:url(images/buttons/biography.gif) no-repeat 0px 0px;
	width:99px;
}

#psychologybtn {
	background:url(images/buttons/psychology.gif) no-repeat 0px -35px;
	width:105px;
}
#psychologybtn a{
	background:url(images/buttons/psychology.gif) no-repeat 0px 0px;
	width:105px;
}
#bookbtn{
	background:url(images/buttons/book.gif) no-repeat 0px -35px;
	width:68px;
}

#bookbtn a{
	background:url(images/buttons/book.gif) no-repeat 0px 0px;
	width:68px;
}
#gallerybtn {
	background:url(images/buttons/gallery.gif) no-repeat 0px -35px;
	width:81px;
}
#gallerybtn a{
	background:url(images/buttons/gallery.gif) no-repeat 0px 0px;
	width:81px;
}

#linksbtn {
	background:url(images/buttons/links.gif) no-repeat 0px -35px;
	width:75px;
}
#linksbtn a{
	background:url(images/buttons/links.gif) no-repeat 0px 0px;
	width:75px;
}
#contactbtn {
	background:url(images/buttons/contact.gif) no-repeat 0px -35px;
	width:95px;
}
#contactbtn a{
	background:url(images/buttons/contact.gif) no-repeat 0px 0px;
	width:95px;
}

/** FOOTER **/
#down {
	margin-top:60px;
	height:36px;
	width:600px;
	padding:0px;
	background: url(images/down.jpg) no-repeat center;	
}
#downmenu {
	margin:0px auto;
	width:550px;
	height: auto;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#d1dee6;
	text-align:center;
}
#downmenu ul {
	padding:0px;
	margin:0px auto;
	list-style-type:none;
	text-align:center;
}
#downmenu ul li{
	text-align:center;
	display:inline;
	padding:0px;
	margin:0px 15px;
	list-style-type:none;
	background: inherit;
	color:#000;

}
#downmenu ul li a {
	background: inherit;
	color:#4372a8;
	text-decoration:none;
}
#downmenu ul li a:hover {
	background: inherit;
	text-decoration:none;
	color:#103560;
}

#footer {
	margin:0px auto;
	width:800px;
	height:30px;
	border-top: solid 1px #4372a8;
	background: url(images/downbg.jpg) repeat-x;
}
.copyright {
	width:600px;
	height: auto;
	margin-left:40px;
	margin-top:7px;
	text-align:center;
	background-color: inherit;
	color:#e1eaf0;
	font-size:10px;
}
#logo {
	clear:both;
	width:790px;
	height:75px;
	background:#4373ab;
	color:#000;
	margin:0px auto;
	border-top:solid 1px #4e82bd;
	border-bottom:solid 1px #fff;
	text-align:right;
	padding-right:10px;
}
#logo img{
	margin-top:45px;
	border-width:0px;
}
/** SHADOWS **/
.downshadow {
	clear:both;
	margin:0px auto;
	width:822px;
	height:10px;
	background: url(images/downShadow.jpg) no-repeat top;
}
.topshadow {
	clear:both;
	margin:0px auto;
	width:822px;
	height:10px;
	background: url(images/topShadow.jpg) no-repeat bottom;
}

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



/*** all pages ****************************************************/
.left {
	float:left;
}
.right {
	float:right;
}
/** titles **/
.contenttitle {
	margin:10px auto 0px auto;
	width:560px;
	height: auto;
	border-bottom:solid 1px #d1dee6;
	text-align:left;
}
.rightup{
	margin:0px 0px 0px 0px;
	float:right;
	background:url(images/hr.jpg) no-repeat 0px 7px;
	width:35px;
	height:15px;
}
.title {
	background: inherit;
	font-size:14px;
	color:#4372a8;
	text-align:left;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 0px 10px;
}

.rightdown {
	margin:0px 20px 0px 0px;
	float:right;
	background:url(images/hr.jpg) no-repeat 0px -8px;
	width:35px;
	height:15px;
}

.contenttitledown {
	margin:50px auto 0px auto;
	width:560px;
	height: auto;
	border-bottom:solid 1px #d1dee6;
	text-align:left;
}
/** text contents **/
.textcontent{
	display:table;
	width:560px;
	margin:40px 0px 0px 20px;
	border-bottom:dashed 1px #d1dee6;
	border-top:dashed 1px #d1dee6;
	padding-bottom:10px;
}
.textcontenthover{
	display:table;
	width:560px;
	margin:40px 0px 0px 20px;
	border-bottom:dashed 1px #d1dee6;
	border-top:dashed 1px #d1dee6;
	padding-bottom:10px;
	background:#f2f6f8;
	color:#000;
}
.nextcontent{
	display:table;
	width:560px;
	margin:0px 0px 0px 20px;
	border-bottom:dashed 1px #d1dee6;
	padding-bottom:10px;
}
.nextcontenthover{
	display:table;
	width:560px;
	margin:0px 0px 0px 20px;
	border-bottom:dashed 1px #d1dee6;
	padding-bottom:10px;
	background:#f2f6f8;
	color:#000;
}

/** link with arrow **/
.homelink {
	display:block;
	padding:0px 0px 0px 13px;
	width:30px;
	height:auto;
	text-align:right;
	font-size:11px;
	text-decoration:none;
	background:url(images/bullet.jpg) no-repeat 0px -10px;
	background-color:inherit;
	margin:0px auto 50px auto;
	color:#4372a8;
}
.homelink:hover {
	background-position:5px 3px;
	background-color: inherit;
	color:#103560;
	text-decoration:none;
}
.toplink {
	padding:0px 0px 0px 13px;
	float:right;
	width: auto;
	height:auto;
	text-align:right;
	font-size:11px;
	text-decoration:none;
	background:url(images/bullet.jpg) no-repeat 0px -10px;
	background-color: inherit;
	margin:0px 10px 0px 0px;
	color:#4372a8;
}
.toplink:hover {
	background-position:5px 3px;
	background-color: inherit;
	color:#103560;
	text-decoration:none;
}


.golink {
	padding:0px 0px 0px 13px;
	float:right;
	width: auto;
	height:auto;
	text-align:right;
	font-size:11px;
	text-decoration:none;
	background:url(images/bullet.jpg) no-repeat 0px 3px;
	background-color: inherit;
	color:#4372a8;
	margin:0px 10px 0px 0px;
}


.golink:hover {
	background-color:inherit;
	background-position:5px 3px;
	color:#103560;
	text-decoration:none;
}

.backlink {
	float:right;
	width: auto;
	height:auto;
	padding:0px 0px 0px 13px;
	text-align:right;
	font-size:11px;
	text-decoration:none;
	background:url(images/bullet_back.jpg) no-repeat 0px -10px;
	background-color: inherit;
	color:#4372a8;
	margin:10px 10px 0px 20px;
}
.backlink:hover {
	background-position:5px 3px;
	background-color:inherit;
	color:#103560;
	text-decoration:none;
}
/******************************************************************/

/*** home.html ***************************************************/

.homepic {
	float: right;
	height:auto;
	width:auto;
	padding:5px;
	margin:10px 10px 10px 0px;
	border:solid 1px #c2d0dd;
}
.hometext {
	float:left;
	text-align:left;
	width:300px;
	height:auto;
	padding:10px;
	margin:0px;
	line-height:120%;
}
/******************************************************************/

/*** biography.hmtl ***********************************************/

/** menu **/
#biomenu {
	margin:10px auto 0px auto;
	width:560px;
	height: auto;
	border-bottom:solid 1px #d1dee6;
	text-align:left;
}
#biomenu a {
	background:inherit;
	color:#4372a8;
	text-decoration:none;
}
#biomenu a:hover {
	background: inherit;
	color:#295c96;
	text-decoration:none;
	font-weight:bold;
}
.dot {
	background: inherit;
	font-weight:bold;
	color:#4372a8;
	margin:0px 1px 0px 5px;
	font-size:12px;
}

.biopic {
	float: left;
	height:auto;
	width:auto;
	padding:5px;
	margin:10px 0px 0px 10px;
	border:solid 1px #c2d0dd;
}
.yeahr {
	background:inherit;
	float:left;
	font-size:14px;
	color:#4372a8;
	font-weight:bold;
	margin:10px 0px 10px 20px;
}
.textbio {
	float:left;
	width:400px;
	padding:0px 0px 0px 20px;
	height:auto;
	margin:0px 0px 10px 0px;
}

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

/*** prycholohy.php ***********************************************/
.textpsi{
	width:450px;
	padding:10px 0px 0px 10px !important;
	margin:0px;
	height:auto;
	
}
.textbigpsi {
	clear:right;
	width:450px;
	padding:0px 0px 0px 10px !important;
	height:auto;
	line-height:20px;
	
}
.textbold {
	font-weight:bold;
	display:block;
	padding:10px 0px 0px 0px;
}

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

/*** book.html ****************************************************/

.textbook{
	width:450px;
	padding:10px 0px 0px 10px;
	margin:0px;
	height:auto;
	line-height:20px;
}

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

/*** gallery.php **************************************************/

.thumbsplace {
	width: 430px;
	background:#fff;
	height: auto;
	margin:0px auto;
	display: table;
	padding:0px 0px 10px 0px;

}
.thumb {
	float:left;
	height: auto;
	width: auto;
	padding:2px;
	margin:0px;
	border:solid 1px #c2d0dd;

}
.thumb img {
	border:0px;

}
.thumbhover {
	float:left;
	height: auto;
	width: auto;
	padding:2px;
	margin:0px;
	border:solid 1px #7fa0be;
	background:#fff;
	color:#000;

}
.thumbhover img {
	border:0px;
}
.bigpicture {
	clear:both;
	padding:8px;
	width: 400px;
	height: 300px;
	border:solid 1px #c2d0dd;
	margin:10px auto 10px auto;
}


.paging {
	text-align:right;
	clear:both;
	width:416px;
	height:auto;
	margin:0px auto;
	padding:0px;	
	font-size:10px;

}
.paging a{
	background:inherit;
	color:#4372a8;
	text-decoration:none;
	font-weight:bold;
	margin-left:5px;
}
.paging a:hover {
	background:inherit;
	font-size:11px;
	font-weight:bold;
	color:#4372a8;	

}
.paging span {
	background:inherit;
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#4372a8;
}


/******************************************************************/
/*** links.html ***************************************************/
.llink {
	padding:0px 0px 0px 13px;
	width: auto;
	height:auto;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/bullet.jpg) no-repeat 0px 3px;
	background-color:inherit;
	color:#4372a8;
	margin:10px 0px 25px 10px;
	clear:both;
	float:left;	
	
}
.llink:hover {
	background-position:5px 3px;
	background:inherit;
	color:#103560;
	text-decoration:none;
}
.linkdescription {
	clear:both;
	float:left;
	width:auto;
	height:auto;
	text-align:left;
	margin:-25px 0px 0px 10px;
	padding:0px 0px 0px 13px;
}
/******************************************************************/
/*** contact.html *************************************************/
.textcontact{
	display:block;
	clear:both;
	padding:0px 0px 0px 10px;
	margin:20px 0px 0px 0px;
	height:auto;
}
.textcontact a{
	color:#4372a8;
	text-decoration:none;
}
.textcontact a:hover{
	color:#103560;
}
.formcontent{
	float:left;
	width:250px;
	height: auto;
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 10px;
	clear:both;

}
.fieldname {
	float:left;
	height: auto;
	text-align:left;
	margin-bottom:10px;
	background:inherit;
	color:#4372a8;
}
.inputdiv input {
	padding:0px;
	margin:0px;
	width:150px;
	height:18px;
	text-align:left;
	background:#e1eaf0;
	color:#000;
	border-style:solid;
	border-color:#b5cae2;
	border-width:1px;
	font-size:12px;
}
.inputdiv {
	float:right;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;

}

.inputdiv textarea {
	width:150px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	text-align:left;
	background:#e1eaf0;
	color:#000;
	border-style:solid;
	border-color:#b5cae2;
	border-width:1px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.scbuttons input {
	padding:0px;
	margin:0px;
	width:70px;
	text-align:center;
	background:#4372a8;
	border-style:solid;
	border-color:#b5cae2;
	border-width:1px;
	font-size:11px;
	color:#fff;
}
.scbuttons {
	clear:both;
	float:left;
	width:150px;
	height: auto;
	padding:0px 0px 10px 110px;
	margin:10px 0px 0px 0px;
	text-align:right;
}
/******************************************************************/
/*** sendmail.html ************************************************/
.textmail {
	background:inherit;
	text-align:center;
	color:#4372a8;
	font-size:14px;
	margin:50px auto 10px auto;

}
/******************************************************************/