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

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

	COLORS
	
	link:					#;
	text:					#;
	background:				#;

	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	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 {
		font: 12px/1.6em "Trebuchet MS" Arial, Helvetica, sans-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: #d17424;
		text-decoration: none;
	}
	
	a:hover,
	a:active {
		text-decoration: underline;
	}
	
	h1 {
		background: url(../images/samsung-robot.gif) no-repeat right top;
		color: #b4690f;
		font-size: 36px;
		height: 148px;
		line-height: 36px;
		padding: 100px 200px 0 0;
		position: absolute;
		text-align: left;
		top: -100px;
	}
	
	h2 {
		font-size: 14px;
	}
	
	h3 {
		font-size: 14px;
	}
	
	h4 {
	}
	
	h5 {
	}
	
	h6 {
	}
	
	ul li {
		padding-left: 10px;
	}
	
	p,
	dt,
	dd,
	ul,
	ol,
	h1,
	h2,
	h3,
	hr,
	blockquote,
	table,
	#projects {
		margin-bottom: 1em;
	}
	
	em {
		font-style: italic;
	}
	
	strong,
	h2,
	th,
	dt {
		font-weight: bold;
	}
	
	hr {
		background-color: #ccc;
		border: 0;
		color: #ccc;
		height: 1px;
	}
	
	th,
	td {
		line-height: 30px;
	}
	
	small {
		font-size: 10px;
		font-style: italic;
	}
	
	blockquote {
		font-style: italic;
	}
	
	.col {
		float: left;
		margin: 10px 20px 0 0;
	}

	.width_350 {
		background-color: #f0eae0;
		width: 350px;
	}
	
	.width_410 {
		width: 410px;
	}

	.last {
		margin-right: 0;
		display: inline;
	}
	
	.width_350 .box {
		padding: 10px;
	}
	
	.width_410 .box {
		padding-top: 160px;
		position: relative;
		text-align: justify;
	}
	
	.right {
		float: right;
	}
	
	.left {
		float: left;
	}
	
		#toggler dt a {
			background: url(../images/btn-bg.gif) repeat-x;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-weight: bold;
			line-height: 23px;
			padding: 0 8px;
		}
	
	#toggler dd {
		background-color: #f0eae0;
		clear: both;
		overflow: hidden;
		padding: 10px;
	}
	
		#toggler dd form label {
			display: inline-block;
			margin-right: 10px;
			text-align: right;
			width: 100px;
		}
		
		#toggler dd form input {
			margin: 3px 0;
		}
		
		#toggler dd form .btn {
			margin-left: 110px;
		}
		
		div.clear {
			clear: both;
		}
/*  -----------------------------------------------------

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

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


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

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

	#container {
		margin: 0 auto;
		text-align: left;
		width: 800px;
	}


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

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

	#header {
		margin: 20px 0;
	}


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

	=Content
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#content {
		background-color: #fff;
		overflow: hidden;
		padding: 10px;
	}
	
		.play {
			background: url(../images/play.gif) no-repeat right center;
			padding-right: 16px;
		}

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

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

	#footer {
		clear: both;
		color: #d17424;
		overflow: hidden;
		padding: 10px;
	}