/* ------------------------- Column ------------------------*/


#column1_1
{
	left : 0px;
	width : 240px;
}

#column1_2
{
	left : 0px;
	width : 480px;
}

#column1_3
{
	left : 0px;
	width : 720px;
}

#column1_4
{
	width : 960px;
	left : 0px;
}

#column2_1
{
	left : 240px;
	width : 240px;
}

#column2_2
{
	left : 240px;
	width : 480px;
}


#column2_3
{
	left : 240px;
	width : 720px;
}


#column3_1
{
	left : 480px;
	width : 240px;
}

#column3_2
{
	left : 480px;
	width : 480px;
}

#column4
{
	left : 720px;
	width : 240px;
}

/*====================================================================*/

#column1_3__360px
{
	min-height: 1px;
	left : 0px;
	width : 720px;	
	height : 360px;
}

#column4_360px
{
	min-height: 1px;
	left : 720px;
	width : 240px;	
	height : 360px;
}

#column1_3__400px
{
	min-height: 1px;
	left : 0px;
	width : 720px;	
	height : 400px;
}

#column4_400px
{
	min-height: 1px;
	left : 720px;
	width : 240px;	
	height : 400px;
}




/* Show only to IE PC \*/
* html .columnhead h3 {height: 1%;}

.column {
	z-index				: -1;
	display				: block;
	position			: absolute;
	height				: auto;	
	width				: 240px;
	padding				: 0;
	top					: 130px;				/* pin to top & bottom */	
	bottom				: 12em;			
	background			: url(../images/layout/column_BR.gif) no-repeat bottom right;	
}

.secondRow360pxColumn
{
	/*top : 526px;	*/
	top : 487px;
}

.secondRow400pxColumn
{
	top : 526px;
}


.columnhead {
	background			: url(../images/layout/column_TR.png) no-repeat top right;
	margin				: 0;
	padding				: 0px 0px 0px 0px;
	text-align			: center;	
	z-index				: 10;
}



.columnhead h3 {
	background			: url(../images/layout/column_TL.png) no-repeat top left;
	margin				: 0;
	padding				: 0;
	padding				: 22px 30px 5px 30px;
	z-index				: 2;
	
}
.columnbody {
	position			: absolute;
	background			: url(../images/layout/column_BL.gif) no-repeat bottom left;
	padding				: 0;
	margin				: 0;	
	padding				: 5px 30px 10px 30px;
	top					: 27px;		
	bottom				: 0px;	
}




/* ================= COLUMN CONTENT =======================*/

.content, .column1Span, .column2Span, .column3Span, .column4Span
{
	float				: left;	
	background-color 	: transparent;
	/*background-color 	: #cc00ee;*/
	position			: static;		
	margin				: 10px 10px 8px 10px;  /* keeps the columns the correct distance from each other */
	padding				: 15px 10px 5px 10px;  /* set margins for inner content */
}


.column1Span
{
	width 				: 200px;	
}

.column2Span
{
	width 				: 440px;	
}

.column3Span
{
	width 				: 680px;	
}

.column4Span
{
	width 				: 920px;	
}

.secondRowContent	
{
	/*padding-top	: 28px;	*/
	margin-top	: 10px;
	display : inline;
	position : relative;
}

.vertGalleryNoStretch
{
	height : 620px;
}

.vertGallery2ndRow
{
	top : 746px;
}

.vertGallery
{
	margin				: 0.85em 0 0 0.8em;  /* keeps the columns the correct distance from each other */
	padding				: 0;  /* set margins for inner content */
	
}


.floatRight
{
	float	: right;
}

.floatLeft
{
	float	: left;
}

.floatNone
{
	float : none;
}

.clearRight
{
	clear: right;
}

.clearLeft
{
	clear: left;
}

.clearBoth
{
	clear	: both;
}

/* ============================================================================ */

/* ============  sides  ==================== */

#leftSide,#rightSide
{
	right : 960px;
	left : auto;
	bottom : -20px;
	top : 0px;
	width : 100%;
	overflow : hidden;
}

#rightSide
{
	left : 960px;
	right : auto;
}