/********************************************
   AUTHOR:			Miljenko Barbir
   WEBSITE:			http://blue3systems.wordpress.com/
   TEMPLATE NAME:	Apartmani-Milic
   TEMPLATE CODE:	B3S-A-AM-0001
   VERSION:			1.0
   DATE:			2010-05-05
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin: 0; padding: 0; outline: 0; }

body
{
	font: 13px/1.4em Tahoma,arial,sans-serif;
	color: #404142;
	text-align: center;
}

/* links */
a, a:visited
{
	text-decoration: none;
	background: inherit;
	color: #176fa1;
}

a:hover
{
	text-decoration: underline;
	background: inherit;
	color: #ff680d;
}

/* headers */
h1,
h2,
h3,
h4
{
	font-family: 'Georgia', 'Times New Roman', serif;
	color: #ff680d;
	font-style: italic;
}

h1
{
	font-size: 180%;	
	font-weight: normal;	
}

h2
{
	font-size: 160%;
	font-weight: normal;
}

h3
{
	font-size: 135%;	 
}

h4
{
	font-size: 110%;
}

/* images */
img
{
	background: #fff;
	border: 1px solid #555;
}

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

/* headers */
h1,
h2,
h3
{
	margin: 20px 0 15px;
}

p
{
	margin: 10px 15px;
	padding: 0;
}

h4
{
	margin-top: 5px;
	padding: 0;
}

/* lists */
ul, ol
{
	margin: 5px 15px;
	padding: 0 25px;
}

ul li ul
{
	margin: 0px;
	padding: 0px;
}

p,
h3,
h4,
ol,
ul,
blockquote,
table,
form
{
	margin: 0 0 12px;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap
{
	margin: 0 auto;
	text-align: left;
}

#content-wrap,
#header .menu-wrap,
#footer .footer-content
{
	width: 960px;
	margin: 0 auto;
}

#content-wrap
{
	background-color: #fff;
	clear: both;

	margin: 0px auto 0px auto;
}

.menu-wrap
{
	height: 65px;
}

#header
{
	padding: 0;	
	color: #fff;
	background: #666 url('../images/style/theme/header-background.jpg') no-repeat right top;
}

	#header p#language
	{
		margin: 0;
		padding: 0;

		text-transform: none;

		color: #FFF;

		float: right;
		line-height: 65px;
	}

	#header p#language a img,
	#header p#language a:hover img
	{	
		background: none;
		border: 0px solid #E5E5E5;
		padding: 0px 5px 0px 0px;
	}

	#header p#language a:hover img
	{	
	}

	#header div#title
	{
		margin: 0;
		padding: 0;

		text-transform: none;

		color: #4868d4;
		padding: 35px 0;
	}

		#header div#title a
		{
			background: url("../images/style/theme/logo.png") repeat scroll 0 0 transparent;
			display: block;
			height: 78px;
			text-indent: -5000px;
			width: 332px;
			margin: 0 auto;
		}



/* navigation */
#menu
{
	clear: both;	
	margin: 0 auto; padding: 0;
	background-color: #dfdfdf;
	font-family: 'Georgia', 'Times New Roman', serif;
}

	#menu ul
	{
		float: left;
		list-style: none;
		margin:0; 
		padding: 0;
	}

	#menu ul li
	{
		display: inline;
	}

	#menu ul li a
	{
		text-decoration: none;
		float: left;
		text-align: center;
		font-size: 130%;
		line-height: 65px;

		margin-right: 30px;

		color: #6f6e6e;
	}

	#menu ul li.current a,
	#menu ul li a:hover
	{	
		color: #121212;
	}


/* Footer */	
#footer
{
	background-color: #8f8f8f;
	color: #eeeeee;
	clear: both;
	position: relative;

	margin-top: 25px;
	padding: 25px 0;

	height: 180px;
}

	#footer p
	{ 
		padding: 0px 50px 0 20px;
		margin: 0;
		line-height: 13px;
		text-align: right;
	}

	#footer h3,
	#footer dl.contact
	{
		color: #f8f8f8;
		text-shadow: 1px 1px 1px #000;
		width: 400px;
	}

	#footer dl.contact
	{
		float: left;
	}

	#footer a
	{ 
		color: #fff;
		text-decoration: none; 
	}

	#footer #footer_map
	{
		float: right;
		height: 142px;
		width: 500px;
		border: 1px solid #666;
	}

		#footer #footer_map img
		{	
			background: transparent;
			border: none;
		}

#copyright
{
	margin: 35px 0 55px;
	text-align: center;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* apartment specification */
dl.apartment
{
	color: #000;
	padding: 0;
	margin: 10px 0 20px;
}

	dl.apartment dt
	{
		float: left;
		min-width: 150px;
	}

/* contact information */
dl.contact
{
	color: #000;
	font-size: 95%;
	padding: 0;
}

	dl.contact dt
	{
		float: left;
		min-width: 105px;
	}

	dl.contact dd.multiline
	{
		margin-left: 105px;
	}

/* ruler */
hr
{
	margin-left: 15px;
	margin-bottom: 25px;
	margin-top: 15px;

	border-color: #777;
	border-left: 0 none;
	border-right: 0 none;

	border-style: dashed none;
	border-width: 1px 0;

	height: 2px;
}

/* accomodation images */
img.accomodation
{
	margin-top: 15px;
}

/* stars images */
img.stars
{
	background: #fff;
	border: 0px solid #fff;
	padding: 0px;
	margin: 0px
}

#map
{
	width: 100%;
	height: 500px
}

	#map img
	{
		background: none;
	}

/* prices table */
table.prices
{
	background-color: #F0F5FF;
	width: 100%;

	border-collapse: collapse;

	margin-bottom: 20px;
}

	table.prices th,
	table.prices td
	{
		text-align: left;
	}

	table.prices th
	{
		background-color: #e0e5e6;
	}

	table.prices td
	{
		vertical-align: bottom;
	}

	table.prices th,
	table.prices td
	{
		padding: 2px 5px;
	}

	table.prices th.price,
	table.prices td.price
	{
		text-align: right;
	}

#pictures
{
	margin: 0pt auto;
}

.credited-photo
{
	text-align: center;
	margin-left: 30px;
}

.credited-photo .description
{
	color: #333;
	font-size: 80%;
}

.credited-photo .licence
{
	color: #777;
	font-size: 75%;
	margin-top: -4px;
}

#footer .shadow a
{
	color: #111;
}

/* languages drop down list */
#menu #language ul li a
{
	font-size: 100%;
	line-height: 24px;

	margin-right: 0;
    text-align: left;
	clear: both;
	float: none;
}

#language
{
    font-family: verdana, arial, sans-serif;
    height: 32px;
    position: relative;
    z-index: 99;

	float: right;
	margin: 17px 0 0;
}

* html #language
{
    width: 12em;
}

	#language ul, #language li
	{
		list-style-type: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#language li:before
	{
		content: "" !important;
	}

	#language ul ul
	{
		width: 149px;
	}

	#language li
	{
		float: left;
		position: relative;
		width: 149px;
	}

		#language a, #language a:visited
		{
			background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #CDCDCD;
			color: #444444;
			display: block;
			font-size: 11px;
			line-height: 24px;
			padding-left: 8px;
			text-decoration: none !important;
		}

		* html #language a, * html #language a:visited
		{
			width: 138px;
		}

			#language ul ul
			{
				border-top: 1px solid #CDCDCD;
				height: 0;
				left: 0;
				position: absolute;
				top: 25px;
				visibility: hidden;
				width: 149px;
			}

			* html #language ul ul
			{
				top: 19px;
			}

				#language ul ul a, #language ul ul a:visited
				{
					background: none repeat scroll 0 0 #FFFFFF;
					border-width: 0 1px 1px;
					color: #444444;
					height: auto;
					line-height: 1em;
				}

				* html #language ul ul a, * html #language ul ul a:visited
				{
					width: 128px;
				}

				#language a:hover, #language ul ul a:hover
				{
					background: none repeat scroll 0 0 #EEEEEE;
					color: #000000;
				}

					#language *:hover > a, #language ul ul *:hover > a
					{
						background: none repeat scroll 0 0 #EEEEEE;
						color: #000000;
					}

			#language a.active
			{
				background: url("../images/style/arrow-down.png") no-repeat scroll 127px 50% #FFFFFF;
				color: #444444;
			}

			#language a.active:hover
			{
				color: #000000;
				text-decoration: none;
			}

			#language ul li:hover ul, #language ul a:hover ul
			{
				visibility: visible;
			}

			#language img.flag
			{
				position: relative;
				top: 1px;
			}