/*
Theme Name: Profil'inox
Theme URI: http://wordpress.org/
Description: - Profil'inox 's Theme
Author: Agence-Quills
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


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

   Reset default browser CSS.

   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html

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

/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }


/* BODY ---------------------------------------------------------*/

	body {
		overflow-y: scroll;
		font: 12px/19px "Lucida Grande", Arial;
	}

/* GRID ---------------------------------------------------------*/

	#wrapper {
		width: 960px;
		margin: 20px auto;
	}

	#main {
		position: relative;
	}

	.columns {
		overflow: hidden;
	}

	.columns .col {
		float: left;
		width: 217px;
		margin-left: 30px;
	}
	
	.columns .col:first-child {
		margin-left: 0;
	}
	
	.mainCol {
		float: left;
		width: 660px;
	}
	
	.sidebarCol {
		float: right;
		width: 270px;
	}
	
	.floatL {
		float: left;
		margin: 5px 20px 20px 0;
	}
	
	.floatR {
		float: right;
		margin: 5px 0 20px 20px;
	}
	
	h1, h2, h3, h4, form, table, ul, ol, p, dl, blockquote, hr {
		margin-bottom: 30px;
	}

.columns ul {
	margin:0px;
	padding:0px;
}
/* MISC ---------------------------------------------------------*/
	
	.skipLink {
		display: none;
	}
	
	.intro {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -1px;
		margin-bottom: 40px;
	}
	
	abbr, acronym {
		text-transform: uppercase;
	}
	
	code {
		padding: 5px;
		font: 13px/18px "Courier New", Courier, monospace;
	}
	
	blockquote, quote {
		font-family: Georgia;
		font-size: 18px;
		font-style: italic;
		font-weight: 100;
		line-height: 24px;
		padding-left: 100px;
		padding-right: 100px;
	}
	
	blockquote p {
		margin: 0;
	}

/* LISTS ---------------------------------------------------------*/
	
	ul, ol {
		margin-left: 40px;
	}
	
	ul li {
		list-style: disc;
	}
	
	ol li {
		list-style: decimal;
	}
	
	ul#pageTabs {
		position: absolute;
		top: 15px;
		right: 0;
	}
	
	ul#pageTabs li {
		float: left;
		list-style: none;
		margin: 0 0 0 20px;
		font-size: 20px;
		background: url("images/sitenav_bg.png") 0 50% no-repeat;
	}

	ul#pageTabs li:first-child {
		background: none;
	}

	ul#pageTabs li a {
		text-decoration: none;
		padding: 0 0 0 20px;
	}
	
	ul#pageNav {
		position: absolute;
		top: 15px;
		right: 0;
	}
	
	ul#pageNav li {
		float: left;
		list-style: none;
		margin: 0 0 0 20px;
		font-size: 20px;
	}

	ul#pageNav li a {
		display: block;
		width: 41px;
		height: 40px;
		background: url("images/sprite.png") 0 -247px no-repeat;
	}

	ul#pageNav li a span {
		display: none;
	}

	ul.pagination {
		margin: 0;
	}
	
	ul.pagination li {
		float: left;
		margin: 0 10px 0 0;
		list-style: none;
	}
	
	ul.pagination li a {
		display: block;
		padding: 5px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
		text-decoration: none;
	}

	ul.socialLinks {
		margin: 0;
	}

	ul.socialLinks li {
		list-style: none;
		margin-bottom: 10px;
	}

	ul.socialLinks li a {
		text-decoration: none;
		border: none!important;
	}
	
	ul.socialLinks li a span {
		background: url("images/sprite.png") 0 0 no-repeat;
		width: 41px;
		height: 40px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}

	ul.socialLinks li a span.facebook {
		background-position: 0 -61px;
	}
	ul.socialLinks li a:hover span.facebook,
	ul.socialLinks li a:focus span.facebook {
		background-position: -41px -61px;
	}
	
	ul.socialLinks li a span.twitter {
		background-position: 0 -101px;
	}
	ul.socialLinks li a:hover span.twitter,
	ul.socialLinks li a:focus span.twitter {
		background-position: -41px -101px;
	}
	
	ul.socialLinks li a span.rss {
		background-position: 0 -141px;
		height: 41px;
	}
	ul.socialLinks li a:hover span.rss,
	ul.socialLinks li a:focus span.rss {
		background-position: -41px -141px;
	}
	
	ul.socialLinks li a span.email {
		background-position: 0 -182px;
		height: 41px;
	}
	ul.socialLinks li a:hover span.email,
	ul.socialLinks li a:focus span.email {
		background-position: -41px -182px;
	}
	
	ol#commentList {
		margin: 0;
	}
	
	ol#commentList li {
		position: relative;
		list-style: none;
		padding-top: 30px;
	}

	ol#commentList li:first-child {
		border: none;
		padding-top: 0;
	}
	
	ol#commentList li p {
		margin-left: 52px;
		font-style: italic;
	}
	
	ol#commentList li p:first-child a {
		border: none;
	}
	
	ol#commentList li p:first-child {
		position: absolute;
		left: 0;
		top: 35px;
		margin: 0;
	}
	
	ol#commentList li:first-child p:first-child {
		top: 5px;
	}
	
	dl {
		overflow: hidden;
	}
	
	dl dt,
	dl dd {
		float: left;
		width: 50%;
		margin-bottom: 5px;
	}

/* TABLES ---------------------------------------------------------*/

	table {
		width: 100%;
	}
	
	table th,
	table td {
		padding: 10px;
	}
	
	table thead th {
		text-align: left;
		font-weight: bold;
		vertical-align: bottom;
	}
	
	table tbody tr:first-child th,
	table tbody tr:first-child td {
		border-top: none;
	}

/* HEADINGS ---------------------------------------------------------*/

	h1, h2, h3 {
		letter-spacing: -1px;
	}

	h1 {
		font-size: 46px;
		line-height: 46px;
	}
	h2 {
		font-size: 36px;
		line-height: 36px;
	}
	h3 {
		font-size: 20px;
		line-height: 20px;
	}
	h4 {
		font-size: 14px;
		line-height: 14px;
	}

/* HEADER ---------------------------------------------------------*/
	
	#header {
		display: block;
		margin-bottom: 30px;
	}
	
	#header .holder {
		margin: auto;
		padding: 12px 0 20px 0;
		position: relative;
		width: 960px;
	}
	
	#title {
	float: left;
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	margin: 0;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 400px;
	}
	
	#title a {
		text-decoration: none;
	}
	
	ul#siteNav {
		position: absolute;
		right: -20px;
		bottom: 0;
		margin: 0;
		padding: 36px 0;
	}
	
	ul#siteNav li {
		position: relative;
		float: left;
		margin: 0;
		font-size: 18px;
		line-height: 18px;
		text-transform: uppercase;
		list-style: none;
		background: url("images/sitenav_bg.png") 0 50% no-repeat;
	}
	
	ul#siteNav li:first-child {
		background: none;
	}
	
	ul#siteNav li a {
		position: relative;
		z-index: 2;
		text-decoration: none;
		padding: 10px 20px 38px 20px;
	}

	ul#siteNav li ul {
		display: none;
	}
	
	ul#siteNav li.hover a {
		z-index: 100;
	}
	
	ul#siteNav li.hover ul {
		display: block;
		position: absolute;
		top: 25px;
		left: 0;
		margin: 0;
		z-index: 101;
	}
	
	ul#siteNav li.hover ul li {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		background: none;
		list-style: none;
	}
	
	ul#siteNav li.hover ul li a {
		display: block;
		padding: 10px 20px;
		font-family: "Lucida Grande";
		font-size: 12px;
		text-transform: none;
		white-space: nowrap;
	}
	
	ul#siteNav li.hover ul li:first-child a {
		border-top: none!important;
	}

/* SLIDER ---------------------------------------------------------*/

	#slider {
		position: relative;
		height: 360px;
		margin-bottom: 20px;
	}
	#slider img {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}

	#slider a {
		text-decoration: none;
	}
	
	#slider a span {
		position: absolute;
		top: 20px;
		left: 0;
		padding: 10px 20px 10px 20px;
		font-size: 36px;
		letter-spacing: -1px;
		opacity: 0;
	}
	
	#slider .nivo-controlNav {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	#slider .nivo-controlNav .nivo-control {
		display: inline-block;
		font-size: 0;
		width: 10px;
		height: 10px;
		margin-right: 5px;
		margin:3px;
	}
	
	#slider .nivo-directionNav {
		display: none!important;
	}
	
/* WORK ---------------------------------------------------------*/
	
	ul.work {
		margin: 0 -15px;
	}

	ul.work li {
		float: left;
		width: 217px;
		margin: 0 15px 30px 15px;
		list-style: none;
	}
	
	ul.work li p {
		margin: 10px 0 0 0;
		text-align: center;
	}
	
	ul.applications li {
		height: 180px;
		text-align: center;
	}

/* GALLERY ---------------------------------------------------------*/

	a.gallery {
		position: relative;
		display: block;
		height: 145px;
		width: 217px;
	}
	
	a.gallery:hover,
	a.gallery:focus {
		-moz-box-shadow: 0 0 10px #000;
		-webkit-box-shadow: 0 0 10px #000;
	}
	
	a.gallery span {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 61px;
		width: 61px;
		margin: -31px 0 0 -31px;
		background: url("images/sprite.png") 0 0 no-repeat;
	}
	
	a.video span {
		background: url("images/sprite.png") -62px 0 no-repeat;	
	}

/* FORMS ---------------------------------------------------------*/

	form input[type=text],
	form input[type=password],
	form textarea {
		padding: 10px;
		font: 12px/19px "Lucida Grande", Arial;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	form input[type=text],
	form input[type=password] {
		width: 55%;
	}

	form textarea {
		width: 95%;
		height: 200px;
	}
	
	form div {
		margin-bottom: 20px;
	}
	
	form .formLabel {
		display: none;
	}
	
	form button {
		font-size: 20px;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 12px 20px 13px 20px;
		cursor: pointer;
	}

	form.searchBox {
		position: relative;
	}

	form.searchBox input {
		width: 208px;
	}
	
	form.searchBox button {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 24px;
		height: 24px;
		padding: 0;
		background: #FFF url("sprite.png") 0 -223px no-repeat!important;
	}
	
	form.searchBox button span {
		display: none;
	}

/* BLOG ---------------------------------------------------------*/

	h3.info {
		margin-top: -15px;
	}

	.introText {
		font-size: 18px;
		line-height: 24px;
	}

	.blogImage {
		position: relative;
		margin-bottom: 10px;
	}
	
	.blogImage > span {
		left: -10px;
		padding: 5px 10px;
		position: absolute;
		top: 10px;
	}

/* SIDEBAR ---------------------------------------------------------*/

	.sidebarCol > div {
		overflow: hidden;
		margin-top: 1px;
		padding: 15px 20px 0 20px;
	}

	.sidebarCol div h2 {
		margin-bottom: 10px;
		font-size: 20px;
		background: none;
	}

	.sidebarCol div h2 cufon,
	.sidebarCol div h2 cufon canvas {
		background: none;
	}
	
	.sidebarCol div ul {
		margin-left: 0;
	}
	
	.sidebarCol div ul li {
		list-style: none;
		margin-bottom: 10px;
		position: relative;
	}

	.sidebarCol div ul li a,
	.sidebarCol div dl dt a {
		margin-left: 15px;
	}

	.sidebarCol div dl {
		margin-bottom: 20px;
	}

	.sidebarCol div dl dd,
	.sidebarCol div dl dt {
		margin-bottom: 10px;
	}
	
	.sidebarCol div dl dd {
		text-align: right;
	}

	.sidebarCol ul.adverts {
		margin: 0 0 0 -20px;
	}
	
	.sidebarCol ul.adverts li {
		list-style: none;
		float: left;
		width: 125px;
		height: 125px;
		overflow: hidden;
		margin: 20px 0 0 20px;
	}

/* TWITTER ---------------------------------------------------------*/

	#latestTweet {
		margin: 20px 0 0 0;
		padding-top: 20px;
	}

	#latestTweet ul {
		margin: 0;
	}
	
	#latestTweet ul li {
		list-style: none;
		padding: 3px 0 3px 40px;
	}
	
/* FOOTER ---------------------------------------------------------*/

	#footer {
		clear: both;
		overflow: hidden;
		margin-top: 20px;
		padding-top: 20px;
	}
	
	#footer p {
		float: left;
	}
	
	#footer ul {
		float: right;
	}
	
	#footer ul li {
		float: left;
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		background: url("images/sitenav_bg.png") 0 50% no-repeat;
	}
	
	#footer ul li:first-child {
		background: none;
	}
	
/* JAVASCRIPT DISABLED ---------------------------------------------------------*/

	body.jsDisabled h2 {
	background: none;
	vertical-align: baseline;
	}

	body.jsDisabled #slider {
		height: auto;
	}

	body.jsDisabled #slider img {
		display: block;
		position: static;
	}
	
/* FIREFOX ---------------------------------------------------------*/

	@-moz-document url-prefix(){
	
		form.searchBox button {
			top: 6px;
		}
	
	}


/* BODY ---------------------------------------------------------*/
	
	body {
		color: #999da1;
		background: #333a42 url("images/dark_bg.png");
	}

/* MISC ---------------------------------------------------------*/

	.intro {
		color: #FFF;
	}
	
	hr {
		border: none;
		border-bottom: 1px solid #5C6065;
	}

	abbr, acronym {
		border-bottom: 1px dotted #666666;
	}
	
	ins, dfn {
		border-bottom: 1px solid #666666;
	}
	
	code {
		border: 1px dotted #CCC;
		background: #EFEFEF;
	}

	blockquote, quote {
		background: url("images/quote_dark_bg.png") 40px 5px no-repeat;
		min-height: 45px;
		color: #666b71;
	}

/* LINKS ---------------------------------------------------------*/

	#main a,
	#footer a {
		border-bottom: 1px solid #999da1;
	}

	a:link,
	a:visited,
	a:hover,
	a:focus,
	a:active {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover,
	a:focus {
		color: #999da1;
	}

/* LISTS ---------------------------------------------------------*/

	ul#pageTabs li a {
		color: #999;
		border: none;
	}
	
	ul#pageNav li a {
		border: none;
	}
	
	ul#pageNav li.previous a {
		background-position: -287px -247px;
	}
	ul#pageNav li.previous a:hover,
	ul#pageNav li.previous a:focus {
		background-position: -246px -247px;
	}
	
	ul#pageNav li.next a {
		background-position: -205px -247px;
	}
	ul#pageNav li.next a:hover,
	ul#pageNav li.next a:focus {
		background-position: -164px -247px;
	}
	
	ul#pageTabs li.selected a,
	ul#pageTabs li a:hover,
	ul#pageTabs li a:focus {
		color: #FFF;
	}
	
	ul.pagination li a {
		border: 1px solid #5C6065!important;
		color: #999;
	}
	
	ul.pagination li.selected a {
		color: #333A42;
		background: #FFF;
		border-color: #FFF!important;
	}
	
	ol#commentList li {
		border-top: 1px solid #5C6065;
	}
	
	ol#commentList li p {
		color: #666b71;
	}
	
	ol#commentList li p cite,
	ol#commentList li p cite a {
		color: #999;
	}
	
	ul.socialLinks li a span.facebook {
		background-position: -82px -61px;
	}
	
	ul.socialLinks li a span.twitter {
		background-position: -82px -101px;
	}
	
	ul.socialLinks li a span.rss {
		background-position: -82px -141px;
	}
	
	ul.socialLinks li a span.email {
		background-position: -82px -182px;
	}

/* TABLES ---------------------------------------------------------*/

	table {
		border: 1px solid #5C6065;
	}
	
	table th,
	table td {
		border: 1px solid #5C6065;
	}
	
	table thead th {
		background: #3E444B;
		border-bottom: 1px solid #5C6065;
	}
	
	table tbody tr:hover,
	table tbody tr:focus {
		background: #3E444B;
	}

/* HEADINGS ---------------------------------------------------------*/
	
	h1, h2, h3, h4 {
		color: #FFF;
	}
	
	h2 {
		background: url("images/h2_dark_bg.png") 0 55% repeat-x;
	}
	
	h2 cufon,
	h2 cufon canvas {
		background: url("images/dark_bg.png");
	}

/* HEADER ---------------------------------------------------------*/
	
	#header {
		background: #FFF;
	}
	
	#title a {
		color: #333a42;
	}
	
	ul#siteNav li a {
		color: #999;
	}
	
	ul#siteNav li.current-menu-item a,
	ul#siteNav li a:hover,
	ul#siteNav li a:focus {
		color: #333a42;
	}
	
	ul#siteNav > li.current-menu-item > a {
		background: url("images/sitenav_selected_dark.png") 50% 100% no-repeat;
	}

	ul#siteNav > li.hasSub.hover > a,
	ul#siteNav li.hasSub ul {
		background: #999;
	}

	ul#siteNav li.hasSub.hover a {
		color: #FFF;
	}
	
	ul#siteNav li.hasSub.hover ul li a:hover,
	ul#siteNav li.hasSub.hover ul li a:focus {
		color: #CCC;
	}
	
	ul#siteNav li.hasSub.hover ul li a {
		border-top: 1px solid #898989;
	}
	
/* SLIDER ---------------------------------------------------------*/

	#slider {
		background: url("images/loading_dark.gif") 50% 50% no-repeat;
	}

	#slider a {
		border-bottom: none;
	}

	#slider a span {
		background: #FFF;
		color: #333a42;
	}
	
	#slider .nivo-controlNav {
		color: #FFF;
	}

	#slider .nivo-controlNav .nivo-control {
		background: #FFF;
	}
	
	#slider .nivo-controlNav .nivo-control:hover,
	#slider .nivo-controlNav .nivo-control:focus,
	#slider .nivo-controlNav .active {
		background: #333a42;
	}

/* GALLERY ---------------------------------------------------------*/

	#main a.gallery {
		border-bottom: none;
	}
	
/* FORMS ---------------------------------------------------------*/

	form input[type=text],
	form input[type=password],
	form textarea {
		border: 1px solid #FFF;
		color: #666666;
	}
	
	form button {
		background: #CC0000;
		color: #FFF;
	}
	
	form button:hover,
	form button:focus {
		background: #000;
	}

/* BLOG ---------------------------------------------------------*/

	h3.info {
		color: #999;
	}
	
	.introText {
		color: #FFF;
	}
	
	#main .blogImage a {
		border-bottom: none;
	}
	
	.blogImage > span {
		background: #FFF;
		color: #333A42;
	}

/* SIDEBAR ---------------------------------------------------------*/
	
	.sidebarCol div {
		background: #2b3138;
		background: rgba(0,0,0,.2);
	}
	
	.sidebarCol form div {
		background: none;
	}
	
	.sidebarCol ul,
	.sidebarCol dl {
		color: #999;
	}
	
	.sidebarCol div ul li,
	.sidebarCol div dl dt {
		background: url("images/list_bg.png") 0 50% no-repeat;
	}

/* TWITTER ---------------------------------------------------------*/

	#latestTweet {
		border-top: 1px solid #5C6065;
		color: #666b71;
		font-family: Georgia;
		font-size: 14px;
		font-style: italic;
	}
	
	#latestTweet ul li {
		background: url("images/sprite.png") 0 -311px no-repeat;
	}

/* FOOTER ---------------------------------------------------------*/
	
	#footer {
		border-top: 1px solid #5C6065;
	}
	
	
	/*
	 * jQuery Nivo Slider v2.0
	 * http://nivo.dev7studios.com
	 *
	 * Copyright 2010, Gilbert Pellegrom
	 * Free to use and abuse under the MIT license.
	 * http://www.opensource.org/licenses/mit-license.php
	 * 
	 * March 2010
	 */


	/* The Nivo Slider styles */
	.nivoSlider {
		position:relative;
	}
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
	}
	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		border:0;
		padding:0;
		margin:0;
		z-index:60;
		display:none;
	}
	/* The slices in the Slider */
	.nivo-slice {
		display:block;
		position:absolute;
		z-index:50;
		height:100%;
	}
	/* Caption styles */
	.nivo-caption {
		position:absolute;
		left:0px;
		bottom:0px;
		background:#000;
		color:#fff;
		opacity:0.8; /* Overridden by captionOpacity setting */
		width:100%;
		z-index:89;
	}
	.nivo-caption p {
		padding:5px;
		margin:0;
	}
	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav a {
		position:absolute;
		top:45%;
		z-index:99;
		cursor:pointer;
	}
	.nivo-prevNav {
		left:0px;
	}
	.nivo-nextNav {
		right:0px;
	}
	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav a {
		position:relative;
		z-index:99;
		cursor:pointer;
	}
	.nivo-controlNav a.active {
		font-weight:bold;
	}
	
	
	/*
	 * FancyBox - jQuery Plugin
	 * Simple and fancy lightbox alternative
	 *
	 * Examples and documentation at: http://fancybox.net
	 * 
	 * Copyright (c) 2008 - 2010 Janis Skarnelis
	 *
	 * Version: 1.3.1 (05/03/2010)
	 * Requires: jQuery v1.3+
	 *
	 * Dual licensed under the MIT and GPL licenses:
	 *   http://www.opensource.org/licenses/mit-license.php
	 *   http://www.gnu.org/licenses/gpl.html
	 */

	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		height: 40px;
		width: 40px;
		margin-top: -20px;
		margin-left: -20px;
		cursor: pointer;
		overflow: hidden;
		z-index: 1104;
		display: none;
	}

	* html #fancybox-loading {	/* IE6 */
		position: absolute;
		margin-top: 0;
	}

	#fancybox-loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background-image: url("images/fancybox.png");
	}

	#fancybox-overlay {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: #000;
		z-index: 1100;
		display: none;
	}

	* html #fancybox-overlay {	/* IE6 */
		position: absolute;
		width: 100%;
	}

	#fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		overflow: auto;
		display: none;
	}

	#fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 20px;
		z-index: 1101;
		display: none;
	}

	#fancybox-outer {
		position: relative;
		width: 100%;
		height: 100%;
		background: #FFF;
	}

	#fancybox-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: 0;
		outline: none;
		overflow: hidden;
	}

	#fancybox-hide-sel-frame {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}

	#fancybox-close {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 30px;
		height: 30px;
		background-image: url("images/fancybox.png");
		background-position: -40px 0px;
		cursor: pointer;
		z-index: 1103;
		display: none;
	}

	#fancybox_error {
		color: #444;
		font: normal 12px/20px Arial;
		padding: 7px;
		margin: 0;
	}

	#fancybox-content {
		height: auto;
		width: auto;
		padding: 0;
		margin: 0;
	}

	#fancybox-img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
		outline: none;
		line-height: 0;
		vertical-align: top;
		-ms-interpolation-mode: bicubic;
	}

	#fancybox-frame {
		position: relative;
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}

	#fancybox-title {
		position: absolute;
		bottom: 0;
		left: 0;
		font-family: Arial;
		font-size: 12px;
		z-index: 1102;
	}

	.fancybox-title-inside {
		padding: 10px 0;
		text-align: center;
		color: #333;
	}

	.fancybox-title-outside {
		padding-top: 5px;
		color: #FFF;
		text-align: center;
		font-weight: bold;
	}

	.fancybox-title-over {
		color: #FFF;
		text-align: left;
	}

	#fancybox-title-over {
		padding: 10px;
		background-image: url("images/fancy_title_over.png");
		display: block;
	}

	#fancybox-title-wrap {
		display: inline-block;
	}

	#fancybox-title-wrap span {
		height: 32px;
		float: left;
	}

	#fancybox-title-left {
		padding-left: 15px;
		background-image: url("images/fancybox.png");
		background-position: -40px -90px;
		background-repeat: no-repeat;
	}

	#fancybox-title-main {
		font-weight: bold;
		line-height: 29px;
		background-image: url("images/fancybox-x.png");
		background-position: 0px -40px;
		color: #FFF;
	}

	#fancybox-title-right {
		padding-left: 15px;
		background-image: url("images/fancybox.png");
		background-position: -55px -90px;
		background-repeat: no-repeat;
	}

	#fancybox-left, #fancybox-right {
		position: absolute;
		bottom: 0px;
		height: 100%;
		width: 35%;
		cursor: pointer;
		outline: none;
		background-image: url("images/blank.gif");
		z-index: 1102;
		display: none;
	}

	#fancybox-left {
		left: 0px;
	}

	#fancybox-right {
		right: 0px;
	}

	#fancybox-left-ico, #fancybox-right-ico {
		position: absolute;
		top: 50%;
		left: -9999px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		cursor: pointer;
		z-index: 1102;
		display: block;
	}

	#fancybox-left-ico {
		background-image: url("images/fancybox.png");
		background-position: -40px -30px;
	}

	#fancybox-right-ico {
		background-image: url("images/fancybox.png");
		background-position: -40px -60px;
	}

	#fancybox-left:hover, #fancybox-right:hover {
		visibility: visible;    /* IE6 */
	}

	#fancybox-left:hover span {
		left: 20px;
	}

	#fancybox-right:hover span {
		left: auto;
		right: 20px;
	}

	.fancy-bg {
		position: absolute;
		padding: 0;
		margin: 0;
		border: 0;
		width: 20px;
		height: 20px;
		z-index: 1001;
	}

	#fancy-bg-n {
		top: -20px;
		left: 0;
		width: 100%;
		background-image: url("images/fancybox-x.png");
	}

	#fancy-bg-ne {
		top: -20px;
		right: -20px;
		background-image: url("images/fancybox.png");
		background-position: -40px -162px;
	}

	#fancy-bg-e {
		top: 0;
		right: -20px;
		height: 100%;
		background-image: url("images/fancybox-y.png");
		background-position: -20px 0px;
	}

	#fancy-bg-se {
		bottom: -20px;
		right: -20px;
		background-image: url("images/fancybox.png");
		background-position: -40px -182px; 
	}

	#fancy-bg-s {
		bottom: -20px;
		left: 0;
		width: 100%;
		background-image: url("images/fancybox-x.png");
		background-position: 0px -20px;
	}

	#fancy-bg-sw {
		bottom: -20px;
		left: -20px;
		background-image: url("images/fancybox.png");
		background-position: -40px -142px;
	}

	#fancy-bg-w {
		top: 0;
		left: -20px;
		height: 100%;
		background-image: url("images/fancybox-y.png");
	}

	#fancy-bg-nw {
		top: -20px;
		left: -20px;
		background-image: url("images/fancybox.png");
		background-position: -40px -122px;
	}

	/* IE */

	#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale'); }

	.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
	.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale'); }

	.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale'); }

	.fancybox-ie .fancy-bg { background: transparent !important; }

	.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale'); }