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

Title:			int-core.css
Website:		www.interpreter.hr
Browser(s): 	All (except IE)

Author: 		www.designeus.hr
Created: 		15.01.2009.

Basic colors:	BLUE		#376d9f
				LIGHT BLUE	#dce6ef

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


/* -----------
    CSS RESET
   ----------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul, li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

/* -------------------------- */

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

p { margin-bottom: 8px; }

/* ------------
    TYPOGRAPHY
   ------------ */

body { font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

#content h2 { color:#fff; font:24px/30px "Impact", Geneva, Arial, Helvetica, sans-serif }

/* ----- HEADER ----- */


		
/* ----- MENU ----- */

#menu a, #menu a:visited { font:12px/12px Arial, Helvetica, sans-serif; font-weight:bold; color:#376d9f; text-decoration:none; }

#menu.en a, #menu.en a:visited {
	font-size:11px;
	letter-spacing: -0.1px;
}

#menu a:hover {
	background-color:#DDE7EE;
}

#menu a.active, #menu a.active:visited { background-color:#769cbf; color:#fff; }

/*#menu a.active:hover { background-color:#507aa1; }*/


/* --------------
    BASIC LAYOUT
   -------------- */
   
* { margin: 0; }

body { background-color:#dce6ef }

#wrapper { width:826px; margin: 60px auto; }

#bordertop, #borderbottom { background:url(img/container-top-bottom-border.png) no-repeat; width:826px; height:24px; }
	#bordertop { background-position: center top }
	#borderbottom { background-position: center bottom }

#container {
	height:582px;
	width:780px; padding:0 23px;
	background:url(img/container-bg.png) repeat-y center top;
	position:relative; 
	}

#header { width:315px; height:45px; background-color:#fff; z-index:1; position:absolute; top:0; left:240px; }

#menu { width:680px; height:45px; background-color:#fff; z-index:1; position:absolute; bottom:0; left:74px; }

#footer {  }

/* --------
    HEADER
   -------- */

h1.logo a {
	display:block;
	text-indent:-9999px;
	background:url(img/logo.png) no-repeat left top;
	width:198px; height:41px;
	margin:-1px 0 0 3px;
	float:left;
	}
	
h1.logo a:hover { background-position: left bottom }

#language { float:right; margin:4px 6px 0 0; }

#language a {
	display:block;
	width:38px; height:34px;
	float:left;
	background:url(img/language.png) no-repeat;
	text-indent:-9999px;
	}
	
#language a.hr { background-position:left top; }
#language a.hr:hover { background-position:left -34px; }
#language a.hr-selected { background-position:left bottom }

#language a.en { background-position:right top; }
#language a.en:hover { background-position:right -34px; }
#language a.en-selected { background-position:right bottom }


/* ---------
    CONTENT
   --------- */
   
#content{
	overflow:hidden;
	width:780px;
	background-color:white;
	position:absolute;
	top:0; left:23px;
	height:582px;
/*	float:left;*/
	list-style:none;
	background:#376d9f url(img/watermark.png) no-repeat 610px 250px;
}

	
	#content a {
		color:#BFE2FF;
		font-weight:normal;
		text-decoration:none;
		border-bottom:1px dotted #BFE2FF;
	}
	
	#content a:hover { color:#eFE8FF; border-bottom:1px dotted #efe8ff; }
	
	.section {
/*	width:2340px;*/
	height:4074px;
	position:relative;
}

	.section .sub {
		position:relative;
		width:340px;
		height:492px;
		padding-left:440px;
		padding-top:90px;
	}
	
				.section #o_nama, .section #about_us { background:url(img/o_nama.jpg) no-repeat left center; }
				.section #pismeni_prijevodi, .section #translation { background:url(img/pismeni_prijevodi.jpg) no-repeat left center; }
				.section #sudski_tumac, .section #court_interpreter { background:url(img/sudski_tumac.jpg) no-repeat left center; }
				.section #simultano_prevodjenje, .section #simultaneous_interpretation { background:url(img/simultano_prevodjenje.jpg) no-repeat left center; }
				.section #najam_opreme, .section #rental_of_equipment { background:url(img/najam_opreme.jpg) no-repeat left center; }
				.section #reference, .section #references { background:url(img/reference.jpg) no-repeat left center; }
				.section #galerija, .section #gallery { background:url(img/galerija.jpg) no-repeat left center; }
				.section #kontakt, .section #contact { background:url(img/kontakt.jpg) no-repeat left center; }
				
				
		.section .sub p {
			width:290px;
			margin-top:20px;
/*			margin:16px 0;*/
		}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}
   
/* -----------
    REFERENCE
   ----------- */
   
#content #reference h2, #content #references h2 { line-height:14px }

#reference ul, #references ul { margin-left:14px;}

   #reference ul li, #references ul li { font-size:10px; line-height:12px; width:300px; margin-bottom:3px; list-style: disc; }


/* ------
    MENU
   ------ */

#menu ul { list-style:none; margin:16px 0 0 8px; }

#menu ul li { float:left; }

#menu ul li a {
	display:block;
	padding:3px 6px 4px;
	border-right: 1px solid #507aa1;
	}

	#menu.en ul li a { padding: 3px 3px 4px }

#menu .last { border-right:none }


/* ----------------
    DESIGNEUS LINK
   ---------------- */

#designeus a { margin:0 auto; width:106px; height:30px; background:url(img/designeus.png) no-repeat center top; display:block; }
#designeus a:hover { background-position:center bottom; }

/* -----------------
    FLOATS & CLEARS
   ----------------- */

.left { float:left }
.right { float:right }
.clear { clear:both; }