				/*--------------------------------------------------*/
				/*        content for index.html page here 					*/
				/*--------------------------------------------------*/

				.block1{
						clear:both;
						width:300px;
						float:right;
						height:272px;
				}
						.block1 .header{
								clear:both;
								background:#FFFFFF url(../images/left_bar1.gif) no-repeat top left;
								height:21px;
								width:250px;
								float:left;
								margin-bottom:5px;
								color:#07a4ad;
								padding-left:20px;
								padding-top:3px;
								text-align:left;
								font-size:14px;
								font-family:Tahoma,Arial;
								
						}
						.block1 .section{
								clear:both;
								background-color:#FFFFFF;
								height:241px;
								width:290px;
								float:right;
								color:#045e63;
								text-align:justify;
								font-size:12px;
						}						
								
								.block1 .section ul{
									list-style-type: square;
									list-style-position: outside;
									width:280px;
									margin:0px;
									padding:0px;
									float:right;
								}
								.block1 .section ul li{
									margin-top:5px;
									margin-left:5px;
									padding:0px;
								}
								.block1 .section ul li a{
									color:#898989;
									text-decoration:none;
								}
									.block1 .section ul li a:hover{
										color:#FF0000;
										text-decoration:underline;
									}
									
									
									
				.block2{
						clear:both;
						width:300px;
						float:right;
						height:135px;
				}
						.block2 .header{
								clear:both;
								background:#FFFFFF url(../images/left_bar2.gif) no-repeat top left;
								height:21px;
								width:250px;
								float:left;
								margin-bottom:3px;
								color:#5bad07;
								padding-left:20px;
								padding-top:3px;
								text-align:left;
								font-size:14px;
								font-family:Tahoma,Arial;
								
						}
						.block2 .section{
								clear:both;
								background:#FFFFFF url(../images/index_portfolio.gif) no-repeat top left;
								height:100px;
								width:292px;
								float:right;
								color:#43790c;
								text-align:justify;
								font-size:12px;
						}
						.block2 .section #chapters{
								clear:both;
								height:35px;
								width:170px;
								float:right;
								color:#777777;
								margin-top:5px;
								padding-top:8px;
								text-align:center;
						}
									.block2 .section #chapters a{
											color:#777777;
											text-decoration:none;
											background-color:#FFFFFF;
									}
									.block2 .section #chapters a:hover{
											color:#FFFFFF;
											text-decoration:none;
											background-color:#ffbb2a;
									}

				.block3{
						clear:both;
						width:300px;
						float:right;
						height:163px;
				}
						.block3 .header{
								clear:both;
								background:#FFFFFF url(../images/left_bar3.gif) no-repeat top left;
								height:21px;
								width:250px;
								float:left;
								margin-bottom:3px;
								color:#dc074b;
								padding-left:20px;
								padding-top:3px;
								text-align:left;
								font-size:14px;
								font-family:Tahoma,Arial;
								
						}
						.block3 .section{
								clear:both;
								background-color:#FFFFFF;
								height:135px;
								width:290px;
								float:right;
								color:#777777;
								text-align:justify;
								font-size:12px;
						}
						.block3 .section ul{
								margin-top:1px;
								padding-left:0px;
								margin-left:20px;
						}
				

				#protfolio_main{
						float:left;
						margin-top:10px;
						padding-left:170px;
						height:143px;
						width:530px;
						background:#FFFFFF url(../images/index_portfolio_main.gif) no-repeat top left;
				}
					#protfolio_main img{
							border:1px solid #777777;
					}
					
					.thumbnail img{
							width:80px;
							height:80px;
							margin-right:5px;
							margin-left:5px;
							margin-top:50px;
					}
			
					.thumbnail:hover img{
							margin-right:0px;
							margin-left:0px;
							margin-top:40px;
							width:90px;
							height:90px;
							
					}
