/*
This is the .css file of www.ordinacijazubovic.com site.
Designed by Neuralab / www.neuralab.net /

colors
yellow:     #ffe900;

*/

/*  ---------------
	common elements
	---------------  */
body 
{
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-color:White;
	font-family:'Helvetica Neue',Arial,Helvetica,'Lucida Grande',Verdana,sans-serif;
	font-size:10px;
	text-align:center;
	margin:0;
	padding:0;
	height:auto;
	}
	
.page
{
	display:block;
	clear:both;
	margin:0 auto;
	width:800px;
	text-align:center;
	height:auto;
	padding:0 80px;
	}

.header
{
	display:block;
	clear:both;
	float:left;
	z-index:1;
	width:800px;
	height:98px;
	/*background-image:url(../images/logo.png);
	background-repeat:no-repeat;*/
	margin:0;
	padding:0;
	
	/*border:solid 1px lime;*/
	}
	
.languagebar
{
	display:block;
	float:left;
	margin:5px 0 0 0;
	width:785px;
	padding-right:15px;
	}
.languagebar ul
{
	display:block;
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
	}
.languagebar ul li
{
	display:inline-block;
	list-style-type:none;
	float:left;
	}
.languagebar ul li a
{
	display:block;
	text-decoration:none;
	color:White;
	font-size:11px;
	font-family:helvetica;
	padding:0 4px;
	}	
.languagebar ul li a.active
{
	color:#ffe900;
	}
.logo
{
	display:block;
	float:left;
	margin:6px 0 0 0;
	padding:0;
	background-image:url(../images/logotextsmall.png);
	background-repeat:no-repeat;
	width:177px;
	height:95px;
	position:absolute;
	}
	
.navigation
{
	display:block;
	clear:both;
	float:right;
	margin:54px -5px 0 0;
	padding:7px auto 0 auto;
	text-align:center;
	height:30px;
	width:520px;
	background-image:url(../images/navbckg.png);
	background-repeat:no-repeat;
	}
.navigation ul
{
	display:block;
	margin:0 auto 0 auto;
	width:auto;
	padding:0;
	list-style-type:none;
	}
.navigation ul li
{
	list-style-type:none;
	display:inline-block;
	/*padding:0 10px;*/
	}
.navigation ul li:last-child
{
	padding:0;
	}
.navigation ul li a
{
	display:block;
	padding:6px 9px 0 9px;
	font-family:Helvetica;
	color:White;
	font-size:13px;
	text-decoration:none;
	height:19px;
	}
	
.navigation ul li a:hover
{
	color:#ffe900;
	}
.navigation ul li a.active
{
	color:#ffe900;
	border-bottom:solid 1px #ffe900;
	}
.navigation ul li a.active:hover
{
	text-decoration:none;
	}

.mediaholder
{
	display:block;
	float:left;
	clear:both;
	height:445px;/*950 * 534*//*700 389*/
	width:800px;
	margin:25px auto 0 auto;
	padding:0;
	}
.content
{
	display:block;
	height:auto;
	width:960px;
	float:left;
	clear:both;
	text-align:left;
	margin:15px 0 10px 0;
	padding:0;
	font-family:Tahoma;
	}
.content a
{
	color:#818285;
	}

.footer
{
	display:block;
	clear:both;
	float:left;
	margin:0;
	width:100%;
	height:288px;
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	text-align:center;
	}
.footer .holder
{
	display:block;
	clear:both;
	margin:0 auto;
	width:800px;
	text-align:center;
	height:auto;
	padding:0 80px;
	}
.footer .content
{
	display:block;
	clear:both;
	float:left;
	height:auto;
	margin:0;
	padding:30px 0 0 0;
	width:800px;
	}
.footer .navcol
{
	display:inline-block;
	float:left;
	width:200px;
	height:auto;
	}
.footer .title
{
	font-size:14px;
	font-weight:normal;
	display:block;
	color:White;
	font-family:Tahoma;
	letter-spacing:1.4px;
	margin:0 0 10px 0;
	}
.footer .navcol ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.footer .navcol ul li
{
	display:block;
	}
	
.footer .navcol ul li a
{
	display:block;
	width:150px;
	padding:2px 1px;
	text-decoration:none;
	color:White;
	font-size:11px;
	font-family:Arial;
	border-bottom:dotted 1px white;
	}
	
.footer .navcol ul li a:hover
{
	text-decoration:underline;
	}
.footer .navcol ul li a.active
{
	color:#ffe900;
	}

.footer .map
{
	display:inline-block;
	float:left;
	width:396px;
	height:200px;
	color:White;
	font-size:11px;
	font-family:Arial;
	background-image:url(../images/croatia.png);
	background-repeat:no-repeat;
	background-position:center;
}

.footer .work
{
	display:inline-block;
	float:right;
	text-align:right;
	width:200px;
	color:White;
	font-size:11px;
	font-family:Arial;
	}
.footer .work ul
{
	list-style-type:none;
	margin:0;
	padding:0;	
	float:right;
	}	
.footer .work ul li
{
	display:block;
	width:160px;
	padding:2px 1px;
	text-decoration:none;
	color:White;
	font-size:11px;
	font-family:Arial;
	border-bottom:dotted 1px white;
	text-align:left;
	}	
.footer .info
{
	display:block;
	clear:both;
	float:left;
	width:800px;
	margin:20px 0 0 0;
	}
.footer .info ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.footer .info ul li
{
	display:inline-block;
	margin:0;
	padding:0;
	}
.footer .info ul li a
{
	display:block;
	font-family:Arial;
	font-size:10px;
	color:White;
	text-decoration:none;
	padding:0 10px 0 0;
	
	}
.footer .info ul li:last-child
{
	display:inline-block;
	font-family:Arial;
	font-size:10px;
	color:White;
	margin-left:150px;
	}
.footer .info ul li a:hover
{
	text-decoration:underline;	
	}
.grstudio
{
    display:inline-block;
    width:70px;
    height:12px;
    background-image:url(../images/GRlogo.png);
    background-repeat:no-repeat;
    background-position:52px bottom;
}
/*  ----------------------------------
   home page - two columns style
----------------------------------  */
.textwelcome
{
	display:block;
	width:800px;
	height:auto;
	font-size:12px;
	line-height:1.6;
	color:#818285;
	text-align:left;
	}
.textwelcome h2
 {
	font-size:20px;
	font-family:Trebuchet MS;
	margin-bottom:15px;
	font-weight:normal;
	}
.textcolumnleft h2
{
	display:block;
	width:150px;
	height:52px;
	padding:6px 0 0 60px;
	font-size:22px;
	font-family:Trebuchet MS;
	margin-bottom:15px;
	font-weight:normal;
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
	}
.textcolumnleft
{
	
	display:block;
	clear:both;
	float:left;
	color:#818285;
	text-align:left;
	width: 245px;
	height:auto;
	font-size:13px;
	line-height:2;
	padding:0;
	
	}
.textcolumnright h2
{
	display:block;
	width:150px;
	height:52px;
	padding:6px 0 0 60px;
	font-size:22px;
	font-family:Trebuchet MS;
	margin-bottom:15px;
	font-weight:normal;
	background-image:url(../images/calendar.png);
	background-repeat:no-repeat;
	}
.textcolumncenter h2
{
	display:block;
	width:150px;
	height:52px;
	padding:6px 0 0 60px;
	font-size:22px;
	font-family:Trebuchet MS;
	margin-bottom:15px;
	font-weight:normal;
	background-image:url(../images/help.png);
	background-repeat:no-repeat;
	}
.textcolumncenter
{
	
	display:inline-block;
	float:left;
	color:#818285;
	text-align:left;
	width: 245px;
	height:auto;
	font-size:13px;
	line-height:2;
	padding:0;
	
	}
.textcolumnright
{
	display:inline-block;
	float:left;
	color:#818285;
	text-align:left;
	width: 245px;
	font-size:13px;
	line-height:2;
	padding:0;
	
	}

.findus
{
	font-size:11px; 
	font-weight:normal; 
	color:#aaa;
	font-family:Trebuchet MS;
	/*color:#818296; */
	display:block;
	width:100px;
	background-image:url(../images/arrow.jpg);
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	float:right;
	}
.findus:hover
{
	text-decoration:underline;
	}
.verbor
{
	display:inline-block;
	float:left;
	background-image:url(../images/verborindx.png);
	background-repeat:repeat-x;
	height:330px;
	width:2px;
	margin:10px 16px -70px 16px;
	}
.links
{
	display:block;
	clear:both;
	margin:0;
	width:800px;
	height:15px;
	text-align:left;
	z-index:3;
	}
.links ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.links ul li:first-child
{
	margin:0 0 0 150px;
	}

.links ul li
{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline-block;
	margin:0 0 0 170px;
	}
.links ul li a
{
	
	}
/*  ----------------------------------
   page services & faq - one column style
----------------------------------  */

.servicecon
{
	display:block;
	clear:both;
	float:left;
	margin:5px auto 5px auto;
	width:790px;
	height:auto;
	font-size:12px;
	line-height:1.6;
	color:#818285;
	border-bottom:dashed 1px #ddd;
	padding:10px 0;
	}

.servicecon h2
{
	font-family:Trebuchet MS;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 5px 0;
	}
.servicelink
{
	display:block;
	clear:both;
	float:left;
	width:790px;
	height:auto;
	text-align:right;
	font-size:11px;
	margin:5px 0 0 0;
	}
.servicelink a
{
	display:block;
	text-decoration:none;
	}
.servicelink a:hover
{
	text-decoration:underline;
	}
.servicelink ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.servicelink ul li
{
	display:inline-block;
	margin:0 0 0 20px;
	}
.crumbs
{
	display:block;
	font-size:10px;
	color:#818285;
	}
.crumbs a
{
	text-decoration:none;
	color:#818285;
	}
.crumbs a:hover
{
	text-decoration:underline;
	color:#818285;
	}	


/*  ----------------------------------
   page team - one column style
----------------------------------  */
.empl
{
	display:block;
	clear:both;
	float:left;
	width:730px;
	height:auto;
	border-bottom:dashed 1px #ddd;
	padding:5px 25px 5px 33px;
	
	}
.empl .pic
{
	display:inline-block;
	border:none;
	margin:5px 25px 5px 0;
	width:127px;
	
	padding:3px;
	border:solid 1px #818285;
	}
.empl .bio
{
	display:inline-block;
	float:right;
	width:550px;
	height:auto;
	color:#818285;
	text-align:left;
	font-size:12px;
	line-height:1.6;
	position:relative;
	}
.empl h2
{
	font-family:Trebuchet MS;
	font-size:17px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:2px;
	}
.empl h3
{
	font-size:12px;
	font-family:Trebuchet MS;
	margin-top:0;
	}
	
/*  ----------------------------------
   page partners - one column style
----------------------------------  */

.partner
{
	display:block;
	clear:both;
	float:left;
	width:760px;
	padding:5px 15px;
 	border-bottom:dashed 1px #ddd;
	
 }
 
 .partner .pic
 {
 	width:80px;
 	border:none;
 	float:left;
 	margin:10px;
 	padding:3px;
 	border:solid 1px #818285;
 	
 	}
 .partner h2
 {
 	font-family:Trebuchet MS;
 	font-weight:bold;
 	font-size:15px;
 	display:block;
 	clear:both;
 	float:left;
 	margin:0 0 0 15px;
 	}
 .partner h3
 {
 	display:block;
 	clear:both;
 	float:left;
 	font-family:Trebuchet MS;
 	font-weight:normal;
 	margin:0 0 0 15px;
 	font-size:12px;
 	}
 .partner .bio
 {
 	width:780px;
	height:auto;
	color:#818285;
	text-align:left;
	font-size:13px;
	line-height:1.8;
	position:relative;
	}
 	
 .partner .desc
{
 	padding:10px 10px 10px 175px;
 	}
 .partner .topic
 {
 	width:550px;
 	background-color:#ddd;
 	padding:5px 15px;
 	margin:25px 0 0 0;
 	}
 .partner .topic .title
 {
 	font-weight:bold;
 	display:block;
 	font-size:15px;
 	font-family:Trebuchet MS;
 	height:25px;
 	padding:5px 0 10px 0;
 	width:540px;
 	border-bottom:dashed 1px #fafafa;
 	margin-bottom:10px;
 	}
 .partner .link
 {
 	color:#818285;
	font-size:13px;
	text-decoration:none;
 	}
.partner .link:hover
{
	text-decoration:underline;
	} 	


/*  ----------------------------------
   page contact - two columns style
----------------------------------  */

.information
{
	display:block;
	clear:both;
	float:left;
	width:380px;
	border-right:solid 1px #ddd;
	font-family:Arial;
	font-size:14px;
	margin:30px 10px 30px 0;
	color:#818285;
	padding-right:25px;
	}
.information ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.information ul li
{
	display:block;
	padding:7px 0;
	border-bottom:dotted 1px #ddd;
	}
.information ul li a
{
	text-decoration:none;
	color:#8D1917;
	}
.information ul li a:hover
{
	text-decoration:underline;
	}
.information ul li strong
{
	float:left;
	width:100px;
	font-weight:normal;
	}
.information ul li.separator
{
	
	padding:7px 0 7px 100px;
	}
.information .title
{
	font-size:22px;
	font-weight:normal;
	font-family:Trebuchet MS, Arial;
	margin-bottom:25px;
	}
.schedule
{
	display:inline-block;
	width:360px;
	font-family:Arial;
	font-size:14px;
	margin:30px 0 30px 0;
	color:#818285;
	float:left;
	padding-left:20px;
	}
.schedule ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.schedule ul li
{
	display:block;
	padding:7px 0;
	border-bottom:dotted 1px #ddd;
	}
.schedule ul li strong
{
	float:left;
	width:100px;
	font-weight:normal;
	}
.schedule ul li.separator
{
	
	padding:7px 0 7px 100px;
	}
.schedule .title
{
	font-size:22px;
	font-weight:normal;
	font-family:Trebuchet MS, Arial;
	margin-bottom:25px;
	}
.schedule p
{
	font-size:14px;
	line-height:2;
	}
	
/*  ----------------------------------
   page practice - two columns style or one
----------------------------------  */
.practicetext
{
	display:block;
	clear:both;
	float:left;
	width:800px;
	height:auto;
	text-align:left;
	font-size:13px;
	line-height:1.8;
	color:#818285;
	}
.practicetext h1
{
	font-weight:normal;
	font-family:Trebuchet MS, Arial;
	}
.practicetext h2
{
	font-size:20px;
	font-weight:normal;
	font-family:Trebuchet MS, Arial;
	margin:30px 0 20px 0;
	display:block;
	width:800px;
	height:30px;
	border-bottom:dashed 1px #ddd;
	text-transform:uppercase;
	}
.practicetext h3	
{
	font-size:17px;
	font-weight:normal;
	font-family:Trebuchet MS, Arial;
	margin-bottom:10px;
	}
.practicetext ul
{
	list-style-type:square;
	
	}
/*
		Specials ;)
*/
.cite
{
	display:block;
	text-align:center;
	clear:both;
	margin:10px 25px;
	padding:10px;
	line-height:1.8;
	font-size:15px;
	width:720px;
	border:double 4px #ddd;
	color:#818285;
	height:70px;
	}
.cite span
{
	display:block;
	float:right;
	}
.cite2
{
	width:160px;
	height:120px;
	position:absolute;
	right:-20px;
	top:233px;
	z-index:2;
	border-style:double;
	border-color:#6A6B6E;
	border-width:4px;
	background-color:#ffffff;
	padding:30px 10px 0 10px;
	line-height:1.7;
	font-size:14px;
	color:#6A6B6E;
	}
.cite2 span
{
	display:block;
	float:right;
	margin-top:10px;
	}

.images
{
    display:block; 
    list-style-type:none;
    text-align:left;
    clear:both; 
    float:left;
    padding:0;
}
.images li
{
    display:inline-block;
    margin:0 50px 0 0;
    float:left;
    
    *display:inline;
    zoom:1;
}
.images li:last-child
{
    margin:0;
}