@import url('meniu.css');
/**** Reset ***/
body, html				{ height: 100%; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; }
body					{ font: 62.5% "Trebuchet MS", Arial; }
:focus					{ outline: 0; }
p						{ font-size: 1.2em; }
a img					{ border: none; }

/*** General classes ***/
.clearfix				{ width: 100%; height: 0; clear: both; display: block;}/* clearfix for floated elements */
.clear					{ clear: both; }
.hidden					{display: none;}
.right					{float: right;}
.left					{float: left;}
.full-width				{width: 100%;}
.big					{ font-size: 120%; }
.light-brown			{ color: #d8cdae; }
.white					{ color: #fff; }
.blue					{ color: #06C !important; }
.bt10					{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}

/*** Links ***/
a						{ cursor: pointer; }
a.more-link, a.more-link span {display: inline-block; height:22px; }
a.more-link				{padding-left: 15px; background: url(../img/bt-casual-left.png) no-repeat; color:#333; margin-top: 5px; text-decoration: none; }
a.more-link span		{ background: url(../img/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px;}

/*** General headings ***/
h1						{ font: bold italic 2.8em "Times New Roman", Times, serif; }
h3						{ font: bold italic 2.4em "Times New Roman", Times, serif; }
#posts h4 {margin-bottom: 8px;}
#posts h4 a {color:#333; text-decoration: none; text-transform: uppercase;}
#posts h4 a:hover {text-decoration: underline;}
h3#blog-title {margin-bottom:1px; padding-bottom:10px}

/*** General layout ***/
#home, #portofolio, #about { min-height: 600px;height: 100%;min-width: 960px;position: relative;}
.top					{overflow: hidden;background-repeat: no-repeat;background-position: top left;}
.top .logo				{display: block;margin: 5px 0 0 35px; }
.content				{overflow: hidden;padding: 0 0 0 36px;position: absolute;top: 50%;left: 0;z-index: 20; }
.content .h1, .content .h2 {display: block;}
.content div.left, .content p.right, .content div.right {float: left;width: 205px;margin: 1em 21px 0 3px;}
.bottom					{position: absolute;left: 0;bottom: 0;width: 100%; z-index: 15;}
	
/*** Home page ***/
#home					{color: #464646;background-color: #51cef4; }
#home a					{color: #464646;background-color: inherit;}
#home .top				{height: 100px; background: #51cef4 url(../img/under_water.jpg) top left no-repeat; position: relative; z-index: 0;}
#home .content			{margin-top: -200px;}
#home .content .h1		{ background: url(../img/home_content_h1.png) no-repeat; width: 703px; height: 60px; text-indent: -958em; overflow: hidden; }
#home .content .h2		{margin: 11px 0 0 2px; background: url(../img/home_content_h2.png) no-repeat; width: 560px; height: 34px; text-indent: -958em; overflow: hidden; margin: 0 0 20px 20px; }
#home .content div.left, #home .content div.right	{ width: 315px; padding-left: 20px; }
#home .bottom			{height: 380px; background: url(../img/under_water_scene.jpg) left bottom no-repeat; }
#home .bottom em		{color: #c2b59b;background-color: inherit;}
	
/*** About page ***/
#about					{color: #ffffff; background: #4e452d url(../img/about_bg.gif) bottom left no-repeat;}
#about a				{ background-color: inherit; color: #b8a97f;}
#about em				{color: #c49a6d;background-color: inherit;}
#about .top				{height: 37i5px;background: #4e452d url(../img/about_top.gif) top left no-repeat;}
#about .content			{ width: 950px;margin-top: -120px; height: 440px;}
#about p.links			{padding: 0 0 0 24px;background: url(../img/about_contact_icons.png) no-repeat;}
#about p.links.email	{background-position: 2px 2px;}
				
#contact_form			{display: block;margin: 0;position: absolute; top: 0;left: 540px;}
#contact_form .inner	{width: 335px;padding: 13px 19px 10px 19px;color: #3c2313;background-color: #6b6040;}
#contact_form h3		{ color: #fff; font-size: 2.2em; }
#contact_form h3 span	{ display: block; font-size: 0.8em; }
#contact_form .input, #contact_form textarea {color: #3c2313;background-color: #b8a97f;border: none;width: 317px;padding: 8px 9px;font-size: 14px;line-height: 18px; display: block;margin-top: 3px;}
#contact_form textarea { overflow: auto;}
#contact_form label		{display: block;margin: 13px 0 9px 0;font-size: 1.2em; color: #b8a97f; }
#contact_form .submit	{ background: url(../img/about_form_submit.gif) no-repeat; width: 102px; height: 29px; border: 0; cursor: pointer;}
#about .bottom em		{display: block;padding: 0 0 10px 37px;}
			
/*** Portofolio page ***/
#portofolio				{color: #bfd8e7;/*background-color: #71b3cf;*//*background-image: url('../img/portofolio_bg.png');*/}
#portofolio a			{color: #025aa2;background-color: inherit;text-decoration: none;}
#portofolio .top		{height: 100%; background: url(../img/nori.jpg) left top no-repeat; }
#portofolio .bottom		{height: 213px; background: url(../img/water.jpg) left bottom no-repeat;}
#portofolio .content	{margin-top: -100px;overflow: visible;padding: 0;width: 100%;}
#portofolio .content img.h1 {float: left;margin-left: 36px;}
#portofolio .content .portofolio, #content-slider, #content-sliderGrafica, #content-slider3d, #content-sliderBranding {margin: -32px 75px 0 219px;position: relative;overflow: hidden;}
			
#content-slider, #content-sliderGrafica, #content-slider3d, #content-sliderBranding {top: -64px;height: 15px;background-image: url('../img/slider_bg.png');background-repeat: repeat-x;background-position: 0 7px;overflow: visible;}
#content-slider .ui-slider-handle, #content-sliderGrafica .ui-slider-handle, #content-slider3d .ui-slider-handle, #content-sliderBranding .ui-slider-handle {position: absolute;top: 0;left: 0;width: 67px;height: 18px;background-image: url('../img/slider.gif');background-position: center center;background-repeat: no-repeat;}
			
/* JS resizes width acording to number of childs */
#portofolio .content .portofolio ul {list-style: none;margin: 0;padding: 0;overflow: hidden;width: 1500px;}
#portofolio .content .portofolio ul li {margin: 0 20px 0 0;padding: 0;width: 285px;float: left;}
#portofolio .content .portofolio ul li > a {display: block; background: #dfeef7; padding: 6px 6px 3px 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; }
#portofolio .content .portofolio ul li > a:hover {display: block; background: #b7dcee; }
#portofolio .content .portofolio ul li p {padding: 0;margin:  32px 15px 0 0;line-height: 18px; color: #666; }


/*** Home featured section headings ***/
#featured				{padding: 20px 0; width: 950px; }
#featured				{padding-top: 30px; color:#fff}
#featured-info, #home-featured-nav {float: left;}
#featured-images		{float: right;}
#featured-info			{ width: 400px;	margin-top: 72px; }
#featured-info ul		{position: relative; height: 1400px; top: -1000px;}/*IE Flickering bug*/
#featured-info ul li	{height:200px;}
#featured-info p		{margin: 10px 0; color: #000; }
#featured-info h1		{ background: #51cef4; }
#featured-info h3 a		{ text-decoration: none; font-size: 0.9em; }
#featured-info p strong	{color:#fff;}

a.home-read-more-button	{background: url(../img/bt-home-readmore.gif) no-repeat; width:103px; height: 42px; margin-top: 25px;
display:block; text-indent: -9999px; }

/*** Featured images ***/
#featured-images		{width: 450px; height: 340px; background: url(../img/dot.png);
position:relative; z-index:2; padding: 16px; margin-left: 10px; }
#images					{margin: 0;}
#images ul				{position: relative; width: 2478px; left: -1770px;}/*IE Flickering bug*/
#images ul li			{width: 450px; height: 340px; overflow:hidden;}
span.glare				{background: url(../img/computer-glare.png) no-repeat; display:block; position: absolute; right: 25px; top: 30px;
width: 219px; height: 239px; z-index: 9; }

/*** Featured slider navigation ***/
ul#home-featured-nav	{background: url(../img/dot.png); width: 33px; height: 48px; margin-left: 15px; margin-top: 127px;
 padding-top: 12px; }
ul#home-featured-nav li	{margin-bottom: 5px;}
ul#home-featured-nav a	{width: 16px; height: 18px; display: block; text-indent: -9999px; margin: auto;
filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
ul#home-featured-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
ul#home-featured-nav li.next a {background: url(../img/homeslider-arrow-down.png) no-repeat; margin-left: 10px;}
ul#home-featured-nav li.prev a {background: url(../img/homeslider-arrow-up.png) no-repeat;}

/*** Posts ***/
#home-blogposts			{ width: 450px; border-bottom:1px solid #6b6040; position: relative; padding: 0 0 15px 0; margin-bottom: 25px; }
#posts					{padding-top:0;overflow: hidden; height: 280px;}
#posts ul				{position: relative; height: 1625px; top: -650px;}
#posts ul li			{overflow: hidden; height: 280px; float: none; width: 450px;}
#posts h4				{ font-size: 1.6em; color: #b8a97f; }
span.date				{color: #999; padding-left: 22px; display: block; background: url(../img/icon-date.png) no-repeat; font-size: 0.9em;line-height:18px; margin-bottom: 10px; }
img.post-thumb			{ border: 1px solid #666;float: left; margin: 0 12px 12px 0;}

ul#home-blogposts-nav	{width: 43px; height: 20px; padding: 4px 0 0 5px; background: #6b6040; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; position: absolute; right: 0; bottom: -12px; }
ul#home-blogposts-nav li	{float: left;}
ul#home-blogposts-nav a	{display: block; width: 16px; height: 16px; margin-right: 5px; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6; padding:0px;}

ul#home-blogposts-nav a span {display: none;}
ul#home-blogposts-nav li.prev a {background: url(../img/arrow-low-prev.gif) no-repeat;}
ul#home-blogposts-nav li.next a {background: url(../img/arrow-low-next.gif) no-repeat;}

.servicii				{}
.servicii li			{ font-size: 1em; padding-left: 20px; background: url(../img/bullet.gif) 0 5px no-repeat; padding-bottom: 6px; }
#home .servicii li		{ background: none; background: url(../img/white_bullet.gif) 0 5px no-repeat; font-weight: bold; padding-left: 14px; }
.servicii li a			{ color: #e1d6b8; }


/*** Categories ***/
.tabsNav				{}
.tabNavigation			{ width: 180px; text-align: right; font: bold italic 1.9em "Times New Roman", Times, serif; float: left; }
.tabNavigation li.title	{ font-size: 2.1em; padding-bottom: 40px; }
.tabNavigation li		{ padding-bottom: 14px; }
.tabNavigation a.selected { color: #f78900 !important; }