/*  -----------------------------------------------------
    
	INFO
	
	Project:				Legal Advisory Group
	Version:				2.0
	Last change:			--/--/--
	Author:					Milan Zivkovic
	Author URL:				http://www.designer.rs

	- - - - - - - - - - - - - - - - - - - - - - - - - - -
		
	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: #333;
		font: 12px/1.6em Georgia, "Times New Roman", 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;
	}

	
	html, body, #container {height: 100%;}
	
	body > #container {height: auto; min-height: 100%;}
	
	

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

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

	a:link,
	a:visited {
		color: #00aeef;
		text-decoration: none;
	}
	
	a:hover,
	a:active {
		text-decoration: underline;
	}
	
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold;
	}
	
	h1 {
		color: #00aeef;
		font-size: 30px;
		line-height: 32px;
	}
	
	h2 {
		color: #5cc060;
		font-size: 14px;
		margin: 20px 0 10px 0;
	}
	
	h3 {
		font-size: 18px;
	}
	
	h4 {
		font-size: 16px;
	}
	
	h5 {
		font-size: 14px;
	}
	
	h6 {
		font-size: 12px;
	}
	
	ul li,
	#content #banner li li {
		background: url(../images/bullet-dark.gif) no-repeat left 5px;
		padding-left: 15px;
		overflow: hidden;
	}
	
	p,
	ul,
	ol,
	hr,
	blockquote,
	table {
		margin-bottom: 10px;
	}
	
	h1,
	h3,
	h4,
	h5,
	h6,
	.width_full object {
		margin-bottom: 20px;
	}
	
	em {
		font-style: italic;
	}
	
	strong,
	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;
		text-indent: 15px;
	}
	
	.width_250 {
		width: 250px;
	}
	
	.width_full {
		width: 800px;
		margin-right: 0;
		text-align: justify;
	}
	
	.col {
		float: left;
		margin: 25px 25px 0 0;
	}
	
	.last {
		margin-right: 0;
		display: inline;
	}
	
	.box {
	}
		
		.hidden {
			visibility: hidden;
		}
		
		tr.odd {
			background-color: #fcfcfa;
		}
		
	.btn {
	}
	
	.floatleft {
		float: left;
		margin-right: 10px;
	}
	
	.floatright {
		float: right;
	}
	
/*  -----------------------------------------------------

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

	body {
		text-align: center;
	}


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

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

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


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

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

	#header {
		overflow: hidden;
		margin-bottom: 10px;
		padding-top: 5px;
	}
	
		#header a {
			display: block;
		}
		
		#header a:hover {
			text-decoration: none;
		}
	
		#header .brand {
			float: left;
			margin-top: 15px;
		}
	
		#header ul {
			float: right;
		}
		
			#header #tools a {
				background: url(../images/tools.gif) no-repeat left center;
				color: #aaa;
				font-size: 10px;
				padding-left: 12px;
			}
			
				#header #tools a:hover {
					color: #666;
				}
			
			#header #tools .email a {
				background-position: left 6px;
			}
			
				#header #tools .email a:hover {
					background-position: left -11px;
				}
			
			#header #tools .print a {
				background-position: left -29px;
			}
			
				#header #tools .print a:hover {
					background-position: left -49px;
				}
			
			#header #tools .language a {
				background-position: left -69px;
			}
			
				#header #tools .language a:hover {
					background-position: left -88px;
				}
		
		#header #menu {
			clear: right;
			margin-top: 40px;
		}
		
			#header li {
				background: none;
				float: left;
				margin-right: 5px;
				padding: 0;
			}
			
				#header #menu li a {
					color: #666;
					line-height: 24px;
					padding: 0 5px;
					
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px; /* future proofing */
					-khtml-border-radius: 5px; /* for old Konqueror browsers */
				}
				
					#header #menu a:hover {
						color: #00aeef;
					}
					
					#header #menu .active a {
						background-color: #00aeef;
						color: #fff;
					}


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

	=Content
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#home {
		background: url(../images/home.jpg) no-repeat center 130px;
	}
	
	#practice {
		background: url(../images/practice.jpg) no-repeat center 130px;
	}
	
	#clients {
		background: url(../images/clients.jpg) no-repeat center 130px;
	}
	
	#links {
		background: url(../images/links.jpg) no-repeat center 130px;
	}
	
	#contact {
		background: url(../images/contact.jpg) no-repeat center 130px;
	}
	
		#contact iframe { float: right; }
	
	#content {
		padding-bottom: 30px;
		margin-top: 200px;
		overflow: hidden;
	}  /* must be same height as the footer */
		
		

	/* CLEAR FIX*/
	#content:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	#content {display: inline-block;}
	/* Hides from IE-mac \*/
	* html #content { height: 1%;}
	#content {display: block;}
	/* End hide from IE-mac */

	
		#content .clients li {
			background: none;
			float: left;
			height: 60px;
			margin-bottom: 30px;
			padding: 0;
			text-align: center;
			width: 200px;
		}
			
		#content .partners li {
			padding-bottom: 10px;
		}
		
		h1.lawpact {
			background: url(../images/partners/lawpact.png) no-repeat right center;
			line-height: 65px;
		}
		
		.links {
			float: left;
			width: 400px;
		}
		
	.required {
		color: #999;
	}
		
	#message_ok {
		color: #999;
		display: none;
	}
	
	.hidden {
		visibility: hidden;
	}
			
		
		#slider {
			margin-top: 30px;
		}
		
		.scroll {
			height: 260px;
			width: 600px;
			overflow: hidden;
			position: relative;
			text-align: left;
		}
		
		.scrollContainer .panel {
			float: left;
			height: 250px;
			width: 600px;
		}
		
			.scrollContainer .panel ul {
				width: 300px;
			}
			
			#featured1 {
				background:url(../images/bg_ma.jpg) no-repeat right top;
			}
			
			#featured2 {
				background:url(../images/bg_real_estate.jpg) no-repeat right top;
			}
			
			#featured3 {
				background:url(../images/bg_general_corporate.jpg) no-repeat right top;
			}
			
			#featured4 {
				background:url(../images/bg_labor.jpg) no-repeat right top;
			}
			
			#featured5 {
				background:url(../images/bg_privatization.jpg) no-repeat right top;
			}
			
			#featured6 {
				background:url(../images/bg_litigation.jpg) no-repeat right top;
			}
			
			#featured7 {
				background:url(../images/bg_tax.jpg) no-repeat right top;
			}
		
		.navigation {
			float: left;
			width: 200px;
		}
		
		.navigation li {
		}
		
		.navigation a {
		}
		
		.navigation a:hover {
		}
		
		.navigation a.selected {
		color: #5cc060;
		}
		
		.navigation a:focus {
			outline: none;
		}
		
		.scrollButtons {
			display: none;
		}
	
		
/*  -----------------------------------------------------

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

	#footer {
		border-top: 1px solid #e0e0e0;
		clear: both;
		height: 30px;
		margin: -30px auto;
		overflow: hidden;
		position: relative;
		width: 800px;
	}
	
		#footer p {
			color: #b5b5b5;
			font-size: 10px;
			font-style: italic;
		}