body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	cursor: default;
	font-size: 100%;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#E5E5E5;
	background-image: url(images/backg.gif);
	background-repeat: repeat-x;
}
   

#page {
 text-align:left; 
 width: 800px;
 height:100%;
 margin-left:auto;
 margin-right:auto;
    border-left:solid 1px #f3f3f3;
    border-right:solid 1px #f3f3f3;
    background-color:#ffffff;
}

#header
{
    background-color:#4bc1fd;
    padding:10px 20px 10px 20px;
    font-size:20px;
    font-weight:bold;
    color:#ffffff;
    border:solid 1px #e5e5e5;
    border-top:solid 2px #e5e5e5;
    border-bottom:none;
    }

#navigation
{
    border-right:solid 1px #e5e5e5;
    border-left:solid 1px #e5e5e5; 
    background-color:#4bc1fd;
    padding-left:20px;
    height:40px;


}

#navigation ul 
{
    padding: 0px;
    margin:0px;
    height:100%;
}

#navigation li
{	
	list-style: none;
	float: left;
}

#navigation a:hover
{
    font-weight:bold;
    text-decoration:none;
    background-color:#ffffff;
    border:solid 1px #4bc1fd;
    color:#000000;
	}
	
#navigation img
{
    border:none;
    }
    
#navigation a
{
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    background-color:#4bc1fd;
    color:#ffffff;
    border:solid 1px #e5e5e5;
	width:100px;
	display:block;
	padding:5px;
    text-align:center;
}

#navigation .selected
{    
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    background-color:#ffffff;
    border:solid 1px #4bc1fd;
    color:#000000;
    border:solid 1px #e5e5e5;

}

#navigationlow
{
    height:15px;
    border-right:solid 1px #e5e5e5;
    border-left:solid 1px #e5e5e5; 
    border-bottom:solid 1px #e5e5e5; 
    background-color:#4bc1fd;
    font-size:10px;
    padding-left: 20px;
    color:#ffffff;
    }

#navigationlow a
{
    color:#ffffff;
    }
    
#content
{
    font-size:12px;
    clear:both;
    padding:10px 20px 10px 20px;
    height:100%;

    }

#contentleft
{   
    width:500px;
    margin: 0px;
    padding: 0px;
    float:left;
    }
#contentleftOneCol
{
    width:100%;
    margin: 0px;
    padding: 0px;
    float:left;
        }
        
#contentright
{
    width:200px;
    margin: 0px;
    padding: 10px;
    background-color:#f3f3f3;
    float:right;
    border: solid 1px #e5e5e5;
    margin-bottom:10px;
      }

#contentright img
{
    border: solid 1px #e5e5e5;
    padding:5px;
    background-color:#ffffff;
    margin-left:10px;
}

#contentright a:hover img
{
    border: solid 1px #4bc1fd;

}

#footer
{
    clear:both;
    background-color:#4bc1fd;
    padding:5px 20px 10px 20px;
    border:solid 1px #e5e5e5;
    border-bottom:solid 2px #e5e5e5;
    border-top:none;
    color:#ffffff;
    font-size:12px;
    text-align:left;
    height:30px;
    }

h1
{
    font-size:20px;
    margin:0;
    padding:0;
    clear:both;
    margin-bottom:15px;
    /*padding:5px;*/
     }
     
h1 span
{
    color:#0fa1ed;
}

h2
{
    font-size:18px;
    clear:both;
    background-color:#ffffff;
    border:solid 1px #e5e5e5;
    padding:5px 5px 5px 5px;
    margin-bottom:5px;
     }
     
.commentsblockDIV
{
    clear:both;
    background-color:#ffffff;
    border:solid 1px #e5e5e5;
    padding:5px 5px 5px 5px;
    margin-bottom:5px;

}

.important
{
    color:Red;
    font-weight:bold;    
    }
 
.importantBlack
{
    color:Black;
    font-weight:bold;    
    }
 
 .portfoliodetailsfont
 {
     color:#ffffff;
     font-size:12px;
     }
 
 .portfolioItem
 {
     width:22%;
     padding:3px;
     margin:3px;
     float:left;
     }
     
 .portfolioItem img
 {
     border: solid 1px #f3f3f3;
     
     padding:5px;
     }
     
.portfolioItem a:hover img
 {
     border: solid 1px #4bc1fd;
     
     padding:5px;
     }

.portfolioItem.portfolioItemText
 {
     
     padding:5px;
     }
     
.text12
{
    font-size:12px;
    font-weight:bold;
    }

#footerL
{
    float:left;
    padding-top:10px;
    }
    
#footerR
{
    float:right;
    }

.post
{
    padding:5px 0px 5px 0px;
    border-bottom: 1px solid #e5e5e5;
    }
    
#typeOfWorkHP li
{
    
    list-style-type:circle;
    
    }
    
#tableSkillsHP
{
    border: 4px double #0fa1ed;
    border: 3px double #E5E5E5;
    }

#tableSkillsHP ul
{
    background-color:#000000;
    background-color:#E5E5E5;
    background-color:#F3F3F3;
    height:60px;
    padding-left:40px;
    padding:6px 0px 6px 30px;
    margin:0;
    }
    
#tableSkillsHP li
{
    float:left;
    list-style-type:none;
    width:33%;
    color:#FFFDFF;
    color:#333333;
    font-weight:bold;
}
#tableSkillsHP li a
{
    color:#FFFDFF;
    color:#333333;
    }
    
a:hover
{
    text-decoration:none;}

#pSkills
{
    border: 3px double red;
    padding:3px;
    font-weight:bold;
    border: 3px double #E5E5E5;
    }
    
#pSkills ul
{
    background-color:#F3F3F3;
    height:100px;
    padding:6px 0px 6px 10px;
    margin:0;
    }
    
#pSkills li
{
    float:left;
    list-style-type:none;
    color:#333333;
    width:33%;
}