/*  -----------------------------------------------------
    
	INFO
	
	Project:				Vintage
	Version:				1.0
	Last change:			--/--/--
	Author:					Milan Zivkovic
	Author URL:				http://www.designer.rs

	- - - - - - - - - - - - - - - - - - - - - - - - - - -

	COLORS
	
	link:					#999;
	text:					#666;
	background:				#f3f2e9;

	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	TABLE OF CONTENTS
   
	=Reset CSS
	=Basic
	=Body
		=Container
			=Header
				=Navigation
			=Content
			=Footer
    
	----------------------------------------------------- */



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

	=Reset CSS
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	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, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	* {font-size:100.01%}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		color: #fff;
		font: 12px/1.6em  Arial, Helvetica, sans-serif, Times, serif;

	}
	ol {
		list-style-position: inside;
	}
	ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	/*blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}*/


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

	=Basic
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	a:link, a:visited {
		color: #999;
		text-decoration: none;
	}
	
	h1,
	h2,
	h3 {
		font-weight: bold;
	}
	
	h1 {
		font-size: 14px;
	}
	
	h3 {
		background-color:#F6F8EA;
		font-style: italic;
	}
	
	h4 {
		
		color: #10100f;
		font-size: 14px;
		padding: 0 0 0px 0px;
	}
	
	h5 {
		background-color:#FFC;
		color: #aaa;
		font-size: 9px;
	}
	
	h6 {
		background-color:#F6F8EA;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		text-align:center;
		
		padding-bottom:5px;
	}
	
	a:hover, a:active {
		text-decoration: underline;
	}
	
	ul li {
		background:  no-repeat left center;
		padding-left: 0px;
	}
	
	p,
	ul,
	ol,
	h1,
	h2,
	h3,
	hr,
	blockquote,
	table,
	#projects {
		margin-bottom: 1em;
	}
	
	em {
		font-style: italic;
	}
	
	strong,
	th,
	dt {
		font-weight: bold;
	}
	
	img {
		
	}
	
		img:hover,
#projects img:hover {
			border-color: #999;
		}
	
	hr {
		background-color: #ccc;
		border: 0;
		color: #ccc;
		height: 1px;
	}
	
	th,
	td {
		line-height: 30px;
	}
	
	small {
		font-size: 10px;
		font-style: italic;
	}
	
	.width_280 {
		width: 160px;
		
	}
	
	.width_320 {
		width: 320px;
	}
	
	.width_590 {
		
		width: 400px;
		
	
	}
	
	.featured {
		width: 500px;
	}
	
	blockquote {
		font-style: italic;
		background: url(../images/style-gray/quote.gif) no-repeat 0 4px;
		text-indent: 15px;
	}
	
	.main {
	
		
		text-align: justify;
	
	}
	
	.col {
		float: left;
		margin-left:0px;
		margin-top:0px;
		padding-left:40px;
	}
	
		
	
	#header .col {
		margin-right: 80px;
	}
	
	#container .last {
		margin-right: 0;
		display: inline;
	}
	
	#content .col {
		
		margin-top: 0px;
	}
	
	.box {
	
	
margin-top:0px;
		margin-bottom: 0px;
	}
	
	.width_590 li {
		border-top:#999 dotted 1px;
		text-indent:10px;
		font-style:italic;
		text-indent:inherit;
		background-color: #F7F7F7;
		height:20px;
		padding-top:2px;
		
		text-align:center;
	


		
	}
	
	
	.social {
	
		width:48px;
		margin-right:10px;
		margin-top:0px;
	
	}
	
	.width_590 .box {
	
	}
	
/*  -----------------------------------------------------

	=Body
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	body {
		background: #FFFAF4 url(../images/bg.png) repeat-x;
		color: #666;
		text-align: center;
	}


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

	=Container
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#container {
		
		background-image: url(../images/page.png);
		background-repeat:no-repeat;
		margin: 0px auto;
		margin-top:100px;
		text-align: left;
		width: 950px;
		height:900px;
	}


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

	=Header
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#header {
		
		margin-top:0px;
		color: #e6e6e6;
		height: 0px;
		position: static;
		margin-left:5px;
		margin-bottom:0px;
		
	
	}
	
		#header .brand {
			
			width:900px;
			border: 0;
		
			margin-top:0px;
			padding-bottom: 0px;
		}
	


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

	=Content
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#content {

		margin-top:0px;
		
		
		margin-left:25px;
		
		
	}

		.col.width_280 h4.news {
			
			background:   url(../images/col-bg-small.png) no-repeat;
			height:24px;
			text-align: center;
			margin-top:5px;
			margin-bottom:0px;
			
		
		
		
		}
		
		.col.width_590 h4.news {
			background:  #FC6 url(../images/col-bg-250px-top-blog.png);
		}
		
		.col.width_280 h4.services {
			background:  #FC6 url(../images/col-bg-250px-top-blog.png);
		}
		
		.col.width_590 h4.services {
			background:  #FC6 url(../images/col-bg-250px-top-blog.png);
		}
		
		.col.width_280 h4.flicker {
			background:  #FC6 url(../images/col-bg-250px-top-blog.png);
			text-align:left;
			
		}
		
		.col.width_280 h4.testimonials {
		background:  #FC6 url(../images/col-bg-250px-top-blog.png);
		}
		
		.col.width_280 h4.twitter {
			background:  #FC6 url(../images/col-bg-250px-top-blog.png);
			text-align:left;
			
		}
		
		.col.width_590 h4.about {
			background: #fff url(../images/col-bg-590px-top-about.gif)
		}
		
		.col.width_590 h4.hire {
			background: #fff url(../images/col-bg-590px-top-hire.gif)
		}
		
		.col.width_590 h4.portfolio {
			background: #fff url(../images/col-bg-590px-top-portfolio.gif)
		}
		
		.main .box h4,
		.main .box {
			width:400px;
			overflow: hidden;
		}
		
		.services li {
			background-image: url(../images/style-gray/bullet.gif);
		}
		
		.flicker img {
			margin: 0 1px;
		}
		
		.twitter {
			position: relative;
		}
		
			.twitter .twitter-btn {
				background: url(../images/style-gray/followme.gif) no-repeat;
				bottom: -10px;
				color: #fff;
				display: block;
				line-height: 25px;
				padding: 0 17px;
				position: absolute;
				right: 10px;
			}
		
		#slider {
			width: 500px;
			margin: 0 auto;
			position: relative;
		}
		
		.scroll {
			height: 250px;
			width: 500px;
			overflow: hidden;
			position: relative;
			clear: left;
		}
		
		.scrollContainer div.panel {
			height: 250px;
			padding-top: 10px;
			width: 500px;
		}
		
			.panel p {
				background: url(../images/bullet-star.gif) no-repeat left center;
				padding-left: 10px;
			}
			
			div.panel span.pin {
				background: url(../images/style-gray/pin.gif) no-repeat;
				display: block;
				height: 28px;
				left: 50%;
				position: absolute;
				top: 2px;
				width: 21px;
			}
		
		
		
		
		
		/* MAIN NAVIGATION */
		#nav {

			
			float:left; width:900px; height:23px; margin-top:5px; margin-left:-2px; border: solid 2px #F60; background-color:#F90; margin-bottom:5px;
				
			
	
			
		}
		#nav ul{
			margin:0px; padding:0px 0px 0px 0px; list-style:none; position:relative; padding-left:0px; padding-top:2px; 
		}
		
		
		
		#nav ul li{
			width:auto; float:left; margin-right:30px; font-size:120%; display:inline; padding-left:30px;border-left: #C63 1px solid;
			
		}
		

		
		#nav ul li a{
	margin-top:0px; padding:0px 0px 0px 0px; display:inline; float:left; color:#333;
		}
		
		#nav li a.active { padding:0px; display:inline-block; width:auto; color: #fff; margin-top:0px; }
		
		 #nav li a:hover{
		
			text-decoration:none; color: #fff;
		
		
		}
		#nav li a:active{
			color:#fff;
		}
			
		
		#nav li ul { margin-left:-32px;  position: absolute; float:left; visibility: hidden; width:200px; z-index:1000; margin-top:21px; border:none; }

#nav li ul li { float:left; font-size:100%; display:inline; padding:0px;border-bottom:1px solid #F60; border-left:1px solid #F60;border-right:1px solid #F60;  background-color:#F60; text-align:center; }

#nav li ul li a { float:left; width: 108px; background: #F90; color: #333; padding:3px;  }

#nav li ul li a:hover { float:left; background: #f90; margin-left:30px;}

#nav li ul li a.active {  float:left; background: #F60; width: 108px; padding:3px; }

		
		
		
		
		
		
		.scrollButtons {
			border: 0;
			cursor: pointer;
			position: absolute;
			top: 215px;
			z-index: 100;
		}
		
		.scrollButtons.left {
			right: 10px;
		}
		
		.scrollButtons.right {
			right: 0px;
		}
		
		.hidden {
			visibility: hidden;
		}

		#content table,
		#content th {
			border-bottom: 3px solid #fcfcfa;
		}
		
		tr.odd {
			background-color: #fcfcfa;
		}
		
		#projects {
			overflow: hidden;
		}
		
			#projects img {
				border-color: #ddd;
			}
			
			.project-head {
				background: url(../images/bullet-toggle-plus.gif) no-repeat left center;
				border-bottom: 1px solid #eee;
				cursor: pointer;
				padding-left: 10px;
				right: 0;
				top: 165px;
			}
			
				.project-head.opened {
					background-image: url(../images/bullet-toggle-minus.gif);
				}
			
			.project-body {
				border-bottom: 1px solid #ccc;
				display:none;
				overflow: hidden;
			}
			
				.project-body ul {
					float: right;
					width: 150px;
				}
				
				.project-body p {
					float: left;
					width: 350px;
				}
				
		
			label {
				float: left;
				width: 100px;
			}
			
			
			

/***** SLIDER *****/
#controller {
  display: none;
  
}
/***** PORTFOLIO ITEMS *****/
.item {
	float:left;
	background-color:#000;
	
	
  width: 900px !important;/*For browsers*/
  width: 900px;/*For IE6 (width+padding-left+padding-right)*/
  height: 240px !important;/*For browsers*/
  height: 114px;/*For IE6 (height+padding-top+padding-bottom)*/
  overflow: hidden;
	 border-bottom: 1px solid #F60;
 border-top: 1px solid #F60;
	 
	

}
.item .itemInfo {
	padding-top:0px;

	
 line-height: 6px;		
  float: left;
  width: 430px;
  padding-left:20px;
  	 
}
.item .itemInfo h1 {

  font-size: 28px;
  color: #999;
  border: 0;
}
.item .itemInfo h2 {
	padding-top:20px;
	line-height:25px;

  font-size: 14px;
  font-weight: bold;
  color: #F63;

 	   border-bottom: 1px dotted #600;
}
.item .itemInfo p {

	 line-height: 20px;
  font-size: 14px;
  text-align:justify;
 
  letter-spacing: 1px;
  overflow: hidden;
  color: #CCC;
}

.item .itemInfo li {

  font-size: 12px;
  text-align:justify;
  list-style: disc inside;
 
  letter-spacing: 1px;
  color: #F90;
  padding:5px;
  margin-bottom:10px;
}

.item .itemInfo img {
  margin-top: 0px;
}
.item .itemInfo .sliderNext {
  cursor: pointer;
}
.item .itemInfo .sliderPrev {
  margin-right: 10px;
  cursor: pointer;
}
.item .itemImage {
margin-top: 20px;
	padding-right:20px;
  float: right;
}

/***** PORTFOLIO *****/
#portfolio {
  margin-bottom: 0px;
}
#portfolio div {
  margin-bottom: 0px;
}
			
			/***** A TOOLTIP *****/
#tooltip {
	background-color: #F90;
  padding: 8px;
  font-style: italic;

  color: #000;
}





/***** CENTER COLUMN *****/
.center-column {
	
 
  margin-top:100px;
  margin-bottom: 0px;
  width: 900px;
 

 
}

.social-column {
	float:left;
	margin-left:20px;
	margin-top:0px;
  margin-bottom: 0px;
  width: 400px;
 

 
}


.banner-column {
	background-color:#000;

  width: 900px;
  height:100px;
  border-top: 1px solid #F60;
 border-bottom: 1px solid #F60;
 
}
.middle-column {
	padding-top: 0px;
	margin-left:5px;

  margin-top:5px;
  margin-bottom: 0px;
  width: 900px;


 
}
/* Classes */
.floatleft {
	margin-right:10px;
  float: left;
  margin-top:0px;
  
}
.floatright {
  float: right;
}
.t60 {

	
}
.t30 {

}
.box-big {
  margin-bottom: 0px;
 
  width: 530px !important;/*For browsers*/
  width: 590px;/*For IE6 (width+padding-left+padding-right)*/
}
.box-small {
	
  margin-bottom: 0px;
  width: 250px !important; /*For browsers*/
  width: 280px; /*For IE6 (width+padding-left+padding-right)*/
}

.imageleft {
  margin: 5px 15px 5px 0;
}
.imageright {
  margin: 5px 0 5px 15px;
}
.icon {
  margin: 3px 15px 5px 0;
}
.valid {
  border: 1px solid #080 !important;
}
.invalid {
  border: 1px solid #800 !important;
}

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

	=Footer
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */




#uberbar	{
	font-size:9px;
	font-weight:bold;
	border-bottom:1px solid #eb7429; 
	background: #f80; 
	padding-top:1px;
	padding-bottom:1px;
	position:fixed; 
	bottom:0; 
	left:0; 
	z-index:2000; 
	width:100%;
}


.portfolioBanners {
	float:left;
	background-color:#000;
	

			height:50px;
			text-align: center;
			width:900px;
			margin-left:0px;
			margin-right:0px;
			margin-top:0px;
			margin-bottom:20px;
			border-top: solid 1px #F60;
				border-bottom: solid 1px #F60;
				
}
.headings1{
		background:   url(../images/col-bg-250px-top-blog.png) no-repeat;
			height:24px;
			text-align: center;
			width:260px;
			margin-left:0px;
			margin-right:23px;
			margin-bottom:15px;
			margin-top:80px;
			
			
}

.headings2{
		background:   url(../images/col-bg-250px-top-blog.png) no-repeat;
			height:24px;
			text-align: center;
			width:260px;
			margin-left:290px;
			margin-right:23px;
			margin-bottom:15px;
			margin-top:80px;
}

.headings3{
		background:   url(../images/col-bg-250px-top-blog.png) no-repeat;
			height:24px;
			text-align: center;
			width:260px;
			margin-left:580px;
			margin-right:23px;
			margin-bottom:15px;
			margin-top:80px;
}

.headings4{
			height:24px;
			text-align: center;
			width:800px;
			
			margin-right:23px;
			margin-bottom:15px;
			margin-top:80px;
}
.headingsanim{
		background:   url(../images/col-bg-250px-top-blog.png) no-repeat;
			height:24px;
			text-align: center;
			width:260px;
			margin-left:290px;
}

.imgcenter{
	
	color:#F30;
	text-transform:capitalize;
	font-weight: bold;
	font-size:15px;
	width:500px;
	height:20px;
	padding:10px;
	margin-top:5px;
	margin-left:160px;
	
}

fieldset { padding: 8px; }
legend { font-weight: bold; }

pre { margin-bottom: 1em; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em;  }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	margin-top:20px;

	width: 260px;
	font-family: verdana;
	
}



.basic2  {
		margin-top:20px;
	width: 800px;
	font-family: verdana;
	
}


.basic3  {
	margin-top:20px;
	width: 800px;
	font-family: verdana;
	
}

.basic4  {
		margin-top:20px;
	width: 260px;
	font-family: verdana;
	
}

.basic div {
	background-color: #F6F8EA; 
	height:200px;
	
}

.basic2 div {
	background-color: #F6F8EA; 
	height:150px;

}

.basic3 div {
	background-color: #F6F8EA; 
	height:180px;

}

.basic4 div {
	background-color: #F6F8EA; 
	height:300px;
	
}

.basic p {
	text-align:center;
	margin-bottom : 0px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}

.basic2 p {
	text-align:justify;
	margin-bottom : 0px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 25px;
}

.basic3 p {
	text-align:center;
	margin-bottom : 0px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}


.basic4 p {
	text-align:center;
	margin-bottom : 0px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}


.basic p a {
	background:none;
}
.basic p a:hover {
	background:none;
		text-decoration:inherit;
color:#F30;
}

.basic4 p a {
	background:none;
}
.basic4 p a:hover {
	background:none;
		text-decoration:inherit;
color:#F30;
}


.basic a {
	

}
.basic4 a {
	

}


.menuhead {
		height:24px;
	text-align:center;
	cursor:pointer;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top: 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #fff;



		background-color: #F6F8EA; 
	
	background-image: url(../images/col-bg-250px-top-blog.png);
}



.menuhead:hover {
	color:#F40;
	text-decoration:none;
		background-color: #F6F8EA; 
		
background-image: url(../images/col-bg-250px-top-blog%20black.png);
}

.menuhead2 {
		height:24px;
	text-align:center;
	cursor:pointer;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top: 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #fff;



		background-color: #F6F8EA; 
	
	background-image: url(../images/col-bg-800px-top-blog.png);
}



.menuhead2:hover {
	color:#F40;
	text-decoration:none;
		background-color: #F6F8EA; 
		
background-image: url(../images/col-bg-800px-top-blog%20black.png);
}


.basic a:hover {
	text-decoration:inherit;
color:#F30;
	background-color: #F6F8EA; 

}



.basic a.selected {
	color: #fff;
		background-color: #F6F8EA; 
background-image: url(../images/col-bg-250px-top-blog%20black.png);
}

.basic2 a.selected {
	color: #fff;
		background-color: #F6F8EA; 
background-image: url(../images/col-bg-800px-top-blog%20black.png);
}

.basic4 a.selected {
	color: #fff;
		background-color: #F6F8EA; 
background-image: url(../images/col-bg-800px-top-blog%20black.png);
}


#list2 {
	height: 180px;
	border: 1px solid #eee;
	overflow: hidden;
}
#list2 .red {
	color: red;
	background-color: red;
}
#list2 .green {
	color: green;
	background-color: green;
}
#list2 .blue {
	color: blue;
	background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}



#wizard {
	width: 200px;
	border: 1px solid black;
}
#wizard .title {
	background-color:#DDDDDD;
}

#main { padding: 1em; margin-left:10px;}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important;
	}

}


#contactText {
margin-top:60px;
margin-left: 53px;
width:450px;
	height:450px;
	font-family:Helvetica, Arial, sans-serif;
	color:#434242;
	font-size:8pt;
	
}



#contactFormWrapper {
	float:right;
	margin-right:20px;
	margin-top:0px;
	width:400px;
	height:150px;
}

#contact {
	line-height:7px;
	letter-spacing:1px;
	text-align:right;
}

#successMessage {
	margin-top:5px;
	float:left;
	width:129px;
	height:27px;
	background-image:url(../images/sentBadge.png);
	z-index:3;
	display:none;
}


#name, #email, #message {
	border:1px #A5A5A5 solid;
	background-color:#FFFFFF;;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10pt;
	resize:none;
	color:#888888;
}

#name {
	float:left;
	height:20px;
	width:192px;
	padding-top:4px;
	margin-bottom:2px;
	padding-left:2px;
	padding-right:0px;
}

 #email {
	 float:left;
	height:20px;
	width:194px;
	padding-top:4px;
	margin-bottom:2px;
	padding-left:3px;
	margin-left:4px;

}

#message {
	padding-top:4px;
	padding-bottom:2px;
	padding-left:2px;
	float:left;
	width:396px;
	height:190px;
	margin-top:5px;

}

#submit {
	padding-top:6px;
	float:right;
}

#submit {
	width:84px;
	height:27px;
}