/*
 * framework.css
 *
 * The 834/Chard Developments Ltd, 2009
 *
 */
 
/*
	GLOBAL HOUSE-CLEANING
*/
@import url("reset.css");

body, html {
	height: 100%;
}

/*
	COLUMNS & GRID
*/
.c120,
.c260,
.c540 {
	padding: 0 10px;
	float: left;
}

.c120 {
	width: 120px;
}

.c260 {
	width: 260px;
}

.c540 {
	width: 540px;
}

.c840 {
	width: 840px;
	float: left;
	clear: both;
}

/*
	BORDERS
*/
.bdrv,
.bdrt,
.bdrb,
.bdrr,
.bdrl {
	background-image: url(/images/elements/border.gif);
}

.bdrt {
	padding-top: 10px;
	background-repeat: repeat-x;
	background-position: top left;
}

.bdrb {
	padding-bottom: 10px;
	background-repeat: repeat-x;
	background-position: bottom left;
}

.bdrr {
	background-repeat: repeat-y;
	background-position: top right;
}

.bdrl {
	background-repeat: repeat-y;
	background-position: top left;
}

/*
	LIGHTBOX
*/
#cover {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 1;
	background: url(/images/elements/overlay.png);
}

#lightbox_placeholder {
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 5;
}

#lightbox {
	top: -200px;
	left: -380px;
	padding: 10px;
	position: absolute;
	background: #fff;
	-webkit-box-shadow: 0 0 25px #000;
}

#lightbox_content {
	width: 700px;
	height: 340px;
	padding: 20px;
	overflow: hidden;
	text-align: left;
	background: #fff url(/images/elements/lightbox.gif) no-repeat center center;
}

#lightbox_content.image {
	width: 740px;
	height: 380px;
	padding: 0;
	text-align: center;
}

#lightbox_content span {
	width: 100%;
	height: 100%;
	float: left;
	background: url(/images/elements/lightbox_loader.gif) no-repeat center center;
}

#lightbox_content p {
	color: #000;
}

#lightbox_close {
	width: 20px;
	height: 20px;
	bottom: -220px;
	left: -370px;
	overflow: hidden;
	position: absolute;
}

#lightbox_close a {
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/elements/lightbox_close.gif) no-repeat 0 0;
}