/*********************************************************/
/* style.css                                             */
/*********************************************************/

/* Remove all margings and padding on all elements for all browsers. */
* {
	Margin: 0px;
	Padding: 0px;
}

HTML {
	HEIGHT:100.1%;
	margin-bottom:1px;
	min-height: 100%;
}

html.busy, html.busy * {  cursor: wait !important;}  

BODY{
	Border: 0 none;
	Font: 12px "Arial","Helvetica",Sans-Serif; /* The base font size and type for the WHOLE site!! */
	line-height:14px;
	Text-align:left;
	HEIGHT:100.1%;
	margin-bottom:1px;
}

img#backgroundimage{
	position:fixed;
	left:0;
	top:0;
	width: 100%;
	height:100%;
}

IMG {
	Border: 0 none;
	Vertical-Align: Top;
}

IMG.Icon {
	Width: 16px;
	Height: 16px;
	Vertical-Align: Top;
	Margin: 1px;
}

A {
	color:#000;
	Text-Decoration: None;
}

A:hover {
	Text-Decoration: Underline;
}

A:active {
	Text-Decoration: None;
}


/*********************************************************/
/* Main layout styles                                    */
/*********************************************************/
DIV#maincontainer{
	position: relative;
	margin:0 auto ;
	width:1000px; 
	height:650px;
	text-align:left;
	padding-right:10px;
	padding-left:0px;
	padding-top:40px;
	padding-bottom:0px;
}

/*********************************************************/
/* Layout 1	                                             */
/*********************************************************/
 BODY#layout_1 div#container {
	margin-left:50px;
	margin-top:20px;
	float:left;
	Width:900px;
}

BODY#layout_1 div#column_1 {
	float:left;
	width:200px;
	margin:10px 10px 10px 20px;
	cursor:hand;
	cursor:pointer;
}

BODY#layout_1 div#column_1 div.column_content{
	float:left;
	background:#ffaf1f;
	width:196px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	min-height:450px;
}


BODY#layout_1 DIV#column_2{
	float:left;
	width:200px;
	margin:10px 10px 10px 10px;
	cursor:hand;
	cursor:pointer;
}

BODY#layout_1 DIV#column_2 div.column_content{
	float:left;
	min-height:450px;
	background:#7ab51d;
	width:196px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
}

BODY#layout_1 DIV#column_3 {
	float:left;
	width:200px;
	margin:10px 10px 10px 10px;
	cursor:hand;
	cursor:pointer;
}

BODY#layout_1 DIV#column_3 div.column_content{
	float:left;
	width:196px;
	min-height:450px;
	background:#7af7ff;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
}

BODY#layout_1 DIV#column_4{
	float:left;
	width:200px;
	margin:10px 10px 10px 10px;
	cursor:hand;
	cursor:pointer;
}

BODY#layout_1 DIV#column_4 div.column_content{
	float:left;
	width:196px;
	min-height:450px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	background:#ed0000;
}


/*********************************************************/
/* Layout 2	                                             */
/*********************************************************/
 BODY#layout_2 DIV#container {
	margin-left:50px;
	margin-top:20px;
	float:left;
	Width:900px;
}

BODY#layout_2 DIV#column_1 {
	float:left;
	min-height:550px;
	background:#fff;
	width:900px;
}