/* ===========  CSS Document  =========== */
/* ====================================== */
/* version :                              */
/* date    :  jan 2008 by : PM            */
/* ====================================== */ 


/* ===============================  >>     general settings */

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 0.9em;
	background-color: white;
	color:#000000;
	position:relative;
	text-align:left;
	height: 100%;
	width: 100%;
	}

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}

#container {
	text-align: left;
	margin:0 auto;
	position:relative;
	padding-bottom: 20px;
	}

a{
	text-decoration:none;
	color:#696969;
	}

a:hover {
	text-decoration:underline;
	color:black;
	}

/* ===============================  >>      intro settings*/

#intro_home{
	background:url(../images/home/fact_of_life.gif) 0 0 no-repeat;
	width: 680px;
	height:146px;
}

#intro_home_inner{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #383838;
	text-align:left;
	position:relative;
}

#home_columns {
	clear: both;
	position:relative;
	padding-top: 10px;
	}


/* ===============================  >>     box 1, 2, 3 */

.title_green{
	height:40px;
	vertical-align: top;
	padding-left: 6px;
	line-height: 40px;
	font-size:16px;
	font-weight:bold;
	color: green;
	}
.box_content{
	height:165px;
	padding-left: 6px;
	padding-right: 12px;
	line-height: 16px;
	font-size: 12px;
	}

.box_content2{
	padding-left: 6px;
	padding-right: 12px;
	line-height: 16px;
	font-size: 12px;
	}

#box_1{
	float: left;
	position: relative;
	background:url(../images/home/box01.gif) 0 0 no-repeat;
	width:230px;
	}

#box_2{
	float: left;
	position: relative;
	background:url(../images/home/box02.gif) 0 0 no-repeat;
	width:230px;
	}

#box_3{
	float: left;
	position: relative;
	background:url(../images/home/box03.gif) 0 0 no-repeat;
	width:230px;
	}

/* =============================================== >>>  button settings */

.box_1_3_button{
	background:url(../images/home/box1-button.gif) 0 0 no-repeat;
	width: 151px;
	height:40px;
	text-align:center;
	margin-left: 34px;
	padding-top: 10px;
	font-weight: bold;
}
.box_2_button{
	background:url(../images/home/box2-button.gif) 0 0 no-repeat;
	width: 151px;
	height:40px;
	text-align:center;
	margin-left: 34px;
	padding-top: 10px;
	font-weight: bold;
	}

.box_1_3_button a:hover{
	text-decoration:none;
	}
.box_2_button a:hover{	
	text-decoration:none;
	}

/* =============================================== >>>  box settings right column*/
#home_photo{
	width: 254px;
	height: 384px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	z-index: 100;
	position:relative;
}
#left_column{
	float: left;
	width: 692px;
	position: relative;
	}
#right_column{
	float: left;
	width: 254px;
	position: relative;
	}

.box_blue_top {
	background:url(../images/home/box_blue_top.gif) 0 0 no-repeat;
	height:35px;
	line-height:35px;
	color:#0033ff;
	font-size:14px;
	font-weight:bold;
	padding-left: 6px;
	}


.box_blue_mid {
	background:#73C2D9;
	font-size:12px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	}

.box_blue_bot {
	background:url(../images/home/box_blue_bot.gif) 0 0 no-repeat;
	height:13px;
	padding-bottom: 10px;
	}

.box_green_top {
	background:url(../images/home/box_green_top.gif) 0 0 no-repeat;
	height:35px;
	line-height:35px;
	color: green;
	font-size:14px;
	font-weight:bold;
	padding-left: 6px;
	}


.box_green_mid {
	background:#9AD9A1;
	font-size:12px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	}

.box_green_bot {
	background:url(../images/home/box_green_bot.gif) 0 0 no-repeat;
	height:13px;
	padding-bottom: 10px;
	}
#box_grey{
	clear: left;
	width: 680px;
	position: relative;
	background:#DEE2E7;
	border-bottom: #FFFFFF solid 20px;
}