/*
Site: Indigo! Web Development Studio
Author: Dragan Stefanov

colors:
	separators: #434343
	p text    : #cccccc
	body			: #333333

*/

html, body										{margin: 0 0 10px 0; padding: 0; background:#333333 url(../images/bodyBg.jpg); 
															font: .87em 'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif; color: #cccccc; height: 100%}

ul 														{ margin: 0; padding: 0 0 0 15px; }
															
img, img a 										{border:0}

div														{position: relative}

h1														{margin: 0;}

strong												{font-weight: normal; color: #fff;}

a 							 							{color: #666666; text-decoration: none; }
a:hover												{color: #999}

#pageContainer								{background:url(../images/headerBg2.jpg) repeat-x; height: 100%;}

#topSection, #header, 
#descSection, #mainSection, 
#footer												{width:960px; margin: auto;}

#topSection										{height: 52px; background: url(../images/topBg.jpg) no-repeat left}

#header												{height: 105px; overflow: hidden; background: url(../images/topBg.jpg) no-repeat left}

#header h1										{width: 142px; height: 43px; background:url(../images/indigo_logo.png); text-indent: -9999px; position: absolute; top:44px; left:2px; }


ul#topMenu										{list-style: none; position: absolute; top:56px; right: 2px}
ul#topMenu li									{display: block; margin: 0 10px 0 0; float: left; 
															font-family: Arial; text-transform: uppercase;}
															
															
ul#topMenu li a 							{display:block; color: #666666; text-decoration: none; padding: 3px 4px; }
ul#topMenu li a:hover					{color: #333333}

ul#topMenu li a.current				{background: #f1f1f1; border:1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius:4px; padding: 2px 3px;}

#descSection									{height: 92px;}

#descSection h2								{width:955px; height:27px; text-indent: -9999px; background:url(../images/descTxt.png) no-repeat; position: absolute; top:15px; }


#mainSection									{margin: 10px auto; overflow: hidden;}

#mainCol											{width: 676px; float: left; border-right: solid 1px #434343; min-height: 550px; height:auto !important; height: 550px;}

#mainCol h3										{margin: 30px 0 }

#mainCol p										{margin: 10px 20px 10px 0px}

.carousel											{margin: 0px; padding: 0 0 16px 0;}
.carousel img									{border: 1px solid #fff}
.carousel ul li								{margin: 0 18px 0 0;}
.prev, .next									{position: absolute}
.prev 												{bottom: 0px; right: 28px}
.next 												{bottom: 0px; right: 18px}

.prev img, .next img					{border:0;}


#sidebar											{width: 280px; float: right;}

#sidebar ul 									{list-style: none; padding: 10px 0;}
#sidebar ul li								{margin: 0 15px 10px 0; display: inline}

#sidebarContainer							{margin: 10px 0 0 10px}

/* HEADING LABELS */

.wstudio											{width:142px; height: 23px; text-indent: -9999px; background:url(../images/label_webstudio.png) no-repeat }

.nposlovi											{width:210px; height:28px; text-indent: -9999px; background:url(../images/label_najnoviji_poslovi.png ) no-repeat}

.mreza												{width:185px; height:30px; text-indent: -9999px; background:url(../images/label_mreza.png) no-repeat}

.partneri											{width:96px; height:21px; text-indent: -9999px; background:url(../images/label_partneri.png) no-repeat}

.tehnologije									{width:146px; height:28px; text-indent: -9999px; background:url(../images/label_tehnologije.png) no-repeat}

.umedijima 										{width:159px; height:28px; text-indent: -9999px; background:url(../images/label_umedijima.png) no-repeat }

.wresenja 										{width:159px; height:30px; text-indent: -9999px; background:url(../images/label_webresenja.png) no-repeat }

.portfolio 										{width:107px; height:23px; text-indent: -9999px; background:url(../images/label_portfolio.png) no-repeat}

.kontakt 	 										{width:96px; height:23px; text-indent: -9999px; background:url(../images/label_kontakt.png) no-repeat}

.indigocart										{width:173px; height:29px; text-indent: -9999px; background:url(../images/solutions/indigocart.png) no-repeat}

/* */

#network											{height: 140px; border-top:1px solid #434343; margin-right:10px; overflow: hidden }
#network div									{width: 220px; height: 120px; margin: 10px 0; float: left; border-right: 1px solid #434343;}


a#mobee												{display:block; width: 100px; height: 100px; text-indent:-9999px; 
															position: absolute; top:8px; left: 60px; background: url(../images/net/mobee1.png)}
a#mobee:hover									{background-position:100px 0;}

a#ukusno											{display:block; width: 179px; height: 40px; text-indent:-9999px; background: url(../images/net/ukusno1.png);
															position: absolute; top:38px; left: 20px;}
a#ukusno:hover								{background-position:179px 0;}

a#bposlovi										{display:block; width: 184px; height: 56px; text-indent:-9999px; background: url(../images/net/bposlovi1.png);
															position: absolute; top:32px; left: 14px;}
a#bposlovi:hover							{background-position:184px 0;}


/* KONTAKT */

.loaderIcon										{position: absolute; top:27px; right: 20px;}

#contactForm input						{width: 280px; height: 23px; padding: 7px 3px 0; border: 2px solid #ccc; font-size: 14px;}
#contactForm textarea 				{width: 380px; height: 80px; padding: 3px; border: 2px solid #ccc; font-size: 12px; font-family: Tahoma}

#contactForm .button					{background: #444; border: 1px solid #666; width: 80px; padding: 0; font-size: 12px; color: #ccc}
#contactForm ul 							{color: #fff; list-style: disc; padding: 0 0 0 14px}
#contactForm ul#response li 	{color: #fff;}

/* MEDIA */

#media small									{color: #666;}


/* FOOTER */
#footer												{overflow: hidden; margin: 5px auto 20px; border-top:1px solid #434343; clear: both}
.copy													{float: right;}
.copy img											{border: 0;}

ul#footerMenu										{list-style: none; padding:0; margin: 10px 0; text-align: left;}
ul#footerMenu li								{display: inline; padding: 0 10px 0 0; text-transform: uppercase}
ul#footerMenu li a 							{color: #666666; text-decoration: none; padding: 2px 3px; }
ul#footerMenu li a:hover				{color: #999}