html { min-height: 100%; 
       margin-bottom: 1px;
	 }
body { background-color: #8dc63f;
       background-image: url(../img/bgtile.jpg);
	   background-repeat: no-repeat;
	   background-position: -135px;
	   margin: 0;
	   padding: 0;
	   font: 10px verdana, arial, sans-serif;
	   color: #111111;
	 }
#container { margin: 30px auto 0; 
             padding: 0;
             width: 840px;
			 min-height: 500px; 
		   }
/*************************************************************************/	 
/*************************************************************************/
h1 { font-size: 2.2em;
     font-family: Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
     color: #2e4999;
	 text-align: center;
	 margin: 10px 0 20px;
	 padding: 0;
   }
h4 { font-size: 1.4em;
     font-family: Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
	 margin: 10px 0 5px;
     color: #00000;
   }
img { border: 0;
	}   	
/*************************************************************************/ 
/*************************************************************************/
#header { position: relative;
          top: 0;
		  left: 0;
          height: 50px;
          width: 100%;
		  margin: 0;
		  padding: 0;
        }
#header ul { position: absolute;
             bottom: -5px;
			 right: 5px;
             margin: 0;
			 padding: 0;
		   }
#header li { display: inline;
             color: #ffffff;
			 font: bold 1.2em Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
           }
#header li a:link, #header li a:visited { text-decoration: none;
                                          color: #ffffff;
										  font: bold 1em Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
										}
#header li a:hover { text-decoration: underline;
       			   }
/*************************************************************************/	 
/*************************************************************************/
#box { position: relative;
       top: 10px;
	   bottom: 0;
	   height: 475px;
	   width: 100%;
	   background: url(../img/contentbg.jpg) no-repeat;
	   margin: 0;
	   padding: 0;
	 }
#content { width: 501px;
           margin: 0;
		   padding: 10px 15px 0;
         }
#text { width: 500px;
		margin: 20px 0 0;
		padding: 0;
		text-align: left;
	  }
#text p { font-size: 1.1em;
          text-indent: 1.1em;
		  margin: 5px 0;
		  padding: 0;
		  color: #000000;
		}
#text p a:link, #text p a:visited { color: #000000;
                                  }
img.projthumb { float: left;
                margin: 0 10px 0 0;
              }		
p.centerlink { position: relative;
               top: 15px;
			   text-align: center;
             }
p.centerlink a:link, p.centerlink a:visited { color: #000000;
                                              font-weight: bold;
											}
p#signature { float: right;
            }											
/*************************************************************************/	 
/*************************************************************************/
ul#portfolio { position: absolute;
               top: 50px;
			   #left: -20px;
			   width: 480px;
               padding: 5px;
             }
ul#portfolio li { float: left;
                  width: 160px;
				  text-align: center;
				  margin: 0 0 20px;
                  list-style-type: none;
				}
ul#portfolio li a:link, ul#portfolio li a:visited { color: #000000;
												  }	
.skills { float: left;
          margin: 0 20px 20px;
		  width: 200px;
	    }
.clear { clear: both;
       }	
li.cert { list-style-type: none;
          margin: -10px 0 0 -30px;
        }	   							  			
/*************************************************************************/	 
/*************************************************************************/
p.icons { font-size: 1.1em;
          margin: -10px 0 15px;
		  #margin: -10px 0 20px;
		}
p.icons img { position: relative;
              top: 8px;
			  margin: 0 15px 0 0;
            }
p.icons a:link, p.icons a:visited { color: #111111;
									text-decoration: none;
					              }
p.icons a:hover { text-decoration: underline;
                }
p.input { font-size: 1.1em;
          margin: 10px 0;
		}
.label { float: left;
         width: 60px;
		 margin: 5px 0 0;
	   }
#buttons { position: relative;
           top: -20px;
		   #top: -35px;
           width:100%;
		   text-align: center;
		 }
#buttons input { margin: 0 10px;
				 width: 72px;
				 height: 28px;
				 color: #ffffff;
				 background: #2e4999;
				 border: 4px solid #2e4999;
				 font: bold 1.4em Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
               }		 
/*************************************************************************/	 
/*************************************************************************/	  		 
#flash { position: relative;
         top: 7px;
		 left: 12px;
		 margin: 0;
		 padding: 0;
	   }
#altcontent { position: relative;
              top: -7px;
		      left: -10px;
		      padding: 0 0 90px;
			  #padding: 0;
            }
#servs { position: relative;
         left: 15px;
       }			
.homeservice { float: left;
			   margin: 0 8px;
               width: 100px;
			   text-align: center;
             }	 
.homeservice a:link, .homeservice a:visited { font: bold 1.2em Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
											  color: #2e4999;
											  line-height: 20px;
                                            }	
.homeservice a:hover { color: #ffa033;
					 }	
#downloadflash { position: absolute;
                 top: 440px;
				 #top: 460px;
				 left: -10px;
				 padding: 0 0 10px;
			   }
#downloadflash a:link, #downloadflash a:visited { color: #111111;
                                                }			   
/*************************************************************************/	 
/*************************************************************************/
#sidebar { position: absolute;
           top: 0;
		   right: 0;
           height: 100%;
           width: 240px;
		   margin: 0;
		   text-align: right;
		   font-family: Trebuchet MS,Franklin Gothic Book,tahoma,sans-serif;
         } 
#sidebar a:link, #sidebar a:visited { text-decoration: none;
									}	 
#sidebar ul { position: relative;
              top: 20px;
			  right: 20px;
			  list-style-type: none;
			}
#sidebar li a:link, #sidebar li a:visited { color: #2e4999;
										    font-size: 2.2em;
											line-height: 1.5em;
										  }
#sidebar li a:hover { color: #ffa033;
       			    }
.headerlink:link, .headerlink:visited { font-size: 1.8em;
										font-weight: bold;
										#font-weight: normal;
										line-height: 2em;
                                        color: #ffa033;
                                      }					
#featured { width: 100%;
            text-align: center;
			margin: 60px 0 0 0;
		  }
#featured img { margin: 5px 0;
              }
#featured a.projlink:link, #featured a.projlink:visited { font: 1.1em tahoma,sans-serif;
														  color: #2e4999;
						                                }		  
#contactinfo { position: absolute;
               bottom: 35px;
			   right: 20px;
			   text-align: center;
			 }
#contactinfo p { font: bold 1.2em tahoma,sans-serif;
     			 color: #2e4999;
				 margin: 0 0 5px;
				 padding: 0;
				 text-align: right;
			   }	
#contactinfo a.email:link, #contactinfo a.email:visited { text-decoration: none;
                                                          font: bold 1.2em tahoma,sans-serif;
     			 							  			  color: #2e4999;
                                              			  margin: 5px 0;
				                              			  padding: 0;
								              			  text-align: right;
			                                			}			   
#contactinfo a.email:hover { text-decoration: underline;
                           }