/* 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 -77px;
	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;
}
   
/* header ***************************************/
          

#header-home {

	margin-top:80px;
}

#logo {
	margin-left:230px;
}

#home-page {
	background: transparent url(header-decor.png) no-repeat 0 211px;
}

.homepage-image {
	margin-left:339px;	
}

.homepage-image2 {
	margin-left:184px;	
}
/* main-menu ************************************/


#main-menu {
	float:left;
	width:639px;
	margin-left: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 **************************************/

#home-content {
	padding:30px 0 0 158px;
	font-size:74%;
}

.home-page-content-block {
	width:150px;
	float:left;
	color:#853a6b;
	padding: 0 40px;
	text-align:justify;
	line-height:1.3;
	height:190px;
}

.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;
}