/*
*
*	Pixaria Gallery
*	Copyright Jamie Longstaff
*
*/

/* Main DOM elements
----------------------------------------------- */

body
	{
	font-family: "Myriad Pro", Myriad, Corbel, Helvetica, Arial, Geneva, Sans-Serif;
	margin:0px;
	width:100%;
	background-color:#000;
	color: #cfcfcf;
	text-align:center;
	}

h1
	{
	font-weight:normal;
	margin:0px 0px 4px 0px;
	font-size:14pt;
	}

h2
	{
	font-weight:normal;
	margin:0px 0px 1px 0px;
	font-size:12pt;
	}

h3
	{
	font-weight:bold;
	margin:0px 0px 1px 0px;
	font-size:10pt;
	line-height:15pt;
	}

p,div,td
	{
	font-family:  "Myriad Pro", Myriad, Corbel, Helvetica, Arial, Geneva, Sans-Serif;
	font-size:10pt;
	line-height:13pt;
	}

a:link,a:visited,a:active
	{
	color: #fff;
	}

a:hover
	{
	
	text-decoration:underline;
	}

a{
	outline: none;
}

a img{
	border: none;
}

li
	{
	margin-top:9pt;
	}

form
	{
	margin:0px;
	}

form .forminput
	{
	font-size:8pt;
	color:#222;
	}

form .formbutton
	{
	text-align:center;
	color:#444;
	background:#DDD;
	font-size:9pt;
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	font-weight:bold;
	}

.bold
	{
	font-weight:bold;
	}
	
.underline
	{
	text-decoration:underline;
	}


/* Main Navigation
----------------------------------------------- */

a.navigation-link
	{
	padding:0px 10px 0px 10px;
	font-weight:bold;
	font-size:9pt;
	font-family:"Myriad Pro", Myriad, Corbel, Helvetica, Arial, Geneva, Sans-Serif;
	color:#fff;
	text-decoration:underline;
	}

a.navigation-link:hover
	{
	color:#fff;
	text-decoration:none;
	}



/* ID Entities
----------------------------------------------- */

#masthead /* Defines the background image and style of the main masthead */
	{
	height:82px;
	background-image:url('../images/masthead.jpg');
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
	
	}
	
#copyright /*  */
	{
		clear: left;
		border-top: 1px solid #2e2e2e;
	background-color:#000;
	padding:10px;
	font-size:7pt;
	}
	
	#copyright p{
		font-size: 12px;
		margin-left: 15px;
	}
	
	div#front-footer{
	margin-top: 450px;
	}
	
	div#search{
		float: right;
		margin-top: -35px;
	}

#content
	{
	margin:0px auto;
	width:100%;
	text-align:left;
	min-width:900px;
	}

.static-page-content{
	width: 60%;
	margin: 0 20%;
}

/* Classes from version 1.x stylesheet
----------------------------------------------- */

.html-error-warning
	{
	color:#F00;
	}

.required
	{
	color:#fff;
	padding-left: 4px;
	font-weight: normal;
	}

.list-one /*  */
	{
	background-color:#000;
	}
	
.list-two /*  */
	{
	background-color:#000;
	}

.icon /*  */
	{
	font-size:10pt;
	background:#FFF;
	background-position:center center;
	padding:3px;
	border: 1px solid #555;
	}

.thumbnail /*  */
	{
	font-size:9pt;
	background: #000 url('../images/loaders/image_loading.gif');
	background-position:center center;
	padding:0px;
	border: 1px solid #333;
	}




.image /*  */
	{
	background:#000;
	padding:6px;
	border: 1px solid #555;
	}

.plain
	{
	text-decoration:none;
	}

/* Header and navigation */

#header
	{
	height:110px;
	padding:0;
	overflow: hidden;
	border-bottom: 1px solid #555;
	background: #232323 url(../images/brush.gif) no-repeat 90% 0;
	}
	
	
	
#header #logo {
	float: left;
	width: 293px;
	margin: 0 0 0 20px;
	}
	
#header #navigation {
	position: absolute;
	top: 40px;
	right: 20px;
}


#header #nav {
	float: right;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
	
#header #nav li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}
	
#header #nav li a {
	float: left;
	margin: 0;
	padding:7px 0;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #cfcfcf;
	}
	
#header #nav li a:hover {
	padding-bottom: 4px;
	color: #fff;
	border-bottom: 2px solid #ccc;
	}
	
#header #nav li.active a {
	font-weight: bold;
	color: #405f72;
	}

/* Pagination interface
----------------------------------------------- */

.pagination
	{
	}
	
.pagination a
	{
	display: block;
	padding: 3px 7px;
	float: left;
	margin: 0 3px 0 0;
	border: 1px solid #555;
	text-decoration:none;
	}

.pagination a:hover
	{
	background:#555;
	color: #fff;
	}

.pagination .spacer
	{
	display: block;
	padding: 3px 7px;
	float: left;
	margin: 0 3px 0 0;
	} 
	
.pagination .disabled, .pagination .current
	{
	display: block;
	padding: 3px 7px;
	float: left;
	margin: 0 3px 0 0;
	color:#999;
	border: 1px solid #555;
	text-decoration:none;
	} 

.pages
	{
	float:right;
	padding-right:4px;
	}

/* Form input for choosing number of thumbs
----------------------------------------------- */

.page-button
	{
	font-size:10pt;
	margin:0 2px 2px 0;
	text-decoration: none;
	height:16px;
	border:1px solid #AAA;
	padding: 3px 7px;
	text-align:center;
	color:#444 !important;
	float:left;
	}

/* Version 2.x New Classes and IDs
----------------------------------------------- */

#popup-content
	{
	background:#000;
	text-align:left;
	}

#front-innerdiv
	{
	width:100%;
	}

#front-outerdiv
	{
	padding:20px;
	}

/*  Styles for gallery descriptions */

.table-gallery-description
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-gallery-description thead th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-gallery-description thead th a
	{
	text-decoration:none !important;
	color:#FFF !important;
	}

.table-gallery-description table
	{
	margin:5px;
	border-collapse:collapse;
	width:66%;
	padding:0px;
	border-spacing:0px;
	}

.table-gallery-description tbody td
	{
	background-color:#000;
	}
	
.table-gallery-description td th
	{
	width:190px;
	vertical-align:top;
	text-align:center;
	}
	
.table-gallery-description td td
	{
	vertical-align:top;
	text-align:left;	
	}
	
.table-gallery-description td h1
	{
	font-weight:bold;
	font-size:10pt;
	margin-top:2px;
	}
	
	
/*  Styles for text layout tables */

.table-text
	{
	border-collapse:collapse;
	width:100%;
	line-height:1.2em;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	margin-bottom:20px;
	}

.table-text th
	{
	width:33%;	
	vertical-align:top;
	padding:2px 20px 7px 0px;
	font-weight:normal;
	font-size:14pt;
	text-align:justify;
	margin-top:0px;
	margin-right:8px;
	margin-left:2px;
	line-height:1.3em;
	}
	
.table-text td
	{
	width:33%;	
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	}

.table-text td h1
	{
	font-weight:bold;
	font-size:12pt;
	margin-top:2px;
	}
	
.table-text td h2
	{
	font-weight:bold;
	font-size:11pt;
	margin-top:2px;
	}
	
.table-text td h3
	{
	font-weight:bold;
	font-size:10pt;
	margin-top:2px;
	}
	
/*  Styles for form layout tables */

.table-form
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border-top:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-form thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-form tbody th
	{
	height:25px;
	vertical-align:top;
	padding:8px 0px 0px 4px;
	width:33%;
	font-size:9pt;
	text-align:left;
	font-weight:bold;
	}
	
.table-form tbody td
	{
	height:25px;
	vertical-align:middle;
	height:20px;
	padding:3px;
	width:33%;	
	text-align:left;	
	}

.table-form tbody td h1
	{
	font-weight:bold;
	font-size:12pt;
	margin-top:2px;
	}
	
.table-form tbody td h2
	{
	font-weight:bold;
	font-size:11pt;
	margin-top:2px;
	}
	
.table-form tbody td h3
	{
	font-weight:bold;
	font-size:10pt;
	margin-top:2px;
	}
	
.table-form tbody td td
	{
	padding:0px;
	}

.table-form tbody th td
	{
	padding:0px;
	}

/*  Styles for cart list details  */

.table-form .messages
	{
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

.table-form .messages th
	{
	padding:3px;
	vertical-align:top;
	width:33%;
	}

.table-form .messages td
	{
	padding:3px;
	vertical-align:top;
	width:66%;
	}

/*  Styles for cart messages  */

.table-cart
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border-top:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-cart thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-cart tbody th
	{
	vertical-align:middle;
	text-align:center;
	padding:0px;
	width:33%;
	font-size:9pt;
	font-weight:bold;
	}
	
.table-cart tbody td
	{
	vertical-align:middle;
	padding:0px;
	width:33%;	
	text-align:left;	
	}

.table-cart .cart-item
	{
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

.table-cart .cart-item th
	{
	padding:3px;
	width:33%;
	text-align:left;	
	}

.table-cart .cart-item td
	{
	padding:3px;
	width:66%;
	text-align:left;	
	}

/*  Styles for list views  */

.table-listbox
	{
	border-collapse:collapse;
	border-top :solid 1px #CCC;
	color:#cfcfcf;
	width:100%;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	margin-bottom:20px;
	}

.table-listbox th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-listbox .options
	{
	padding:3px 0px 4px 4px;
	text-align:left;
	background-color:#000;
	font-weight:normal;
	}

.table-listbox .options .option-title
	{
	padding:5px 5px 0 0;
	width:10em;
	text-align:left;
	font-weight:bold;
	float:left;
	}

.table-listbox td
	{
	vertical-align:middle;
	text-align:left;
	padding:0px 0px 0px 3px;
	line-height:20px;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	}

.table-listbox td a
	{
	text-decoration:none;
	}

.table-listbox td a:hover
	{
	text-decoration:none;
	}

/*  Styles for popup window text layout tables */

.table-popup-text
	{
	border-collapse:collapse;
	width:100%;
	line-height:1.2em;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	margin:0px;
	}

.table-popup-text th
	{
	width:33%;	
	vertical-align:top;
	padding:2px 5px 7px 0px;
	font-weight:bold;
	letter-spacing:-1pt;
	font-size:14pt;
	text-align:justify;
	margin-top:0px;
	margin-right:8px;
	margin-left:2px;
	line-height:1.3em;
	}
	
.table-popup-text td
	{
	width:33%;	
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	}

/*  Styles for popupwindow form layout tables */

.table-popup-form
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-popup-form thead th
	{
	width:50%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-popup-form tbody th
	{
	height:26px;
	vertical-align:top;
	padding:8px 0px 0px 4px;
	width:50%;
	font-size:9pt;
	text-align:left;
	font-weight:bold;
	}
	
.table-popup-form tbody td
	{
	height:26px;
	vertical-align:middle;
	height:20px;
	padding:3px;
	width:50%;	
	text-align:left;	
	}

.table-popup-form table
	{
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
	}

.table-popup-form tbody td td
	{
	padding:0px;
	}

.table-popup-form tbody th td
	{
	padding:0px;
	}

/*  Styles for cart messages  */

.table-cart
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-cart thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-cart tbody th
	{
	vertical-align:middle;
	text-align:center;
	padding:0px;
	width:33%;
	font-size:9pt;
	font-weight:bold;
	}
	
.table-cart tbody td
	{
	vertical-align:middle;
	padding:0px;
	width:33%;	
	text-align:left;	
	}

.table-cart .cart-item
	{
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

.table-cart .cart-item th
	{
	vertical-align:top;
	padding:3px;
	width:33%;
	text-align:left;	
	}

.table-cart .cart-item td
	{
	padding:3px;
	width:66%;
	text-align:left;	
	}

/*  Styles for search box  */

.table-search
	{
	table-layout:fixed;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color: #000;
	border-top:1px solid #CCC;
	}

.table-search th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-search td .search-box
	{
	float:left;
	margin:5px 0 5px 0;
	padding:0 10px 0 10px;
	width:20%;
	min-height:270px;
	//height:270px;
	}
	
/*  Styles for image import form  */

.table-import
	{
	table-layout:fixed;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color: #000;
	border-top:1px solid #CCC;
	}

.table-import th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-import td .import-box
	{
	float:left;
	margin:5px 0 5px 0;
	padding:0 10px 0 10px;
	width:20%;
	min-height:270px;
	}
	
	
/*  Styles for news box  */

.table-news
	{
	table-layout:fixed;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color:#000;
	}
	
	.table-news h3{
		font-weight: normal;
		font-size: 13px;
		margin: 4px 0;
	}
	
	

.table-news thead th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 20px 4px;
	font-weight:normal;
	}

.table-news tbody th
	{
	text-align:left;
	font-weight:normal;
	padding:5px;
	}

.table-news tbody td
	{
	text-align:left;
	font-weight:normal;
	padding:5px;
	}

.table-news tbody th hr
	{
	border: 0;
	margin:10px 5px 10px 0px;
	height: 1px;
	background-color: #000;
	}
	
.table-news tbody th .promote
	{
	padding:2px 2px 2px 2px;
	color:#ccc;
	font-size:8pt;
	background:#000;
	border:1px solid #888;
	margin:0 10px 0 0;
	float:right;
	text-decoration:none !important;
	}
	
.table-news tbody th .promote:hover
	{
	background: #ddd;
	color: #333;
	}
	
.table-news tbody .link-rss
	{
	background:url('../images/icons/22x22.rss.png') no-repeat;
	padding:5px 0 10px 26px;
	margin:0 0 10px 0px;
	min-height:24px;
	}
	
/*  Styles for thumbnails  */

.table-thumbnail
	{
	table-layout:fixed;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color:#000;
	}

.table-thumbnail thead th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-thumbnail tbody .options
	{
	padding:3px 0px 4px 4px;
	text-align:left;
	background-color:#000;
	font-weight:normal;
	}

.table-thumbnail tbody .options .option-title
	{
	padding:4px 5px 0 0;
	width:10em;
	text-align:left;
	font-weight:bold;
	float:left;
	}

/* Styles for small thumbnails */
.table-thumbnail .thumb-sml
	{
	padding:5px;
	margin:5px;
	background:#000;
	border:1px solid #333;
	float:left;
	overflow:none;
	}

.table-thumbnail .thumb-sml table
	{
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	}

.table-thumbnail .thumb-sml table thead th
	{
	background:0;
	padding:0;
	margin:0;
	width:150px;
	height:100px;
	}

.table-thumbnail .thumb-sml table thead th img
	{
	margin:0px auto;
	display:block;
	}

.table-thumbnail .thumb-sml table tbody th
	{
	font-size:8pt;
	width:55px;
	background:0;
	vertical-align:top;
	text-align:right;
	}
	
.table-thumbnail .thumb-sml table tbody td
	{
	font-size:8pt;
	background:0;
	vertical-align:top;
	text-align:left;
	}
	
	
/* Styles for large thumbnails */

.table-thumbnail .thumb-lrg
	{
	padding:5px;
	margin:5px;
	background:#000;
	border:1px solid #333;
	float:left;
	overflow:none;
	}

.table-thumbnail .thumb-lrg table
	{
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	}

.table-thumbnail .thumb-lrg table thead th
	{
	background:0;
	padding:0;
	margin:0;
	width:180px;
	height:180px;
	}

.table-thumbnail .thumb-lrg table thead th img
	{
	margin:0px auto;
	display:block;
	}

.table-thumbnail .thumb-lrg table tbody th
	{
	font-size:8pt;
	width:70px;
	background:0;
	vertical-align:top;
	text-align:right;
	}
	
.table-thumbnail .thumb-lrg table tbody td
	{
	font-size:8pt;
	background:0;
	vertical-align:top;
	text-align:left;
	}

/* IMAGE DETAIL VIEW : Styles for the various container divs in the image large detail view */

#image-detail
	{
	padding: 0;
	margin:0 0 20px 0;
	background:#000;
	overflow:hidden;
	}

#image-detail .breadcrumbs
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#000;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

#image-detail .breadcrumbs a
	{
	color:#FFF;
	}

#image-detail .imagebox-wide
	{
	text-align:center;
	padding:40px 10px 10px 410px;
	}

#image-detail .infobox-wide
	{
	float:left;
	width:380px;
	margin:0 0 0 0;
	padding:0 10px 0px 10px;
	}

#image-detail .imagebox-thin
	{
	text-align:center;
	padding:10px 10px 10px 10px;
	}

#image-detail .infobox-thin
	{
	margin:0 0 0 0;
	padding:0 10px 0px 10px;
	}

/* IMAGE DETAIL VIEW : Styles for the image information panel */

.table-image-view
	{
	max-width:600px;
	min-width:380px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0;
	display:block;
	}

.table-image-view th
	{
	vertical-align:top;
	width:150px;
	text-align:left;
	font-size:10pt;
	padding:5px 0px 6px 0px;
	font-weight:bold;
	}
	
.table-image-view td
	{
	vertical-align:top;
	text-align:left;
	font-size:10pt;
	padding:5px 0px 6px 5px;
	}

.table-image-view .imageview
	{
	vertical-align:middle;
	text-align:center;
	font-size:10pt;
	padding:10px;
	font-weight:bold;
	}

/*  GENERAL : Styles for inline action buttons  */

ul.actionlist
	{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	}
	
.actionlist li
	{
	display: inline;
	list-style-type: none;
	}
	
.actionlist a
	{
	padding: 3px 10px;
	text-decoration: none;
	}
	
.actionlist a:link, .actionlist a:visited
	{
	background-color: #333;
	text-decoration: none;
	border: 1px solid #555;
	}
	
.actionlist a:hover
	{
	background-color: #555;
	text-decoration: none;
	border: 1px solid #fff;
	}
	
/*  GENERAL : Notification boxes  */

.notification-note
	{
	background:#FFF url('../images/notification.note.gif');
	background-repeat:no-repeat;
	padding:4px 4px 4px 35px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

.notification-note h1
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	font-weight:bold;
	}

.notification-note p
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	}

.notification-warning
	{
	background:#FFF url('../images/notification.warning.gif');
	background-repeat:no-repeat;
	padding:4px 4px 4px 38px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

.notification-warning h1
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	font-weight:bold;
	}

.notification-warning p
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	}

/* IMAGE DETAIL VIEW : Link styles for download links */

.download-list dt
	{
	margin: 15px 0 0 0;
	font-weight: normal;
	}

.download-list dd
	{
	margin: 0 0 1px 0;
	padding: 2px 0 0 0;
	}

.download-list dt a
	{
	float: left;
	display: block;
	margin-right:5px;
	padding: 0px;
	}

/* IMAGE DETAIL VIEW : Tab panel styles */

.keywords
	{
	padding:2px;
	float:left;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #333;
	margin:2px 4px 2px 0px;
	background:#000;
	}

.panel
	{
	display: none;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	padding:5px;
	background:#000;
	}

.panel-inline
	{
	border:1px solid #CCC;
	padding:5px;
	margin-top:10px;
	background: red;
	}

.panel-image
	{
	display: block;
	padding:0px;
	margin:0px;
	}

.panel h1, .panel-inline h1
	{
	font-weight:bold;
	font-size:11pt;
	margin-top:2px;
	}

.panel.active-tab-body
	{
	display: block;
	}

.neighbour
	{
	cursor:pointer;
	float:none;
	background: #000;
	border:1px solid #CCC;
	margin:3px;
	width:115px;
	height:127px;
	overflow:hidden;
	}

.neighbour-opaque
	{
	cursor:pointer;
	float:none;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=40);
	background: #000;
	border:1px solid #CCC;
	margin:3px;
	width:115px;
	height:127px;
	overflow:hidden;
	}

.neighbour table
	{
	width:115px;
	height:110px;
	}

.neighbour-opaque table
	{
	width:115px;
	height:110px;
	}

/* IMAGE DETAIL VIEW : Tab container and tab styles */

#tab-container
	{
	margin:0;
	padding:0;
	overflow:hidden;
	}

#tabs
	{
	margin:0 0 9px 0 !important;
	padding:0 !important;
	height:29px;
	list-style: none;
	}

#tabs li
	{
	float: left;
	}

#tabs a
	{
	background-color: #999;
	float: left;
	padding:4px 4px 5px 4px;
	margin: 0 2px 0 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #999;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-decoration: none;
	font-weight:bold;
	font-size:11pt;
	color: #FFF;
	}

#tabs a.active-tab
	{
	background-color: #FFF;
	float: left;
	padding:4px 4px 5px 4px;
	margin: 0 2px 0 0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #FFF;
	text-decoration: none;
	font-weight:bold;
	font-size:11pt;
	color: #555;
	}


/* Pixie (plugin) styles */

.pix-cart-items
	{
	float:right;
	color:#FFF;
	margin:5px 40px 0 0;
	font-weight:bold;
	font-size:11pt;
	}

.pix-cart-items a 
	{
	color:#FFF !important;
	}


/* Crossfader from http://www.millstream.com.au/view/code/crossfade */

div#flashWrap{
	width: 630px;
	height: 630px;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
}

div#flashContent{
	
}

/* Fix odd CSS glitch */

p.indent{
	text-indent: -9999px;
	margin-top: -20px;
}

ul.crossfade {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
}


ul.crossfade li img{
	display: block;
	border: none;
}

#fade-example-3 {
	border: 3px solid #000;
}
#crossfader li,#crossfader li {
	position: absolute;
	top: 0;
	left: 0;
	width: 506px;
	height: 380px;
	background-color: #000;
	visibility: hidden;
}


.caption {
	clear: both;
	padding: 1em;
	background-color: #000;
}

code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #777;
}
#crossfader-next {
	right: 14%;
	top: 71%;
}
#crossfader-previous {
	left: 14%;
	top: 71%;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}

div#front-intro{
	width: 70%;
	padding: 20px 15% 15px 15%;
	margin: 50px 0 40px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

div#front-intro h1, div#front-intro p{
	padding: 0 10px;
}


/* div#front-intro h1{
	text-indent: -9999px;
	height: 30px;
	background: url(../images/intro-header.gif) no-repeat top left;
} */

div#front-intro h1{
	text-align: center;
}

p#logos{
	width: 232px;
	margin: 0 auto;
}

.portfolio-wrap{
	height: 630px;
	width: 630px;
	margin: 0 auto 20px auto;
}

.portfolio-wrap.bumps{
	height: 710px;
}


/* Testimonials */

div.testimonial{
	width: 80%;
	margin: 0 0 10px 0;
	border-top: 1px solid #2e2e2e;
	background: url(../images/quote.gif) no-repeat top left;
}

div.testimonial blockquote p{
	font-family: Georgia, "Times New Roman", Times, serif;
}

cite{
	color: #fff;
}

/* Porfolio Covers */

div#portfolio-container{
	width: 960px;
	margin: 0 auto;
}

div.portfolio-cover{
	float: left;
	width: 480px;
	height: 320px;
	text-align: center;
}

/* Links */

div.listingitem{
	width: 70%;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #2e2e2e;
}