/* index
-------------------------------------------------------------------------------------- */

/*

* Filename: 		stylesheet.css
* Description: 		lobal CSS (master)
* Version:          1.0.0 (18.10.2010)
* Website:			Marijana Sekulic - Official Website 
* Author:			Aleksandar Prohaska / SixPack.rs

== STRUCTURE ============================================================================

* Page width:			??
* Number of columns:	??

*/
  


/* colorscheme
--------------------------------------------------------------------------------------- */

/*
white (bg): 	   		   	#fff

*/



/* Browser CSS-Reset
--------------------------------------------------------------------------------------- */
/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}	
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	line-height: 1;
	color: white;
	background: black;
	}	
ol, ul {list-style: none;}	
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}	
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* images and linked images without border */
img, a img {border: 0;}


/* globals 
--------------------------------------------------------------------------------------- */


body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #fff url(bg2.png) 0 0;
	color: #000;
	display: table;
	width: 100%; 				 /* This rule is primarily there for Internet Explorer 6 and below on Windows */
	}

html>body {
	font-size: 16px;  /* sets the text size specifically and is ignored by IE6, but used by Firefox, Safari, IE7, Opera */
	}

a { 
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
}

img {
	vertical-align:bottom;
}

.alt-link {
	color:#b9bdc1;
	font-weight:bold;
}

/* layout elements
--------------------------------------------------------------------------------------- */ 

#wrapper {
	margin:0 auto;
	width: 980px;
	text-align:left;
	background: transparent url(header2-decor.png) no-repeat 280px 20px;
}
   
/* header ***************************************/
          

#header-home {

	height:190px;
}

#logo {
	margin-left:250px;
}

/* main-menu ************************************/


#main-menu {
	float:left;
	width:639px;
	margin:128px 0 0 185px;
	text-align:center;
}

#main-menu ul {

}

#main-menu li {
	float:left;
}

#main-menu li a {
		display:block;
		width:91px;
		height:26px;
		float:left;
		background: transparent url(menu2.png) no-repeat 0 0;
		cursor:pointer;
		text-indent:-9999px;
}


#main-menu li a#menu-home:hover {
		background-position: 0 -26px;
}

#main-menu li a#menu-about {
		background-position: -91px 0;
}

#main-menu li a#menu-about:hover {
		background-position: -91px -26px;
}


#main-menu li a#menu-photos {
		background-position: -182px 0;
}

#main-menu li a#menu-photos:hover {
		background-position: -182px -26px;
}

#main-menu li a#menu-videos {
		background-position: -273px 0;
}

#main-menu li a#menu-videos:hover {
		background-position: -273px -26px;
}

#main-menu li a#menu-press {
		background-position: -364px 0;
}

#main-menu li a#menu-press:hover {
		background-position: -364px -26px;
}


#main-menu li a#menu-guestbook {
		background-position: -455px 0;
}

#main-menu li a#menu-guestbook:hover {
		background-position: -455px -26px;
}

#main-menu li a#menu-contact {
		background-position: -546px 0;
}

#main-menu li a#menu-contact:hover {
		background-position: -546px -26px;
}


#main-menu li a:hover, #main-menu li a.active-menu  {

	}

#main-menu li a:hover {

}

/* content **************************************/



.photo-part {
	height:800px;
	width:100%;
}

.video-part {
	height:1000px;
	width:100%;
}


.int-part {
	width:100%;
	padding-bottom:40px;
}

.photo-part-custom1 {
	height:950px;
	width:100%;
}

.pp1 {
	background: transparent url(bg-model/photo1.jpg) no-repeat center center;
}

.pp2 {
	background: transparent url(bg-model/photo2.jpg) no-repeat center center;
}

.pp3 {
	background: transparent url(bg-model/photo3.jpg) no-repeat top center;
}

.vp1 {
	background: transparent url(bg-model/video1.jpg) no-repeat 215px 10px;
}

.vp2 {
	background: transparent url(bg-model/video2.jpg) no-repeat center center;
}

.vp3 {
	background: transparent url(bg-model/video3.jpg) no-repeat top center;
}

.prp1 {
	background: transparent url(bg-model/press1.jpg) no-repeat center center;
}

.prp2 {
	background: transparent url(bg-model/press2.jpg) no-repeat center center;
}

.prp3 {
	background: transparent url(bg-model/press3.jpg) no-repeat center center;
}

.ip1 {
	background: transparent url(bg-model/int1.jpg) no-repeat top left;
}

.ip2 {
	background: transparent url(bg-model/int2.jpg) no-repeat top center;
}

.ip3 {
	background: transparent url(bg-model/int3.jpg) no-repeat top center;
}


.sub-menu-part {
	float:left;
	width:300px;
	padding-left:40px;
}

.press-part {
	float:left;
	width:300px;
	padding-left:10px;
}

.press-part img {
	margin:5px 0;
}

.photo-part-content {
	float:left;
	width:340px;
}

.add-part {
	height:900px;
}

.int-part-content {
	width:580px;
	margin:0 auto;
}

.photo-part-content h3, .int-part-content h3 {
	margin:0px 0 15px 0;
	font-size:134%;
	color:#603;
	
}

.photo-part-content p, .int-part-content p {
	font-size:84%;
	margin:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}


.int-part-content p {
	margin:5px 0;
}
.photo-part-subheader {
	font-weight:bold;
	padding:5px 0;
	border-top:1px solid #600;
	border-bottom:1px solid #600;
	color:#600;
}

.sub-menu {
	width:258px;
	padding-top:65px;
	background: transparent url(sub-menu-up.png) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
}

.thumb-block {
	border-bottom: 1px solid #fff;
	margin: 0 57px 0 32px;
	padding:9px 0;
}


.thumb-block-down {
	background: transparent url(sub-menu-down.png) no-repeat top left;
	height:88px;
	margin-left:-1px;
}


.thumb-block span{
	text-transform:uppercase;
	font-size:76%;
	font-weight:bold;
}

.thumb-block img {
	float:left;
	margin:0 10px 0 0;
}

.thumb-text1 {
	color:#904758;
	padding:10px 0 3px 0;
	display:block;
}

.thumb-text2 {
	color:#ce6691;
}

h1.main-header {
color:#560f20;
text-transform:uppercase;
margin-left: 10px;
font-size:117%;
}

h2.main-header {
color:#772f40;
text-transform:uppercase;
margin:60px 0 0 10px;
}



.contact-part {
padding:0 100px 0 140px;
}


.contact-part form {
background: transparent url(form-contact-bg.png) no-repeat top left;
padding: 30px;
width:370px;
float:left;
}



.contact-part form  input, .contact-part form textarea {
background: #ffd7dd url(pink-form-bg.png) repeat-x top left;
font-size:84%;
border:none;
width:304px;
margin-bottom:5px;
padding:3px 0;
color:#ce6691;
}



.contact-part form textarea {
margin-bottom:0;
}


#send-btn {
background: #ffd7dd url(form-button.png) repeat-x top left;
width:97px;
height:23px;
cursor:pointer;

}

.contact-part form p {
color: #742c3c;
font-size:76%;
margin-bottom:5px;
}

#navigation-menu {
margin-bottom:30px;
}

#navigation-menu p a {
font-weight:bold;
display:block;
margin:15px 0 15px 5px;
color:#660000;
text-decoration:underline;
}

.backtotop {
color:#600;
text-decoration:underline;
font-size:84%;
font-weight:bold;
margin-top:10px;
display:block;
}


.marija-info {
font-size:84%;
color:#772F40;
line-height:1.5;
}

.marija-info2 {
font-size:84%;
color:#772F40;
line-height:1.5;
width:950px;
margin:0 auto;
padding-left:140px;
}

.marija-info h3, .marija-info2 h3 {
font-size:117%;
text-transform:uppercase;
margin-bottom:20px;
}

.marija-info2 img {
border:2px solid #ffcccc;
}

div.img-block{
float:left;
width:200px;
text-align:center;
border:3px solid #ffcccc;
margin:5px 3px;
background-color:#d38e98;
padding:5px 0;
}
/* foo ************************************/

.footer {
	width: 870px;
	margin:0 auto 0 auto;
	padding:100px 0 0 90px;
	background: transparent url(footer-decor1.png) no-repeat bottom left;
	height:120px;
}


.footer a{
	color:#a9588d;
	font-weight:bold;
	text-decoration:underline;
}

.footer p {
	padding: 35px 0 10px 105px;
	font-size:76%;
	color:#853A6B;
	font-weight:bold;
	float:left;
	background: transparent url(footer-decor2.png) no-repeat 300px 0;
}

.footer img {
	float:left;
	margin-right:5px;
}