@charset "utf-8";

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

Theme Name: Alive - Version 1.0
Type: Dark

CSS overview: 

	1. Background
	2. Main Elements
		i. preloaders
		ii. common
	3. Menu
		i. tile block
		ii. main menu
		iii.sub menu
	4. Page elements
		i. content wrapper
		ii.twitter
		iii.fancybox
		iv. blog
		v. search
		vi. form elements
		vii. pagination
		viii. footer
		ix. links
	5. Typography
	6. Elements
		i.buttons
		ii. image styling
		iii. comment lists
		iv.blockquotes
	7. Widgets
	8. Miscellaneous
		

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



/*--------------------------------------------------------
	1.BACKGROUND
--------------------------------------------------------*/

	body{background:#b1b3b4; color:#fff;}
	
	#overlay.bkgPattern1 {background:url("../images/dark/backgroundOverlay1.png") repeat;}
	#overlay.bkgPattern2 {background:url("../images/dark/backgroundOverlay2.png") repeat;}
	#overlay.bkgPattern3 {background:url("../images/dark/backgroundOverlay3.png") repeat;}
	#overlay.bkgPattern4 {background:url("../images/02.png") repeat;}

/*--------------------------------------------------------
	2.MAIN ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i. preloaders
	-----------------------------*/
	
	#preloader { position:absolute; top:50%; left:50%; z-index:10; width:150px; height:70px; margin:-35px 0 0 -75px; text-indent:-999em; background: url("../images/dark/loader.gif") no-repeat bottom center;}
	#preloader-logo{width:150px; height:40px;background: url("../images/dark/logo-preloader.png")  top center no-repeat;}
	#ajaxloader {position:absolute; top:250px; left:50%; z-index:10; width:150px; height:70px; margin:-35px 0 0 -75px; text-indent:-999em; background: url("../images/dark/loader.gif") no-repeat bottom center;}
	#ajaxloader-logo{width:150px; height:40px;background: url("../images/dark/logo-preloader.png")  top center no-repeat;}

	/*----------------------------
	ii. common
	-----------------------------*/
	h1, #fancybox-title {color:#fefefe;}
	p,p.slogan,a,.field,.fieldNotify,.tarea, #footer, .button, li {font-family:'Lucida Grande', Helvetica, sans-serif;}
	
/*--------------------------------------------------------
	3.MENU
--------------------------------------------------------*/


	/*----------------------------
	i. tile block
	-----------------------------*/
		
	/* tile block states */
	
	#tileBlock.home {min-width:1000px; min-height:560px; width:90%; float:left; height:100%; }
	#tileBlock.nav {width:220px; height:100%; top:0; margin-left:20px; }
	
	@media screen and (max-width: 2850px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 2650px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 2350px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 2000px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 1850px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 1650px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 1300px) {
	#tileBlock.nav{
		left:100px;
	}
	}
	@media screen and (max-width: 1250px) {
	#tileBlock.nav{
		left:0px;
	}
	}
	@media screen and (max-width: 1024px) {
	#tileBlock.nav{
		left:0px;
	}
	}
	@media screen and (max-width: 950px) {
	#tileBlock.nav{
		left:0px;
	}
	}
	
	@media screen and (max-width: 480px) {
	#tileBlock.nav{
		left:0px;
	}
	}
	
	/* tile block elements */
	#tileBlock a {text-decoration: none;}
	#tileBlock .highlight {padding:0; margin:0;}
	#tileBlock .submenu {display:none; width:100%; margin:30px 0; position:relative;  }
	#tileBlock .submenu a { display:block; margin:5px 0 5px 5px; font-family: 'Lucida Grande',sans-serif; font-size:12px; text-transform:uppercase; }
	
	/* tile block logo */
	#tileBlock #logo { float:left; position:relative;}
	#tileBlock #logo #return{ position: absolute; top:10px; left:10px; display:none; width:auto;}
	#tileBlock #logo #return img{ width:20px; margin:0;}
	#tileBlock #logo #return #textMenu{ display:none;}
	
	#tileBlock #logo a { display:block; text-align: right; }
	#tileBlock #logo a * { padding-right:5px; float:right; }
	#tileBlock #logo p.slogan{ width:100%; font-family: "Lucida Grande",sans-serif; font-size:18px;  margin:5px 0 0;text-transform:uppercase; letter-spacing:3.5px;}
	
	/*---- home tile positions and sizes ----*/
	
	#tileBlock #logo.home {width:200px; height:100%; position:relative;}
	#tileBlock #logo.home #footerIT{position:absolute; bottom:0; left:0; padding:10px 0 5px; width: 200px;}
	#tileBlock #logo.home #footerIT p{text-align:center; font-size:12px; color:#FFF; width:200px; margin: 0 auto; float:left; word-wrap: normal;}
	#tileBlock #logo.home #footerIT a{text-align:right; font-size:12px; color:#FFF; width:35px; margin: 0; height: auto; float:left;}
	#tileBlock #logo.home #footerIT img{ width:35px;}
	
	@media screen and (max-width: 480px) {
		#tileBlock #logo.home #footerIT{ display:none;}
		#tileBlock #logo #return #textMenu{ display:block;}
	}
	
	#tileBlock #logo a.home {width:200px; height:270px; text-align:center; }
	#tileBlock #logo a img.home {margin: 0 auto; width:140px; text-align:center; float:none; }

	#tileBlock .tile.home {position:absolute; width:140px; height:140px;}
	#tileBlock .tile .tileContent.home {
		position:absolute;
		width:140px;
		top:50%;
		 
  	}
	#tileBlock .tile img.home { width:140px; height:140px;}
	#tileBlock .tile .tileHeading.home {height:auto; padding:0;  margin:0;  }
	#tileBlock .tile .tileHeading.home span {line-height:auto; letter-spacing:0px}
	
	#tileBlock #tile1.home {top:100px; left:310px;}
	#tileBlock #tile2.home {top:290px; left:40px;}
	#tileBlock #tile3.home {top:340px; left:280px;}
	#tileBlock #tile4.home {top:260px; left:530px;}
	#tileBlock #tile5.home {top:150px; left:750px;}
	#tileBlock #tile6.home {top:370px; left:820px;}
	
	@media screen and (max-width: 480px) {
		#tileBlock.nav {
			height: auto;
			left:0;
		}
	}
	

	/* nav tile positions and sizes*/
	
	#tileBlock #logo.nav {width:200px; height:100%;}
	#tileBlock #logo a.nav {height: 230px; width: 200px;}
	#tileBlock #logo.nav #footerIT{position:absolute; bottom:0; left:0; padding:10px 0 5px; width: 200px;}
	#tileBlock #logo.nav #footerIT p{text-align:center; font-size:12px; color:#FFF; width:200px; margin: 0 auto; float:left; word-wrap: normal;}
	#tileBlock #logo.nav #footerIT a{text-align:right; font-size:12px; color:#FFF; width:35px; margin: 0; height: auto; float:left;}
	#tileBlock #logo.nav #footerIT img{ width:35px;}
	#tileBlock #logo a img.nav {float: none; margin: 0 auto;  width: 110px;}

	#tileBlock .tile.nav {position:absolute; width:90px; height:90px; overflow: hidden; float:left; border-radius:90px; -moz-box-shadow:  0px 0px 5px #555; 
-webkit-box-shadow:  0px 0px 5px #555; 
box-shadow:  0px 0px 5px #555;  }
	#tileBlock .tile .tileContent.nav {position:absolute;}
	#tileBlock .tile img.nav { width:100px; height:100px; }
	#tileBlock .tile .tileHeading.nav {padding:10px 0 0; margin:0; font-size:13px; }
	#tileBlock .tile .tileHeading.nav span {font-weight: normal; line-height:auto; letter-spacing:0px;  font-size:13px; }
	#tileBlock .tile.nav .submenu {opacity: 0; filter: alpha(opacity=0); }
	
	#tileBlock #tile1.nav {top:230px; left:7px;}
	#tileBlock #tile2.nav {top:230px; left:103px;}
	#tileBlock #tile3.nav {top:330px; left:7px;}
	#tileBlock #tile4.nav {top:330px; left:103px;}
	#tileBlock #tile5.nav {top:430px; left:7px;}
	#tileBlock #tile6.nav {top:430px; left:103px;}
	#tileBlock #tile7.nav {top:580px; left:7px;}
	#tileBlock #tile8.nav {top:580px; left:103px;}
	
	@media screen and (max-height: 600px) {
		#tileBlock #tile1.nav {top:215px; left:7px;}
		#tileBlock #tile2.nav {top:215px; left:103px;}
		#tileBlock #tile3.nav {top:315px; left:7px;}
		#tileBlock #tile4.nav {top:315px; left:103px;}
		#tileBlock #tile5.nav {top:415px; left:7px;}
		#tileBlock #tile6.nav {top:415px; left:103px;}
		#tileBlock #tile7.nav {top:565px; left:7px;}
		#tileBlock #tile8.nav {top:565px; left:103px;}
		
	}
	
	@media screen and (max-width: 480px) {
		
		#tileBlock #logo a.nav {
			height: 40px;
			width: 200px;
		}

		#tileBlock #logo a .logo { display:none;}
		#tileBlock #logo.nav #footerIT{ display:none;}
		
		#tileBlock #tile1.nav {display:none;}
		#tileBlock #tile2.nav {display:none;}
		#tileBlock #tile3.nav {display:none;}
		#tileBlock #tile4.nav {display:none;}
		#tileBlock #tile5.nav {display:none;}
		#tileBlock #tile6.nav {display:none;}
		
		#tileBlock #logo.nav {
			height: 40px;
			width: 45px;
		}
		
		#tileBlock .inner {
			height: auto;
		}
	}
	
	
	/*----------------------------
	ii. main menu
	-----------------------------*/
	
	.tile{ background-color: rgba(255, 255, 255, 1); color:#fff; cursor:pointer;}
	.tile:hover{ background-color:rgba(177,179,180,1); color:#fff;}
	 #logo { background-color:rgba(177,179,180,0.85); color:#fff;}
	.tile.highlight {background-color: rgba(177, 179, 180, 1);}
	.tile .tileHeading {color:#9fa0a0}
	.tile .slogan {color:#fefefe}
	.tile.highlight h2 {color:#FFF;}
		
	/*----------------------------
	iii. sub menu
	-----------------------------*/
	
	#tileBlock .submenu a,#tileBlock .submenu a:visited {color:#444;}
	#tileBlock .submenu a:hover,#tileBlock .submenu a.active {color: #010101;}
	
	
		
/*--------------------------------------------------------
	4.PAGE ELEMENTS
--------------------------------------------------------*/
	
	/*----------------------------
	i. content wrapper
	-----------------------------*/
	
	#contentWrapper {left: 0;width: 100%;}
	#contentWrapper, #contentWrapper p{color:#656565; font-size: 14px; font-family:'Lucida Grande', Helvetica, sans-serif; line-height:22px;}
	#contentWrapper p a{color:#656565; font-size: 14px; font-family:'Lucida Grande', Helvetica, sans-serif; line-height:22px;margin:5px 5px 5px 0px;}
	#contentWrapper p img{margin:0; padding:0; display:inline; }
	
	#contentWrapper ul { padding:0; margin:0;}
	#contentWrapper ul li { width:100%; float:left;}
	#contentWrapper ul .blocEtudes { width:88%; float:left; padding:0 0 0 100px; margin:10px 0px 40px; list-style: none outside none; background-position:left center; background-repeat:no-repeat;min-height: 75px;}
	.entreprise{ background-image:url(../images/cat/entreprise.jpg)}
	.management{ background-image:url(../images/cat/entreprise-2.jpg)}
	.opinion{ background-image:url(../images/cat/entreprise-3.jpg)}
	.attitudes{ background-image:url(../images/cat/entreprise-4.jpg)}
	.francais{ background-image:url(../images/cat/entreprise-5.jpg)}
	.technologie{ background-image:url(../images/cat/entreprise-6.jpg)}
	
	
	@media screen and (max-width: 480px) {
		#contentWrapper ul .blocEtudes { width:98%; float:left; padding:0 0 0 5px; margin:10px 0px 40px; list-style: none outside none; background-position:left top; background-repeat:no-repeat;min-height: 75px;}
		
		.entreprise{ background-image:url(../images/cat/small-entreprise.jpg)}
		.management{ background-image:url(../images/cat/small-entreprise-2.jpg)}
		.opinion{ background-image:url(../images/cat/small-entreprise-3.jpg)}
		.attitudes{ background-image:url(../images/cat/small-entreprise-4.jpg)}
		.francais{ background-image:url(../images/cat/small-entreprise-5.jpg)}
		.technologie{ background-image:url(../images/cat/small-entreprise-6.jpg)}
	}
	
	
	
	#contentWrapper ul .chiffreCle { width:100%; float:left; padding:0 0 0 25px; margin:10px 0px 10px; list-style: none outside none; background-position:left center; background-repeat:no-repeat; background-image:url(../images/puce.png)}
	
	#contentWrapper ul .chiffreCle p strong{color:#656565; font-size: 16px; font-weight:bold;}
	
	#contentWrapper ul .etudes { width:90%; float:left; padding:0; margin:0 0 0 25px; list-style: none outside none;}
	#contentWrapper ul .presses { width:90%; float:left; padding:0; margin:5px 0 5px 25px; list-style: none outside none;}
	#contentWrapper ul li .logoPresse { width:90px; height:90px; float:left; padding:0; margin:0 10px 0 0; border-radius:90px; background-repeat:no-repeat; background-position: center center;background-color:#FFF; background-size:100% auto;  border: 4px solid #F4F4F4;}
	#contentWrapper ul li .textPresse {color:#656565; font-size: 14px; font-family:'Lucida Grande', Helvetica, sans-serif; margin: 0;padding:0; line-height:auto; padding-top:40px;}

	#contentWrapper ul li h4 {color:#656565; font-size: 14px; font-family:'Lucida Grande', Helvetica, sans-serif; margin: 0;float: left;max-width: 84%;  width: auto;}
	#contentWrapper ul li p {color:#656565; font-size: 14px; font-family:'Lucida Grande', Helvetica, sans-serif; margin: 0;float: left; clear:both;}
	#contentWrapper ul li p a{color: #656565;
    font-family: 'Lucida Grande',Helvetica,sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    margin: 5px 5px 5px 0;
    text-decoration: underline;}
	#contentWrapper ul li p a:hover{color: #000; text-decoration: underline;}
	#contentWrapper ul li p span{color:#656565; font-size: 16px; font-weight:bold;}
	#contentWrapper ul li .twitterPicto{float: left;
    margin-left: 10px;
    margin-top: -4px;}#contentWrapper ul li .twitterPicto img{margin:0; padding:0;}
	
	@media screen and (max-width: 2850px) {
	#contentWrapper ul li p{
		width: 1300px;
	}
	}
	@media screen and (max-width: 2650px) {
	#contentWrapper ul li p{
		width: 1300px;
	}
	}
	@media screen and (max-width: 2350px) {
	#contentWrapper ul li p{
		width: 1300px;
	}
	}
	@media screen and (max-width: 2000px) {
	#contentWrapper ul li p{
		width: 1300px;
	}
	}
	@media screen and (max-width: 1850px) {
	#contentWrapper ul li p{
		width: 1050px;
	}
	}
	@media screen and (max-width: 1650px) {
	#contentWrapper ul li p{
		width: 800px;
	}
	}
	@media screen and (max-width: 1300px) {
	#contentWrapper ul li p{
		width: 650px;
	}
	}
	@media screen and (max-width: 1250px) {
	#contentWrapper ul li p{
		width: 650px;
	}
	}
	@media screen and (max-width: 1024px) {
	#contentWrapper ul li p{
		width: 650px;
	}
	}
	@media screen and (max-width: 950px) {
	#contentWrapper ul li p{
		width: 650px;
	}
	}
	@media screen and (max-width: 480px) {
	#contentWrapper ul li p.titre{
		width: 80%;
		margin-top:20px;
	}
	#contentWrapper ul li h4 {padding:0 0 0 55px; color:#656565; font-size: 14px; font-family:'Lucida Grande', Helvetica, sans-serif; margin: 0;float: left;max-width: 65%;  width: auto;}
	}	
	/*----------------------------
	ii. twitter
	-----------------------------*/

	.twitter, .query { font-family:'Lucida Grande', Helvetica, sans-serif;  }
	.tweet_list .awesome, .tweet_list .epic {text-transform: uppercase;}
	.tweet_list li {border-bottom:1px dotted #333;}
	.tweet_list li a {color: #999;}
	.tweet_list .tweet_text {font-size:14px;font-style:italic; color:#656565;}
	.tweet_list .tweet_text a {font-size: 14px;}
	
	
	/*----------------------------
	iii. fancybox
	-----------------------------*/
	
	#fancybox-outer {background: #000;}
	#fancybox-content {border: 0px solid #000;}
	#fancybox-close {background: transparent url("../images/dark/fancybox.png") -40px 0px;}
	#fancybox-title-over {background-image: url("../images/dark/fancyboxCaption.png") !important;}
	
	

	/*----------------------------
	iv. blog
	-----------------------------*/
	
	ul.entryMeta{font-family:'Lucida Grande', Helvetica, sans-serif; font-size:12px; color:#cccccc;}
	ul.entryMeta li{border-bottom: 1px dotted #333; padding:2px 0 2px 16px; }
	ul.entryMeta li, ul.entryMeta a {font-size:11px !important;}
	#blogContainer ul li div.post{border-bottom:1px dotted #333;}
	.postClose{background: url("../images/dark/closeButton.png") no-repeat;}
	
	.entryMeta .author {background: url("../images/dark/author.png") no-repeat left center;}
	.entryMeta .category {background: url("../images/dark/category.png") no-repeat left center;}
	.entryMeta .date {background: url("../images/dark/date.png") no-repeat left center;}
	.entryMeta .comments {background: url("../images/dark/comment.png") no-repeat left center;}
	.entryMeta .tags {background: url("../images/dark/tag.png") no-repeat left center;}
	
	/*----------------------------
	v. search
	-----------------------------*/

	#searchContainer ul li div.post, #searchContainer ul li div.page{border-bottom:1px dotted #333;}
	
	/*----------------------------
	vi. form elements
	-----------------------------*/
	
	.field{background: url("../images/dark/formBackground.png");border:1px solid transparent;font-family: 'Lucida Grande', Helvetica, sans-serif; font-size:12px;}
	.field:focus{border:1px solid transparent; color:#fefefe;}
	.tarea{background: url("../images/dark/formBackground.png");border:1px solid transparent; font-family:'Lucida Grande', Helvetica, sans-serif; font-size:12px;}
	.tarea:focus{background: url("../images/dark/formBackground.png");border:1px solid transparent; color:#fefefe;}
	.formReset{background: url("../images/dark/formBackground.png");border:1px solid transparent;}
	.formVerify{background: url("../images/dark/formBackground.png");border:1px solid transparent; color:#fefefe;}

	
	/*----------------------------
	vii. pagination
	-----------------------------*/
	.page_navigation a, .alt_page_navigation a{background-image:url("../images/dark/paginate.png");background-position: 0 0;background-repeat:  no-repeat;}
	.active_page{background-image:url("../images/dark/paginate.png");background-position: 0px -10px !important;background-repeat:  no-repeat !important;text-decoration:none;}

	
	/*----------------------------
	viii. footer
	-----------------------------*/
	
	#footer{border-top:1px solid #333;}
	#footer a{color: #656565; font-size:11px;}
	
	/*----------------------------
	ix. links
	-----------------------------*/

	a,a:visited{font-size:14px; color:#fefefe;}
	a:hover{color:#fefefe; text-decoration:underline;}
	a.readMore {float:right;}


/*--------------------------------------------------------
	5.TYPOGRAPHY
--------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6{color:#000; font-family: "Lucida Grande",sans-serif; }
	h1.pageHeading{color:#FFF !important; text-transform: uppercase; font-size:50px;font-family: "Lucida Grande",sans-serif; margin-top:50px;}	
	h2.pageHeading{color:#FFF !important; text-transform: uppercase; font-size:40px; font-family: "Lucida Grande",sans-serif; z-index:10; padding:20px 0; text-align:left; position:relative; width:auto;
	margin:0 auto;}
	
	h3.pageHeading{color:#FFF !important; text-transform: uppercase; font-size:25px;font-family: "Lucida Grande",sans-serif; z-index:10; padding:20px 0 20px 0px; text-align:left; position:relative; width:auto; margin:0 auto;
	}
	
	@media screen and (max-width: 2850px) {
	
	h1.pageHeading,h3.pageHeading,h2.pageHeading{margin-left:360px;}
	}
	@media screen and (max-width: 2650px) {
	
	}
	@media screen and (max-width: 2350px) {
	
	}
	@media screen and (max-width: 2000px) {
	
	}
	@media screen and (max-width: 1850px) {
	
	}
	@media screen and (max-width: 1650px) {
	
	}
	@media screen and (max-width: 1300px) {
	
	}
	@media screen and (max-width: 1250px) {
	h1.pageHeading,h3.pageHeading,h2.pageHeading{margin-left:260px;}

	}
	@media screen and (max-width: 1024px) {
	h1.pageHeading,h3.pageHeading,h2.pageHeading{margin-left:260px;}

	}
	@media screen and (max-width: 950px) {
	h1.pageHeading,h3.pageHeading,h2.pageHeading{margin-left:260px;}

	}
	
	@media screen and (max-width: 480px) {
	h1.pageHeading,h3.pageHeading,h2.pageHeading{margin-left:5px;}
	
	h1.pageHeading {
		font-size: 35px;
		margin-top: 30px;
	}
	
	h3.pageHeading {
		font-size: 20px;
		padding: 10px 0;
	}

	}
	
	h1{font-size:36px;}
	h2{font-size:18px; margin:5px 0;}
	h3{font-size:22px;}
	h4{font-size:18px;}
	h5{font-size:14px;}
	h6{font-size:12px;}
	p.slogan{color:#fefefe;}
	p,#footer,blockquote p.clientRef, .field, .tarea {color:#656565;}
	pre,code {color:#fefefe; background:url("../images/dark/border.png") repeat;}

/*--------------------------------------------------------
	6.ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i. buttons
	-----------------------------*/
	
	.button {background-color: #000; color:#eee !important;}
	.button:hover{background-color:#111;}
	.button.teal {background-color: #07beec; }
	.button.teal:hover{background-color:#07a1c7;}
	.button.navy {background-color: #266291;}
	.button.navy:hover{background-color:#1d537e;}
	.button.red {background-color: #e22424;}
	.button.red:hover {background-color: #c61818;}
	.button.magenta {background-color: #ba115b;}
	.button.magenta:hover {background-color: #a51b58;}
	.button.orange {background-color: #e78c0b;}
	.button.orange:hover {background-color: #cf7f0d;}
	.button.yellow {background-color: #f0ed0b; color:#111 !important;}
	.button.yellow:hover {background-color: #d1cf10; color:#111 !important;}
	.button.green {background-color: #7fa607;}
	.button.green:hover {background-color: #68860b;}
	.button.black {background-color: #000000;}
	.button.black:hover {background-color: #1e1e1e;}
	.button.white {background-color: #ffffff; color:#000 !important;}
	.button.white:hover {background-color: #dedede;color:#000 !important;}
		
		
		
	/*----------------------------
	ii. image styling
	-----------------------------*/
		
	#content img, #footer img{padding:5px;}
	.mediaContainer{border: 1px solid #111; background:url("../images/dark/border.png") repeat;}
	.mediaContainer a div._rollover {background: url("../images/dark/transparent.png");}
	._rollover p {color:#fefefe !important;}
	.mediaContainer a span {color: #fefefe; }
	
		
	/*----------------------------
	iii. comment lists
	-----------------------------*/
		
	ul.commentList li{border-bottom:1px dotted #333;}
	ul.commentList li p{font-size:12px;}
	.commentDate {font-size:12px;color:#999; font-family: "Times New Roman",Times,serif;font-style: italic;}
	.commentName {font-size:14px;color:#999;}
	ul.commentList li.last{border:none;padding:0px;}
	
	
	/*----------------------------
	iv. blockquotes
	-----------------------------*/
	
	blockquote{background-image: url(../images/dark/openQuote.png);background-repeat:no-repeat; font-size: 15px;font-style: italic;}
	blockquote p {font-size:15px !important; color:#656565 !important;}
	blockquote p.clientRef {font-size:11px !important; color:#999 !important;}
		

/*--------------------------------------------------------
	7. WIDGETS
--------------------------------------------------------*/

	#widgetContainer {border-top:1px dotted #333; }
	
	/*jPlayer*/
	
	div.jp-audio { }
		
	div.jp-interface {background:#111 url("../images/dark/noise.png"); }
	
	a.jp-previous { background: url("../images/dark/skin.png") 0 0 no-repeat; }
	a.jp-play { background: url("../images/dark/skin.png") -50px 0 no-repeat; }
	a.jp-pause { background: url("../images/dark/skin.png") -100px 0 no-repeat; display: none; }	
	a.jp-next { background: url("../images/dark/skin.png") -150px 0 no-repeat; }
	a.jp-stop { background: url("../images/dark/skin.png") -200px 0 no-repeat; }	
	

	ul.jp-controls li a:hover {}
	
	div.jp-jplayer { background-color: #000000; }

/*--------------------------------------------------------
	8. MISCELLANEOUS
--------------------------------------------------------*/