/* reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline:none;
	font-family: inherit;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* main css
*/
body, h1, h2, h3, p, a, ul, li, img, textarea, form, label, input  {
	font-family: 'Droid Sans', serif;
	font-size: 12px;
	list-style-type: none;
}
body, html {width:100%;height:100%;line-height:1; background:url(../img/bg.jpg) no-repeat center top;}
img {border:none;}
ul {list-style-type: none;}
h1 {font-size: 14px;}
h2 {font-size: 12px;}
h3 { color:#1f1f1f; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
h4 {}
h5 {}
h6 {}
p {
	font-size: 12px;
	color: #656565;
}
footer p {font-size:11px;}
a {text-decoration:underline;
color:#009933;}
a:hover {text-decoration:underline;
color:#a8cf45;}
a:active {
	text-decoration: underline;
	color: #006633;
}
a.skyp { background:url(../img/skyp.jpg) no-repeat left center; height:22px !Important; padding-left:26px; text-decoration:none; font-size:11px; color:#888; float:left; line-height:22px; margin-top:20px; margin-left:-3px;}
a.skyp:hover { background:url(../img/skyp-h.jpg) no-repeat left center;text-decoration:none;}
label { color:#1f1f1f; font-size:12px; margin-left:10px;}
input, textarea { color:#9f9f9f; font-size:12px; border:1px solid #e3e3e3; padding:9px; margin-bottom:12px; padding-left:12px;}
input { width:359px;}
input.submit {border:0;color:#FFFFFF;width:80px;cursor:pointer; background:url(../img/submit.jpg) no-repeat; width:108px; height:30px;}
input.submit:hover {background:url(../img/submit-h.jpg) no-repeat;}
textarea { width:559px; height:216px; overflow:auto;}
.error_message { font-size:12px; color:#F00; margin-bottom:5px;}
.changeMe { color:#9f9f9f; font-size:12px; border:1px solid #e3e3e3; padding:9px; margin-bottom:12px; padding-left:12px;}
.changeMe option {padding-left:12px;}

#container { background:url(../img/shade.png) repeat-x top;}

#header { width:942px;}
a.logo { float:left; background: url(../img/insignia-logo.gif) no-repeat; width:173px; height: 85px; margin-top:35px; margin-bottom:28px; margin-right:0px; border:0px solid red;}
#navigacija { float:right;width: auto; height:26px;margin-top:65px; z-index:15px; position:relative; right:9px; border:0px solid red; width:auto;}
#navigacija a, #navigacija p{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; font-size:11px;}
#slider-wrapper {margin:0 auto;float:left;}
#slider { position:relative;width:940px; height:329px; border:1px solid #e3e3e3;background:#fff url(../img/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;width:940px; height:329px;}
#slider a {border:0;display:block;}
p.text { float:left; background:url(../img/Insignia-Banner-Animation.gif) no-repeat width:898px; height:50px; margin-top:34px; margin-bottom:38px;}

#main {width:942px; padding-bottom:80px; text-align:left;line-height:18px;}
#main-left { float:left; width:610px; padding-right:30px;}
#main-left img {
	border: solid 6px
#;
	float:left;
	margin-top: 4px;
	margin-right: 18px;
	margin-bottom: 4px;
	margin-left: 0px;
}


#main-right { float:left; width:302px;}
.block { float:left; width:300px; padding-right:20px;text-align:left; line-height:18px;}
.twitter { float:left; width:300px;text-align:left;}
h3.test { background:url(../img/test.jpg) no-repeat; width:79px; height:11px; margin-bottom:19px;}
h3.about { background:url(../img/about.jpg) no-repeat; width:56px; height:11px; margin-bottom:19px;}
h3.twitter { background:url(../img/twitter.jpg) no-repeat; width:82px; height:11px; margin-bottom:10px;}
h3.what { background:url(../img/what-we-do.jpg) no-repeat;width:159px; height:15px; float:left; margin-bottom:6px;}
h3.webdev { background:url(../img/web-development.jpg) no-repeat;width:199px; height:13px; float:left; margin-bottom:18px;}
h3.logo-design { background:url(../img/logo-design.jpg) no-repeat;width:163px; height:13px; float:left; margin-bottom:18px;}
h3.contact {background:url(../img/contact-form.jpg) no-repeat;width:84px; height:11px; float:left; margin-bottom:15px;margin-top:42px;}
h3.contact-info {background:url(../img/contact-info.jpg) no-repeat;width:124px; height:11px; float:left; margin-bottom:15px; margin-top:42px;}
p.text-what { float:left; width:560px; height:107px; background:url(../img/we-do-text.jpg) no-repeat; margin-bottom:35px;}
p.logo-text { float:left; width:523px; height:19px; background:url(../img/logo-text.jpg) no-repeat; margin-bottom:15px; margin-top:5px;}
p.text-portfolio { float:left; width:943px; height:63px; background:url(../img/text-portfolio.jpg) no-repeat; margin-bottom:31px; margin-top:30px;}
.portfolio-block { width:302px; float:left; margin-right:18px; margin-bottom:36px;}
.portfolio-block p{ color:#888; padding-right:20px;}
.portfolio-block img{  margin-bottom:19px;}

#footer {width:942px; text-align:left; padding-bottom:50px;}
#footer p, footer a, #footer p a {text-transform:uppercase; font-size:11px; color:#9f9f9f;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#bottom-links {float:right;}
#bottom-links a, #bottom-links p, #bottom-links {text-transform:uppercase; font-size:11px; color:#9f9f9f;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#fan {float:left;}
#fan a, #fan p{text-transform:uppercase; font-size:11px; color:#9f9f9f;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#line {height:1px; float:left; background:#e8e8e8; margin-top:13px; margin-bottom:13px; width:100%;}

.clear { clear:both;}


/************************ Start drop down menu *****************/
ul#nav {
	float: right;
	position: relative;
	margin-bottom: 25px;
	z-index: 100;
	list-style: none;
	margin-left: 0;
	height:26px;
}
ul#nav li {
	display: block;
	float: left;
	margin-left: 5px;
	position: relative;
	z-index:999;
}
ul#nav li:hover { visibility: inherit;}
ul#nav li a,
ul#nav li a span {
	display: block;
	color: #262626;
}
ul#nav li a {
	background-position: left top;
	height: 26px;
	padding-left: 15px;
	text-decoration: none;
	position: relative;
}
ul#nav li a span {
	background-position: right top;
	height: 26px;
	line-height: 26px;
	padding-right: 10px;
	text-decoration: none;
}
ul#nav li a:hover,
ul#nav li a.current,
ul#nav li a:hover span,
ul#nav li a.current span,
ul#nav li.sfHover > a,
ul#nav li.sfHover > a span,
ul#nav li a:active,
ul#nav li a:active span { background: url(../img/global.png) no-repeat; }

ul#nav li a:hover,
ul#nav li a.current,
ul#nav li.sfHover > a { background-position: left top; }

ul#nav li a:hover span,
ul#nav li a.current span,
ul#nav li.sfHover > a span { color:#fff; background:#fff url(../img/global.png) no-repeat top right !Important; }

ul#nav li a:active { background-position: left; }
ul#nav li a:active span {
	background-position: right;
	line-height: 26px;
}

/* Child Navigation */
ul#nav ul{
	position: absolute;
	top: -999em;
	width: 206px;
	margin-top:8px;
	list-style: none;
	margin-left: 0;
	display: none;
	text-align:left;
}
ul#nav ul ul { margin-top: -5px; }
ul#nav li ul li,
ul#nav li ul li.first_item,
ul#nav li ul li.last_item {
	background: url(../img/drop-bg.png) no-repeat;
}

ul#nav li ul li{
	width: 206px;
	padding: 0 1px;
	height: 23px;
	background-position: left center;
	margin: 0;
}
ul#nav li ul li.first_item {
	background-position: left top;
	padding-top: 20px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 0px;
	border-top-right-radius: 7px;
}
ul#nav li ul li.last_item {
	background-position: left bottom;
	padding-bottom: 20px;
}
ul#nav ul li a {
	background-image: none;
	color: #8a8a8a;
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0;
	padding-left: 12px;
	position: relative;
	text-decoration: none;
	width: 194px;
	z-index: 99;
}

/* Fixes bottom border when there is lots of child ULs */
ul#nav ul li.last_item li a,
ul#nav ul li.last_item li.last_item li a,
ul#nav ul li.last_item li.last_item li.last_item li a { border-bottom: solid 1px #a3a3a3; }

ul#nav ul li.last_item a,
ul#nav ul li.last_item li.last_item a,
ul#nav ul li.last_item li.last_item li.last_item a,
ul#nav ul li.last_item li.last_item li.last_item li.last_item a { border-bottom: none; }

ul#nav ul li a:hover {
	color: #fff;
	border-bottom: none;
	text-decoration: none;
	background:#323232 !Important;
}
ul#nav ul li.sfHover > a {
	color: #fff;
	background-position: left -329px;
}
ul#nav ul li a:active { line-height: 23px; }
ul#nav li:hover ul, 
ul#nav li.sfHover ul{
	left:0;
	top:1em;
	z-index:99
}
ul#nav li:hover li ul, 
ul#nav li.sfHover li ul,
ul#nav li li:hover li ul, 
ul#nav li li.sfHover li ul{ top:-999em }

ul#nav li li:hover ul, 
ul#nav li li.sfHover ul,
ul#nav li li li:hover ul, 
ul#nav li li li.sfHover ul{
	left: 150px; /* match ul width */
	top:0
}

/* Child indicator */
ul#nav li a.sf-with-ul:active .sf-sub-indicator,
ul#nav li li a.sf-with-ul .sf-sub-indicator,
ul#nav li li a.sf-with-ul:hover .sf-sub-indicator,
ul#nav ul li.sfHover > a.sf-with-ul .sf-sub-indicator {}

ul#nav li a.sf-with-ul .sf-sub-indicator {
	background-image: none !Important;
	background: none !Important;
	margin: 0;
	padding:0;
	display: block;
	text-indent: -9999em;
	position: absolute;
	top: 15px;
	right: 10px;
}
ul#nav li li a.sf-with-ul .sf-sub-indicator { right: 3px; }
ul#nav li a.sf-with-ul span {}
ul#nav li a.sf-with-ul:active .sf-sub-indicator { background-position: -19px 4px; }
ul#nav li li a.sf-with-ul .sf-sub-indicator {
	top: 10px;
	margin: 0 5px;
	background-position: left bottom;

}
ul#nav li li a.sf-with-ul:hover .sf-sub-indicator,
ul#nav ul li.sfHover > a.sf-with-ul .sf-sub-indicator {
	background-position: -23px bottom;
}
ul#nav ul.mega {
width:802px !Important;
background:url(../img/big.png) repeat-y bottom center;
padding-top:10px!Important;
padding-bottom:20px!Important;
}
ul#nav ul.mega li {
width:196px !Important;
}
ul#nav ul.mega li:first-child {padding-top:0;!Important}
ul#nav ul.mega li.blocks-bottom { 
background:none!Important;
width:802px!Important;
position:absolute!Important;
bottom:0!Important;
height:20px!Important;
padding-bottom:0!Important;
cursor:pointer;
}
ul#nav ul.mega li.drop-arrow {
background: url(../img/upp.png) no-repeat 395px center!Important;
width:802px!Important;
position:absolute!Important;
bottom:0!Important;
height:20px!Important;
padding-bottom:0!Important;
cursor:pointer;
}
.blocks-body {
clear: both; 
display:none;
}
ul#nav li ul .blocks-body li.last_item {padding-bottom:0!Important}
/************************ End drop down menu *****************/

/*================================== css for twitter ==================================*/
#twitter { float:left;}
.twitted {
	width: 280px;
	margin-bottom: 1.3em;
	border: 0px solid #888;
	color: #656565;
	font-size:12px;
}
.twitted h2 {
	margin: 0;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}
.twitted p.preLoader {
	margin: 0;
	background: transparent url(../img/loader.gif) 1em center no-repeat;
	text-align:center;
	/* generate your own loader gif: http://www.ajaxload.info */
}
.twitted ul#twitter_update_list {
	margin: 0;
	list-style-type: none;
}
.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0em 0 0.9em 0;
	border-bottom: 1px solid #e8e8e8;
}
.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	padding-top:0.9em;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #a8cf45;
	font-size:12px;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #999;
	font-size:12px !Important;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #656565;
	background-color: #ddd;
}

a.twitt { float:left; font-size:12px; color:#a8cf45;}

/*================================== css for kocka gallery ==================================*/
ul.kocka {
	width: 942px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
	margin-top:28px;
	float:left;
}
ul.kocka li {
	float: left;
	margin-right:18px; padding: 0;
	text-align: center;
	border:1px solid #e3e3e3;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.kocka li a.thumb {
	width:300px; /*--Width of image--*/
	height:131px; /*--Height of image--*/
	cursor: pointer;
}
ul.kocka li span { /*--Used to crop image--*/
	width:300px;
	height:131px;
	overflow: hidden;
	display: block;
}
ul.kocka li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.kocka li a {text-decoration: none; color: #777; display: block;}

/*================================== css for kocka gallery ==================================*/
ul.portfolio {
	width: 300px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
	height:131px;
}
ul.portfolio li {
	float: left;
	padding: 0;
	margin: 0;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	margin-bottom:15px;
	border:1px solid #e3e3e3;
}
ul.portfolio li a.thumb {
	width:300px; /*--Width of image--*/
	height:131px; /*--Height of image--*/
	cursor: pointer;
}
ul.portfolio li span { /*--Used to crop image--*/
	width:300px;
	height:131px;
	overflow: hidden;
	display: block;
}
ul.portfolio li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.portfolio li a {text-decoration: none; color: #777; display: block;}

/******************** TESTIMONIALS **************************/
#testimonials_bubble {
	background: url(testimonials.png) top left no-repeat;
	height: 256px;
	width:300px;
	padding-right:20px;
	text-align:left; 
	line-height:18px;
}
#testimonials_container {
	width:300px;
	height: 256px;
}
#testimonials_txt {
	height: auto;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-style:italic;"
}
#testimonials_name {
	float:left;
}
#testimonials_department {
	float:left;
	color:#9f9f9f;
}