/*
#############################
##
## ARTech Tuning
##
## Anouar Bannouri
## 
##############################

/* After many struggle, here the reset that does the trick */
@import "/anouar/css/whitespace-reset.css";

/* png transparency */
#logo, #logo_sec { behavior: url(iepngfix.htc); }

/* font size for W3C Compliance */
body {font-size:100%}
h1 {font-size:.6em}
h2 {font-size:.5em}
h3 {font-size:.4em}
h4 {font-size:1.5em}
h5 {font-size:1.25em}
h6 {font-size:1em}

/* FONT Style */
/* ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {	
	text-align:center;
	color: #d6ca92;
	line-height: normal;
	font-family:'helvetica neue',sans-serif;
	font-weight:bold;
	letter-spacing:3px;
	text-transform:uppercase;
}

h1 {	margin-bottom: 25px; }
h2 {	margin-bottom: 10px; }
h3,h4,h5,h6 {	margin-bottom: 10px; } 

body {
    font-family:'helvetica neue',sans-serif;
	font-weight:normal;
	line-height: 100%;
	
}


p { margin-bottom: .8em; }
small { font-size: 90%; }

/* Body */
/* -------------------------------------*/
body {
	background: #000 url(/anouar/images/bg.gif); 
	color: #999;
	padding:0px;
	text-align:justified;
	background:black;
}

/********************** Base Layout */

/* Structure */
.wrapper { min-width:1000px; }
.header { text-align:center; }
/*
.header-top { width:930px; margin:0 auto; position:relative; z-index:100; }
.header-nav { width:950px; margin:0 auto; } */
.middle { width: 1000px; min-height:520px; margin:0 auto; text-align:left; }
.side-col { min-height:520px;}
.col-left { float:left; width:80px;  }
.col-main { float:left; }
.col-right { float:right; width:40px; }
.col-1-layout .col-main { float:none; margin:0; }
.col-2-right-layout .col-main { float:left; width:685px;  }
.col-2-left-layout .col-main { float:right; width:685px; }
.col-3-layout .col-main { width:475px; margin-left:17px; }
.middle-col {width:850px; margin-left:5px;}
.middle-banner { width:850px; margin-left:5px; }
.footer { min-width:1000px ;}

/* Style */
.header { border-top:5px solid #0d2131; border-bottom:1px solid #415966;}
.middle { background: #0F0F0F;  padding:5px 5px 5px 5px; }
.col-left {  background: #000000; } 
.col-right { background: #114422; } 
.middle-col {background: #220044;}

.footer { border-top: 1px solid #415966 ; border-bottom: 5px solid #0d2131; }

/* links
---------------------------------------- */
a:link { color: #c8c8c8; font-weight: bold; outline: none; }
a:visited { color: #c8c8c8; font-weight: bold; outline: none; }
a:hover { color: #fff; font-weight: bold; outline: none; }
a:active { color: #c8c8c8; font-weight: bold; outline: none; }




#menu { 
    margin: 0 auto;
	width: 100px;
}
 
/* Nav bar */
#nav {
	margin: 0 auto;
	width: 950px;
}
	#nav .container { background: #171716; }
	#nav ul {
		padding: 12px 25px;
		float: left;
		width: 900px;
	}
	#nav ul li { display: inline; }
		#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
			margin: 0 15px;
			text-indent: -9999px;
			float: left;
			height: 26px;
			display: inline;
		}
		#nav #nav_home { 
			margin: 0 15px 0 0; padding-right: 20px;
			width:56px; 
			background: url(/anouar/images/menu_logo_small.gif) no-repeat;
			border-right: 1px solid #454545;			
		}
		#nav_about { width: 58px; background: url(/anouar/images/menu_about2.gif) no-repeat; }
		#nav_blog { width: 46px; background: url(/anouar/images/menu_blog2.gif) no-repeat; }
		#nav_locate { width: 84px; background: url(/anouar/images/menu_locate2.gif) no-repeat; }
		#nav_shop { width: 50px; background: url(/anouar/images/menu_shop2.gif) no-repeat; }
		#nav_projects { width: 84px; background: url(/anouar/images/menu_projects2.gif) no-repeat; }
		#nav_services { width: 84px; background: url(/anouar/images/menu_services2.gif) no-repeat; }
		#nav_contact { width: 76px; background: url(/anouar/images/menu_contact2.gif) no-repeat; }		
			#nav a:hover, #nav #nav_home:hover, #nav #nav_home .selected, #nav .selected { background-position: 0 -26px; }
 
.container {
	float: left;
	width: 950px;
}

#main, #application {
	margin: 0 auto;
	width: 950px;
}
	#main .container { 
		margin-top: 25px;
		background: #000000; 
	}
	.container ul {padding:5px 10px; }
	#application .container { background: #171716; }
	

#logo_cont {
	margin: 0 auto;
	width: 950px;
}
	#logo_sec a:link, #logo_sec a:visited, #logo_sec a:hover, #logo_sec a:visited {
		margin: 20px 25px;
		text-indent: -9999px;
		display: block;
		width: 660px; height: 26px;
		background: url(../images/logo_sec.png) no-repeat;
	}

#main_page_box_left {
	margin: 25px 25px 0 25px;
	float: left;
	width: 374px; height: 376px;
	display: inline;
}
#logo {
		margin: 0 0 30px 0;
		text-indent: -9999px;
		position: relative; 
		top: -15px;
		float: right;
		width: 374px; height: 111px;
		background: url(../images/logo.png) no-repeat;
	}
	
	#info_case {
		margin-top: 275px; padding: 10px;
		background: #000;
	}
		#info_case p { margin: 0; }
		#info_case h1 {
			margin-bottom: 3px;
			font-size: 220%;
			line-height: 100%;
		}
		#icon_read_case {
			margin-left: 25px; padding-left: 20px;
			background: url(../images/icon_readcase.gif) 0 50% no-repeat;
		}
		.hp, .torque { font-size: 180%; color: #fff; }
			.hp strong, .torque strong { margin-right: 10px; font-size: 60%; color: #c8c8c8; }

#main_page_box_right {
	margin-right: 25px;
	float: right;
	width: 500px;
	display: inline;
}
	#latest_blog_entries h2 { margin-bottom: 10px; }
	.entry_blog {
		padding: 10px;
		border-bottom: 1px solid #36352f;
	}
		.author { font-weight: bold; }
		.icon_comments {
			padding-left: 22px;
			background: url(../images/icon_comments.gif) 0 50% no-repeat;
		}
		#latest_blog_entries .icon_comments { margin-left: 25px; }

	
/* columns */
.left_column_large {
	margin: 25px;
	float: left;
	width: 650px;
	display: inline;
}
.right_column_small {
	margin: 25px 25px 25px 0;
	float: right;
	width: 225px;
	display: inline;
}

#pagination {
	margin-top: 25px; padding-top: 10px;
	float: left;
	width: 650px;
	border-top: 1px solid #36352f;
}
	#pagination .selected { color: #fff; border: 1px solid #fff; }
	.pages { 
		margin: 0 20px; 
		display: inline; 
	}
		.pages a {
			padding: 2px 4px;
			border: 1px solid #36352f;
		}
	
#footer {
	margin-top: 25px; padding: 15px 25px;
	float: left;
	width: 900px;
	background: #10100f url(../images/bg_footer.gif) 805px 12px no-repeat;
	color: #c8c8c8;
	font-size: 90%;
}
	.copyright { margin-left: 25px; }

	
	.staff{text-align:left;width:850px;margin:30px auto;}
	.staff p{margin-top:1.6em; text-align: justified;}
	.staff h1{font-size:1.1em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.staff h2{font-size:1.0em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.staff h3{font-size:.9em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	
	.locate {text-align:left;width:850px;margin:30px auto;}
	.locate p{margin-top:1.6em; text-align: justified;}
	.locate h1{font-size:1.1em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.locate h2{font-size:1.0em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.locate h3{font-size:.9em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.locate ul {padding:5px 10px; }
	
	.service {text-align:left;width:850px;margin:30px auto;}
	.service p{margin-top:1.6em; text-align: justified;}
	.service h1{font-size:1.1em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.service h2{font-size:1.0em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.service h3{font-size:.9em; text-align: left;border-bottom:1px dotted #221;padding-top:30px;} 
	.service ul {padding:5px 10px; }
	
/* default from galleria */	
/* -------------------------------------- */	
	*{margin:0;padding:0}
    	
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	

	
/* Galleria.css */
	.galleria{list-style:none;width:200px}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */