* 
{
    margin  : 0;
    padding : 0;
    font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
}

body
{    
    background: #ebeeff url(img/bg.gif) center repeat-y;
}
    
#page 
{
    margin: 0 auto;
    padding: 0px 0px;
    border-left: 1px solid #555;  
    border-right: 1px solid #555;  
    border-bottom: 1px solid #555;  
    border-top: 1px solid #555;  
    background: #fff; 
    max-width: 900px;
}



h1 a:link, h1 a:visited, h1 a:active
{
    color: #fff;
    text-decoration: none;
}

h1 a:hover 
{
    color: yellow;
    text-decoration: underline;
}
    
.err 
{
    color: red;
    font-size:80%;
    margin-bottom:0;
    margin-top:10px;
}

#head 
{
    background: #7496D8 url(img/topbg.gif) repeat-x;
    color: #fff;
    padding: 0 10px;
}
    
#head #contact 
{
    width: 25%; 
    float:right;
    text-align:right;
    padding: 10px;
}

#contact a 
{
    font-style: italic; 
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
}    
    
#contact a:hover 
{
    color: yellow;
    text-decoration: underline;
}
     
#head h1 
{
    padding-left:10px;
    padding-top:40px;
    padding-bottom:10px;
}
    
#nav 
{
    background: #85A7EA url(img/topbg2.gif) repeat-x;
    color: #fff;
    padding: 0 10px;
    border-bottom : 1px solid #2b548c;
}
    
a 
{
    text-decoration: none;
}
    
        
#menu 
{
    background : transparent;
    font : 80% sans-serif;
    padding-top:20px;
}

#menu ul 
{
    padding : 0.75em 1em;
}

#menu li 
{
    display : inline;
}

#menu li a 
{
    color : #ffffff;
    padding-left : 0.65em;
    padding-right : 0.65em;
    padding-top : 0.75em;
    padding-bottom : 0.75em;
    font-weight: bold;
}

#menu li a:hover 
{
    background : #2b548c url(img/navbg2.gif) repeat-x top left;
}

#menu li.selected a 
{
    background : #ffffff url(img/navbg.gif) repeat-x top left;
    color : #D14023;
    border : 1px solid #2b548c;
    border-bottom : 1px solid #ffffff;
}

#menu li.selected a:hover 
{
    background : #ffffff url(img/navbg.gif) repeat-x top left;
    color : #D14023;
}

#menu a:visited
{
    color: #e0c0e0;
}

#main 
{
    padding: 20px;
    min-height: 650px;
}

#main ul, blockquote
{
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 50px;
}

#main h1 
{
    color: #D14023;
    padding: 5px;
    font-size:19px;
    font-family:arial,sans-serif; 
    margin-bottom:13px;
    padding-left:0;
}

#main h2 
{
    font-size:14px;
    padding: 5px; 
    padding-left:0;
    font-family:arial,sans-serif; 
    margin-bottom:0px;    
    margin-top:20px;
    color: #4B6EAD;
}

#main h3 
{
    font-size:12px;
    padding: 5px; 
    padding-left:0;
    font-family:arial,sans-serif; 
    margin-bottom:0px;
    margin-top:20px;
    color: #4B6EAD;
}

h1 span 
{
    letter-spacing: -1px;
    color: #536C71
}

#main p /*, blockquote  */
{
    margin-bottom: 5px; 
    font-size:80%;
}



hr 
{
    margin: 10px;
    height: 1px;
    color: #555;
}


#main img 
{
    margin-right: 0px;
    margin-left: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px dashed blue;
}

#sladder img
{
    margin: 0px;
    border: 0px;
}

#main a 
{
    /*
    color: rgb ( 100,100,255 );
     */
    color : #437fda;
    text-decoration : none;
    border-bottom:1px dashed #437fda;
}

#main a:visited 
{
    /*
    color: rgb ( 255, 100, 100);
     */
    color: gray;
    /*
    color : #437fda;
     */
    text-decoration : none;
}

#main a:hover 
{
    background : #437fda;
    border-bottom: 1px solid #437fda;
    color: #fff
}

#contacta 
{
    color: #000;
    background: #efefef url(img/45an.gif);;
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-top: 7px;
    padding-bottom: 7px;
    border-top:1px solid #555;
}

#left 
{
    width: 45%;
    float:left;
    margin:10px;
}

#left ul 
{
    margin-left:30px;
    font-size:80%;
}

.clear 
{
    clear:both;
    font-size:70%;
    text-align:right;
    margin-right:10px;
}


#contactform 
{
    text-align:center;
    margin:10px;
    font-size: 12px;
}

#contactform table 
{
    text-align:left;
}

#contactform th, #left h3 
{
    text-align:center;
    padding-bottom:10px;
    font-size:120%;
    font-weight: bold;
    color: #000;
    background: transparent;
}



textarea 
{
    border:1px solid #7F9DB9;
    font-size:10px;
    font-family: verdana,sans-serif;
    color: #000;
    height: 100px;
    width: 155px;
    background: #fff url(img/extareabg.gif) repeat-x bottom right
}
    
input 
{
    border:1px solid #7F9DB9;
    font-size:10px;
    font-family: verdana,sans-serif;
    color: #000;
    height: 15px;
    width: 155px;
    background: #fff url(img/textareabg2.gif) repeat-x bottom right
}

.subbut 
{ 
    padding: 1px;
    font: 400 1em verdana, sans-serif;
    color: #999;
    background: #EEE;
    border: 1px solid #CCC;   
    font: 400 0.9em verdana, serif;
    cursor: pointer;
    color: #fff;
    background: #FC3307;
    border-width: 1px;
    border-style: solid;
    border-color: #FF7800 #691300 #691300 #FF7800;
    width: 44px;
    height: 18px;
    font-size:10px;
    font-family:verdana,sans-serif;        
}
    
.clear a
{
    color: #0000ff; 
}

.clear a:hover 
{
    background: #fff;
    color: #0000ff;
}

.port tr 
{
    margin-top:5px;
    margin-bottom:5px;
}

.port img 
{
    background: #85A7EA;
    border:1px dashed black;
    padding: 5px; 
}
        
.port td, .port th 
{
    font-size:12px;
}

.port th 
{
    text-align:left;
}

.port td 
{
    text-align:right;
}
    
.skills 
{
    margin-top:5px;
    margin-bottom:3px;
}

.skills, .skill 
{
    display: block;
    font-size:10px
}

.skill 
{
    font-weight: normal;
}
    
.imagesent 
{    
}

.imagesent a 
{
    background: #fff;
    border:0;
    margin: 0;
    padding: 0;
}

.imagesent a:hover 
{
    background: #fff;
    border:0;
    height:200px;
    margin: 0;
    padding: 0;    
}

.imagesent input 
{
    height: 30px;
    width: 200px;
    font-size:16px;
}

a img 
{
    border: 0;
    padding:0;
    background: #fff;
}