@charset "utf-8";
/* CSS Document */

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

/*

* Filename:		framework.css
* Description: 	global CSS framework
* Version:      1.0.0 (11.07.2011)
* Website:		kostadino.com
* Author:		Bojan Kostadinovic

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

== COLORS =====


*/

html, body { position:relative; width: 100%; }


#container, .wrap_center {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0;
}

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

#header { 
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	z-index:35;
}

/*-------------------------------------------------------------------------------------------
 LOGO
---------------------------------------------------------------------------------------------*/

#logo { 
	margin:3px auto; 
	width:980px; 
	float:left; 
	display:block; 
	position:relative; 
	padding:0;
}

#logo a {
	width:335px;
	height:110px;
	margin:0 auto;
	display:block;
	position:relative;
}

.border { border: 2px solid #ABB532; }
/*-------------------------------------------------------------------------------------------
 NAVIGATION
---------------------------------------------------------------------------------------------*/

#nav_wrap {
	width:100%;
	position:relative;
	margin:0 auto;
	z-index:35;
}


#nav {
	width:980px;
	position:relative;
	margin:0 auto;
	padding:0;
	height:57px;
}

#nav li { 

 display: block; margin:8px 0 0; float: left;
font:normal 14px/49px 'TitilliumMaps26L500wt' ,Arial, Helvetica, sans-serif;
 }

#nav li a { 
	float:left;
	position:relative;
	display:block;
	padding: 0 18px;
}

#nav li ul { margin-top: 40px; display: none; }

#nav ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  margin-left: -2px;
  border-left: 1px solid #A5C8BF;
  border-right: 1px solid #A5C8BF;
  padding: 0px 12px;
  background: #2C5463;
  white-space: nowrap;
  width: 180px;
}
#nav ul li a:last-child { border-bottom: 1px solid #A5C8BF; }
#nav ul li a:hover { background: #FFF; }
#nav li:hover ul {
  display: block;
  position: absolute;
  width: 180px;
}
#nav li:hover li {
  float: none;
  font-size: 11px;
}
#nav li:hover a { background: #D6E8DF; }
#nav li:hover li a:hover { background: #CCC; }

#nav li.selected a, #nav li a:hover { display:block; } 


/*-------------------------------------------------------------------------------------------
 BIG BACKGROUND IMAGE
---------------------------------------------------------------------------------------------*/
#big_bg { 
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}


.hor_sep {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	height:1px;
	margin:20px 0 10px;
}

#shadow {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;	
}


/*-------------------------------------------------------------------------------------------
 ANIMATION
---------------------------------------------------------------------------------------------*/
#animation { 
	float:left; 
	display:inline; 
	position:relative; 
	width:735px;
	height:300px;
}

#anim {
	display:block;
	width:715px;
	height:280px;
	float:left;
	position:relative;
	margin:10px;
	overflow:hidden;
}

#anim img { display:block;}

/*-------------------------------------------------------------------------------------------
 PAGE IMAGE
---------------------------------------------------------------------------------------------*/
#page_image { 
	float:left; 
	display:inline; 
	position:relative; 
	width:980px;
	height:170px;
}

#page_image img { display:block; max-width:960px; margin:10px; }


/*-------------------------------------------------------------------------------------------
 SMALL SIDEBAR
---------------------------------------------------------------------------------------------*/

#small_sidebar {
	float:left;
	position:relative;
	display:inline;
	width:245px;
	height:300px;
}

#ask { 
	position:absolute;
	bottom:0;
	left:0;
	width:245px;
	height:65px;
	text-align:center;
	padding-top:10px;
}

/*-------------------------------------------------------------------------------------------
 CONTENT
---------------------------------------------------------------------------------------------*/

.content_wrap {
	float:left;
	display:inline;
	position:relative;
	width:980px;
	margin:0;
	overflow:hidden;
}
.box_full
{
	width: 699px;
	padding: 20px;
}
.box_full p { text-align: justify; }

/*-------------------------------------------------------------------------------------------
 FORM // NEWSLETTER
---------------------------------------------------------------------------------------------*/

.text { 
	border: 1px solid; 
	padding:8px 3px; 
	margin-bottom:10px; 
	width:260px; 
}

.text_area { 
	border: 1px solid;
	height:100px; 
	width:260px;
	padding:8px 3px;
	max-width:260px; 
	max-height:100px;
	margin-bottom:10px;
}

form label { display:block; margin-bottom:5px;}

#newsletter label { display:block;}

#newsletter li { float:left; display:inline; position:relative; margin-right:4px; }

#newsletter li .text { width:215px; }

.email_button {
	border:none;
	cursor:pointer;
	height:37px;
	width:102px;
}

/*-------------------------------------------------------------------------------------------
 BUTTON
---------------------------------------------------------------------------------------------*/

.blue_btn { height:37px; width:102px; }

/*-------------------------------------------------------------------------------------------
 ENTRY
---------------------------------------------------------------------------------------------*/

.entry_wrap {
	float:left;
	position:relative;
	display:inline;
	width:735px;
	margin:0;
	padding:0;
}

.entry {
	float:left;
	position:relative;
	display:inline;
	width:715px;
	margin:20px 10px 0;
	padding:0;
}


.entry_half {
	float:left;
	position:relative;
	display:inline;
	width:345px;
	margin:0px 10px 0;
	padding:0;
}

.entry_full {
	float:left;
	position:relative;
	display:inline;
	width:960px;
	margin:20px 10px 0;
	padding:0;
}

.bullet_list, .news { display:block; }

.bullet_list li { 
	float:left; 
	display:inline; 
	padding-left:20px; 
	margin:10px 20px 0 0;
}

.entry_half .bullet_list li { 
	float:left; 
	display:inline; 
	padding-left:20px; 
	margin:10px 20px 0 0;
	width:132px;
}

.news li { float:left; display:inline; width:340px; margin:0 15px 20px 0;}

.news li a { display:block; float:right; text-decoration:underline;}

.news li p { margin-bottom:10px;}

.news li h4 a { float:none; text-decoration:none;}

/*-------------------------------------------------------------------------------------------
 SIDEBAR
---------------------------------------------------------------------------------------------*/

#sidebar, #sidebar_two {
	position:relative;
	float:left;
	display:inline;
	width:225px;
	padding:20px 10px 4000px 10px;
	margin: 0 0 -3990px 0;
}

#sidebar img, #sidebar_two img { display:block; margin:0 auto;}
/*#sidebar img, #sidebar_two img { display:block; margin:0 auto; width:94px; height:129px;}*/

/*-------------------------------------------------------------------------------------------
 LINKS
---------------------------------------------------------------------------------------------*/

.links { margin:20px 0;}

.links li { display:block; }

.links li a { display:block; padding:10px 0;}

/*-------------------------------------------------------------------------------------------
 FOOTER
---------------------------------------------------------------------------------------------*/

#footer { position:relative; width:980px; margin:0 auto; }

.footer_list_wrap { position:relative; width:100%; margin:0;}

#footer_nav {
	width:980px;
	position:relative;
	display:block;
	height:35px;
	margin:0 auto;
}

#footer_nav li { float:left; display:inline; position:relative; }

#footer_nav li a { padding:0 10px; margin:0 10px;}

#additional_link_list { padding:20px 0;}

#additional_link_list ul { float:left; display:inline; width:160px;	}

#additional_link_list ul li { margin-left:15px; margin-bottom:5px;}

#copyright { width:980px; display:block; position:relative; margin:20px 0; }

/*-------------------------------------------------------------------------------------------
 REST
---------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.floatleft{ float:left; }

.floatright{ float:right; }

.alignleft{ float:left; margin:0px 15px 15px 0pt; }

.alignright{ float:right; margin:0px 0pt 15px 15px; }

.aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; }

.inline { display:inline;}