/* 
Default CSS Stylesheet For a New Web Application Project  
written by Oztecnic @ 10.11.2005*...

Client:     Hatem Law Office
Author: 	Ozgur ISIK
Updated: 	
			 

DESCRIPTION:
1- GLOBAL DECLARATIONS  all style sheet regarding the global elements
	1- GENERAL ELEMENTS
	2- LINKS
	3- TYPOGRAPHY
	4- FORMS

2- LAYOUT  the layout styles, all div blocks (Wrapper, Container, Header, Footer and the others... Tables, grids and other block level elements excluding forms...
3- PAGE  Page layout elements
3- NAVIGATION the styles regarding the navigation
4- BOXES - the generic box types
5- PAGINATION - Pagination types for lists
6- LIST TYPES - List Types
7- TABS - Tab Structure
*/



/* GLOBAL DECLERATIONS
-------------------------------------------------------------------------------- */

	/* 1- GENERAL ELEMENTS
	--------------------------------------------------*/
	
	body{
		background:#2D2D2D;
		font:62.5%/normal Arial, Helvetica, sans-serif;
		color: #333;
	}
	/*--------------------------------------------------*/
	
	
	
	/* 2- LINKS  
	--------------------------------------------------*/
	
	a 			{color:#4C3A2C; cursor:pointer; text-decoration:underline; font-size:inherit;}
	a:hover 	{color:#6B513F; text-decoration:none;}
	
	a.detailBtn {
		background:url(../images/standart/click-detail-arrow-icon.gif) no-repeat 0 50%;
		display:inline-block;
		padding-left:20px;
		color:#4D3B2D;
		font-size:10px;
		text-decoration:underline;
		white-space:nowrap;
	}
	
	a.detailBtn:hover {
		color:#000;
		text-decoration:none;
	}
	
	a.continueBtn {
		background:url(../images/standart/bar-sprite.png) no-repeat 0 -80px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		display:inline-block;
		padding-left:15px;
		font-size:12px;
		font-weight:bold;
	}
		a.continueBtn span{
			background:url(../images/standart/bar-sprite.png) no-repeat 100% -80px;
			display:inline-block;
			height:28px;
			margin-right:-15px;
			padding-right:15px;
			line-height:28px;
			float:left;
		}
		
	a.continueBtn:hover {
		background-position:0 -110px;
		_background-position:0 -80px;
		color:#fff;
	}
		a.continueBtn:hover span{
			background-position:100% -110px;
			_background-position:100% -80px;
		}
	
	/*--------------------------------------------- */
	
	
	
	/* 3- TYPOGRAPHY 
	--------------------------------------------------*/
	h1,h2,h3,h4,h5,h6	{font-family: Calibri, Arial, Helvetica, sans-serif; color:#4C3A2C; margin-bottom:10px;}
	
	h1	{font-size:3em;}
	body.Page h1 {font-size:3.5em;}
	h2	{font-size:2.0em;}
	h3	{font-size:1.6em;}
	h4	{font-size:1.4em;}
	h5	{font-size:1.3em;}
	h6	{font-size:1.2em;}
	
	#Body {
		line-height:1.8em;
		text-align:left;
	}
	
	#Body ul, #Body ol {
		margin: 0 0 20px 30px;
	}
	
	#Body ul {
		list-style-type:circle;
	}
	#Body ol {
		list-style-type:decimal;
	}
	
	#Body ul li, #Body ol li {
		margin:5px 0;
	}
	
	#Body blockquote {
		padding:0 0 0 30px;
		font-size:1.2em;
		font-style:italic;
	}
	
	#Body p{
		margin:15px 0;
	}
	
	p {font-size:1.3em;}
	/*--------------------------------------------------*/
	
	
	
	/* 4- FORMS  
	--------------------------------------------------*/
	form 	{display:inline;}
	input 	{font-family:Calibri,arial, Helvetica, sans-serif;}
	
	textarea {
		width:600px;
		height:150px;
		border:solid 1px #ccc;
		padding:4px;
		font-family:Calibri,arial, Helvetica, sans-serif;
		font-size:1.1em;
	}
	
	textarea:focus {
		border:solid 1px #ccc;
		background-color:#E8E8E8;
	}
	

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

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



/* LAYOUT  
-------------------------------------------------------------------------------- */
div#Wrapper {position:relative; z-index:1;}

	/* Header*/
	div#Header {height:125px; position:relative; z-index:3; background:url(../images/standart/header-bg.jpg) repeat-x;}
		div.HeaderInner {width:960px; margin:0 auto; z-index:1; position:relative;}
			div.logo {color:#fff; position:absolute; top:25px; left:0;}
	
		
		div.teaserSlider {
			background:#4E3C2E;
			position:relative;
			z-index:2;
		}
			div.teaserSliderInner {
				height:333px;
				margin:0 auto;
				overflow:hidden;
				width:960px;
				position:relative;
			}
			
			div.teaserSlider.short  div.teaserSliderInner {
				height:150px;	
			}
			
				div.teaserMaskLeft {
					position:absolute;
					background:url(../images/standart/slider-mask-left.png) repeat-y;
					width:387px;
					height:333px;
					left:0;
					top:0;
					z-index:1000;
				}				
				
				div.teaserMaskRight {
					position:absolute;
					background:url(../images/standart/slider-mask-right.png) repeat-y;
					width:387px;
					height:333px;
					right:0;
					top:0;
					z-index:1000;
				}
				
				body.Page div.teaserMaskLeft,
				body.Page div.teaserMaskRight{
					height:150px;	
				}
		
		div.smallNavContainer {
			position:absolute;
			background:url(../images/standart/bar-sprite.png) no-repeat 0 -50px;
			height:29px;
			right:0;
			top:20px;
			padding-left:15px;
		}
	
	
	/* Header*/
	
	div#Body {
		line-height:1.6em;
		background:#fff url(../images/standart/bodyContainer-bg.jpg) repeat-x;
		zoom:1;
	}
	
		div.bodyInner {
			width:980px;
			margin:0 auto;
			padding:20px 0 0 0;
			zoom:1;
		}
		
			div.Content {
				width:600px;
				float:left;
				padding-top:6px;
			}
			
			div.sideBar {
				width:300px;
				float:right;
			}
	
			div.fullWitdhColumn {
				margin-bottom:40px;
			}
			
			div.fullWitdhColumn p{	
				font-size:1.4em;
				line-height:1.5;
			}
			
				div.fullWitdhColumn img.teaserImage {
					float:right;
					margin-top:-120px;
					position:relative;
					z-index:10000;
					margin-left:25px;
				}
				
				
				div.fullWitdhColumn div.buttonContainer  {
					width:570px;	
				}
					
					div.fullWitdhColumn div.buttonContainer a{
						float:right;	
					}
					
				
				div.services {
					
				}
				
					div.services div.item {
						background:url(../images/standart/item-seperator.jpg) no-repeat 50% 100%;
						width:265px;
						float:left;
						margin-right:60px;
						margin-bottom:20px;
						height:200px;
						position:relative;
					}
					
					div.sideBar div.services div.item {
						
						margin-right:0;
						float:none;
						height:auto;
					}
					
					div.services div.item.last {
						margin-right:0;	
					}
					
						div.services div.item div.itemImage {
							background:url(../images/standart/mask.png) no-repeat;
							padding:6px 5px 0 6px;
							margin-right:8px;
							float:left;
							height:72px;
						}
						
						div.services div.item div.itemText 
						{
							
						}
						
						div.sideBar div.services div.item div.itemText {
							
								
						}
						
							div.services div.item div.itemText p {
								margin: 0 0 15px 0 !important;
								
							}
							
							div.services div.item a.detailBtn {
								position:absolute;
								bottom:30px;
								left:128px;					   
							}
							
							div.sideBar div.services div.item a.detailBtn {
								position:static;	
								float:right;
							}


	/* Footer*/
	div#Footer {background:#2D2D2D url(../images/standart/footer-bg.jpg) repeat-x;}
		div.footerInner {
			width:960px;
			margin:0 auto;
			color:#fff;
			padding:30px 0 10px;
		}
		
		
		
		div.footerChunk {
			text-align:center;
			font-size:.9em;
		}
			
	/* Footer*/



/* PAGE 
-------------------------------------------------------------------------------- */
body.Page div#Header {}
	div.Content h1 {
		border-bottom:1px solid #C2B7AD;
	}
	
	div.sideBar h2 {
		border-bottom:1px solid #C2B7AD;
		color:#4C3A2C;
		padding-bottom:5px;
	}
	
		div.sideBarNav 
		{
			padding-bottom:20px;	
		}
		
		div.breadCrumb {
			font-size:1.2em;
			margin-top:10px;
		}
			div.breadCrumb a {
				color:#000;
				font-weight:bold;
				text-decoration:underline;
			}
			
			div.breadCrumb a:hover {
				text-decoration:none;
			}
			
			div.contentText 
			{
				padding-bottom:40px;
			}
				
				div.contentText table,p,div.contentText ul,div.contentText blockquote, div.contentText ol 
				{
					
					font-size:14px !important;	
					line-height:1.5 !important;
				}
				
				p.teaserText {
					font-style:italic;
					font-size:16px;
					line-height:1.5;
					margin-bottom:0px !important;
				}
					
					div.documents {margin-bottom:25px;}
						div.documents h2{font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-bottom:7px; border-bottom:1px solid #ccc; color:#67594C; padding-bottom:7px;}
						
						div.documents ul {margin:0 !important; padding:0 !important;}
							div.documents li{
								float:left; list-style-type:none; background:url(../images/standart/icons-sprite.gif) no-repeat;
								width:265px; padding-left:35px;
								margin-bottom:10px !important;
								height:auto !important;height:25px; min-height:25px;
								padding-top:7px; overflow:hidden;
							}
							div.documents li.pdf{background-position:0 -93px;}
							div.documents li.pptx{background-position:0 -61px;}
							div.documents li.xls{background-position:0 0;}
							div.documents li.word{ background-position:0 -30px}
							
								div.documents a {text-decoration:none; color:#000; font-size:13px; text-decoration:underline; color:#000;}
								div.documents a:hover{text-decoration:none;}
					
					div.media {margin-bottom:25px;}
						div.media h2{font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px; border-bottom:1px solid #ccc; color:#67594C; padding-bottom:7px;}
						
						body.Page div#Body div.media a {display: inline-block; margin: 0 5px 15px 0; height:85px; width:110px; overflow:hidden;}
							body.Page div#Body div.media a img {border:5px solid #CFC9C5;}
							body.Page div#Body div.media a:hover img {border-color:#A9876D;}
		
		
div.formContainer {margin-bottom:20px; font-size:1.2em;}
	div.formRow {margin-bottom:10px; padding-bottom:10px;}
		div.formRow label.formTitle {display:block;font-weight:bold; margin-bottom:7px; width:200px; float:left; text-align:right; line-height:30px;}
		div.formRow input.textInpt,div.formRow textarea {padding:5px; border:1px solid #ccc; width:370px; float:right;}
		div.formRow select {
			float:left;
			margin-left:20px;
			width:380px;
			*width:370px;
			padding:5px;
		}
		div.formContainer a.continueBtn{
			position:relative;
			right:15px;
		}
		
	div.formContainer div.buttonContainer a {float:right;}
	
	div.mapContainer {
		margin-bottom:25px;
		border:1px solid #999;
		width:600px;
	}

/* NAVIGATIONS  
-------------------------------------------------------------------------------- */
ul.mainNav {
	position:absolute; top:90px; background:url(http://hatem-law.com.tr/images/standart/navigation/main-nav-bg.png) left top no-repeat;
	height:25px; width:960px; left:0;
}

	ul.mainNav li {float:left; position:relative; margin-right:30px;}
	ul.mainNav li a {
		font-family:Arial, Helvetica, sans-serif;
		height:25px;
		line-height:25px;
		display:inline-block;
		background:url(../images/standart/bar-sprite.png) no-repeat 0 -26px;
		color:#fff; 
		font-size:1.2em; 
		text-decoration:none;
		padding-left:12px;
	}
		ul.mainNav li a span {
			height:25px;
			line-height:25px;
			display:inline-block;
			background:url(../images/standart/bar-sprite.png) no-repeat 100% -26px;
			padding-right:12px;
			margin-right:-12px;
		}
		
		ul.mainNav li a.current,
		ul.mainNav li a.current:hover
		{
			background-position:0 0;
		}
		
			ul.mainNav li a.current span {
				background-position:100% 0;
			}
		
		ul.mainNav li a:hover{
			color:#fff;
			background-position:0 0;
			_background-position:0 -25px;
		}
			
			ul.mainNav li a:hover span{
				background-position:100% 0;
				_background-position:100% ;
			}
			
			ul.mainNav ul.subMenu {
				position:absolute; left:5px; top:40px;
				width:150px;
			}
			
				ul.mainNav li ul.subMenu li ul.subMenu{
					left:150px; top:-10px;
					margin-top:-2px;
					float:left;
				}
				
					ul.mainNav li ul li {
						float:none;
						margin:0;
						
					}
						ul.mainNav li ul li a {
							display:inline-block;
							margin:0;
							background:#fff;
							color:#4E3C2E;
							padding:2px 10px !important;
							width:200px;  /*130px di*/
							border-top:solid 1px #744527;
						}
						
							ul.mainNav li ul li a:hover {
								background:#4E3C2E;
								color:#fff;
							}
						
	
	
	ul.smallNav {
		background:url(../images/standart/bar-sprite.png) no-repeat 100% -50px;
		height:29px;
		padding-right:15px;
		margin-right:-15px;
		float:left;
	}
	
		ul.smallNav li{
			float:left;
			margin-left:15px;
			
		}
		
		ul.smallNav li.first {
			margin-left:0 !important;	
		}
		
			ul.smallNav a {
				color:#fff;
				text-decoration:none;
				font-size:1.2em;
				line-height:28px;
			}
			
			ul.smallNav a:hover {
				text-decoration:underline;
				color:#fff;
			}
	
	ul.footerNav {
		text-align:center;
		padding-bottom:20px;
	}
		ul.footerNav li {
			background:url(../images/standart/footer-seperator.gif) no-repeat 100% 50%;
			display:inline;	
			padding:0 10px 0 10px;
		}
		
		ul.footerNav li.last {
			background:none;	
		}
			
			ul.footerNav li a{
				color:#fff;
				text-decoration:none;
				font-size:1.2em;
			}
			
			ul.footerNav li a:hover{
				color:#fff;
				text-decoration:underline;
			}
	
	
	div.sideBarNav ul {
		margin:0 !important;
		
	}
	
		div.sideBarNav ul li {
			padding-top:7px;
			margin-bottom:4px;
			list-style-type:none;
		}
		
		div.sideBarNav ul li a.last {
			border-bottom:none;	
			
		}
		
			
			div.sideBarNav ul li a 
			{
				
				border-bottom:1px solid #C2B7AD;
				display:block;
				background:url(../images/standart/sidebar-arrow-icon.gif) no-repeat 0 2px;
				padding:1px 0 12px 25px;
				color:#000;
				text-decoration:none;
				font-size:15px;
				
			}
			
			div.sideBarNav ul li a:hover {
				color:#958271;	
			}

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



/* LIST TYPES
-------------------------------------------------------------------------------- */
ul.contentList {list-style-type:none; margin-left:0 !important; }
	ul.contentList li {margin-bottom:50px !important; }
		ul.contentList div.listImage {float:left; margin-right:10px; width:145px;}
			ul.contentList div.listImage img{border:4px solid #CFC9C5;}
			ul.contentList div.listImage a:hover img {border-color:#A9876D;}
ul.contentList div.listText { float:left; width:440px; }