body {
	background: #FFFFFF url(../../images/site/bg.gif) repeat-x;
	
	color: #000;  /*ovde se namesta boja slova*/
	
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}


/* structure */
.container {
	background: url(../../images/site/myspoj.jpg) no-repeat;
}

.header {
	height: 92px;
	color: #FFFFFF; /*ovde je boja recenice u hederu*/
	
}

/* title */
.title {
	float: left;
	padding: 28px 0 0 76px;
}
.title h1 {
	color: #FFC955;
	font: normal 2em Verdana,sans-serif;
}

/* logo-picture */
.logo picture {
 	position:absolute;
	float: left;
	height: 92px;
	margin-left: 5px;
	padding: 0 0px;
}

/* logo */
.logo {
	font: 1.2em "Trebuchet MS",sans-serif;
	color: #747474;
	text-align:center;
}

/* navigation */
.navigation {
    position:absolute;
	left: 250px;
    top: 0px;
	height: 92px;
	margin-left: 0px;
	text-align: left;
	padding: 40px 16px;
	white-space: nowrap; 
/*	border:1px solid #333; */
}


.navigation a {

	color: #FFF;
	
/*	float: left;*/
	font: bold 1.2em "Trebuchet MS",sans-serif;
	margin-top: 80px;
	padding: 8px 18px;
	text-align: center;
	text-decoration: none;
	border:1px solid #333;
}
.navigation a:hover {
	background-color: #0094D6;
	color: #FFF;
}

/* Choose category description*/

.mainCategoryFrame{
 	position:relative;
	height: 20px;
	width: 600px;
	text-align: center;
	background: #FFF;
	color: #0094D6;
	font: 1.2em "Trebuchet MS",sans-serif;
	
	padding: 5px 0px 0px 0px;
	border:1px solid #A6A6A6;
}

.mainCategoryTitle{
 	position:absolute;
	text-align: left;
	background: #FFF;
	color: #0094D6;
	left: 5px;
	top: 0px;
	padding: 5px 0px 0px 0px;
}

.mainCategory{
 	position:absolute;
	text-align: left;
	background: #FFF;
	color: #0094D6;
	left: 200px;
	top: 0px;
	padding: 5px 0px 0px 0px;
}

.mainCategory a:link {color: #0063AA; font: 1.2em  "Trebuchet MS",sans-serif; text-decoration: none; padding: 0px 0px 0px 10px;}
.mainCategory a:active {color: #0063AA; font: 1.2em  "Trebuchet MS",sans-serif; text-decoration: none; padding: 0px 0px 0px 10px;}
.mainCategory a:visited {color: #0063AA; font: 1.2em  "Trebuchet MS",sans-serif; text-decoration: none; padding: 0px 0px 0px 10px;}
.mainCategory a:hover {color: #0063AA;  font: 1.2em  "Trebuchet MS",sans-serif; text-decoration: none; padding: 0px 0px 0px 10px;}


/* END CATEGORY


/* description */
.description {
    position:absolute;
    font: 1.2em "Trebuchet MS",sans-serif;
    
    /*left: 788px;
	width: 210px; */
	
    left: 840px;
    top: 10px;
	width: 150px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	white-space: nowrap; 
}

/* description */
.loginPosition {
    position:absolute;
    font: 1.2em "Trebuchet MS",sans-serif;
    
    /*left: 788px;
	width: 210px; */
	
    left: 840px;
    top: 70px;
	width: 150px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	white-space: nowrap; 
}

.loginPicture {
    position:absolute;
    font: 1.2em "Trebuchet MS",sans-serif;
    left: 840px;
    top: 10px;
	width: 130px;
	height: 70px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	white-space: nowrap; 
}

.regSignupFrame{
 	position: relative;
 	width: 200px;
 	height:160px;
 	text-align:center;
 	border:1px solid #A6A6A6;
}

.regRegisterFrame{
	position: relative;
 	width: 250px;
 	/*height:300px;*/
 	text-align:center;
 	border:1px solid #A6A6A6;
	
}

/*start definition of global session frame*/

.sessionFrame{
	position: absolute;
	left: 860px;
	width: 128px;
	height: 70px;
	top:10px;
	background: url(../../images/site/loginFrame.png) no-repeat;

	
}

.sessionUserName{
	position: absolute;

	left: 45px;
	height: 5px;
	top: 5px;
	width:80px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	

}

.sessionSignupRegister{
	position: absolute;
	text-align: center;
	bottom: 2px;
	width: 130px;
	height: 25px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	
}

.sessionMessages{
	position: absolute;
	text-align:center;
	bottom: 2px;
	width: 130px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	

}

.sessionMessagesText{
	position: absolute;
	bottom: 0px;
	width: 50px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	font: 7pt  "MS Reference Sans Serif",sans-serif;
	

}

.sessionMessagesTextNew{
	position: absolute;
	bottom: 24px;
	width: 128px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	font: 7pt  "MS Reference Sans Serif",sans-serif;

}

.sessionMessagesPicture{
	position: absolute;
	bottom: 2px;
	left:50px;
	width:30px;
	height: 21px;
	padding: 0px 0px 0px 0px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	

	background: url(../../images/site/messages2.png) no-repeat;
}

.sessionMessagesPicture:hover{
	position: absolute;
	bottom: 2px;
	left:50px;
	width:30px;
	height: 21px;
	padding: 0px 0px 0px 0px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	

	background: url(../../images/site/messages-svetli2.png) no-repeat;
}

.sessionMessagesPictureNew{
	position: absolute;
	bottom: 2px;
	left:50px;
	width:30px;
	height: 21px;
	padding: 0px 0px 0px 0px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	
	background: url(../../images/site/messages2.png) no-repeat;
	

/*	background: url(../../images/site/messages-reseved.png) no-repeat; */
}

.sessionMessagesPictureNew:hover{
	position: absolute;
	bottom: 2px;
	left:50px;
	width:30px;
	height: 21px;
	padding: 0px 0px 0px 0px;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	
	background: url(../../images/site/messages-svetli2.png) no-repeat;
/*	background: url(../../images/site/messages-reseved2.png) no-repeat; */
}




.sessionProperties{
	font: 0.8em "Trebuchet MS",sans-serif;
	
}

.sessionPropertiesNew{
	position:absolute;
	top:6px;
	left:5px;
	font: 0.8em "Trebuchet MS",sans-serif;
	
}



.sessionSignupRegister a:link {color: #E0E0E0; text-decoration: none; }
.sessionSignupRegister a:active {color: #E0E0E0; text-decoration: none; }
.sessionSignupRegister a:visited {color: #E0E0E0; text-decoration: none; }
.sessionSignupRegister a:hover {color: #FFFFFF;  text-decoration: none; }

.sessionUserName a:link {color: #EEEEEE; text-decoration: none; }
.sessionUserName a:active {color: #EEEEEE; text-decoration: none; }
.sessionUserName a:visited {color: #EEEEEE; text-decoration: none; }
.sessionUserName a:hover {color: #FFFFFF;  text-decoration: none; }

.sessionPropertiesNew a:link {color: #EEEEEE; text-decoration: none; }
.sessionPropertiesNew a:active {color: #EEEEEE; text-decoration: none; }
.sessionPropertiesNew a:visited {color: #EEEEEE; text-decoration: none; }
.sessionPropertiesNew a:hover {color: #FFFFFF;  text-decoration: none; }

.terms{ color: #808080;}
.terms a:link {color: #008606; text-decoration: none; }
.terms a:active {color: #0000ff; text-decoration: none; }
.terms a:visited {color: #008000; text-decoration: none; }
.terms a:hover {color: #00D207;  text-decoration: none; }

.navigationNew{
	position: relative;
	left: 300px;
	top: 30px;
	width: 600px;
}
.picSeparator{float:left; height:5px; width:3px;}
.picMain{float:left;}
.picMain:hover{background: url(../../images/site/main2.png) no-repeat;}
.picPost{float:left;}
.picPost:hover{background: url(../../images/site/post_a_square2.png) no-repeat;}
.picArt{float:left;}
.picArt:hover{background: url(../../images/site/picture_art2.png) no-repeat;}
.picTell{float:left;}
.picTell:hover{background: url(../../images/site/tell_a_friend2.png) no-repeat;}
.picAbout{float:left;}
.picAbout:hover{background: url(../../images/site/about2.png) no-repeat;}
.picLinks{float:left;}
.picLinks:hover{background: url(../../images/site/links2.png) no-repeat;}
.userFrame{float:left;}