/*
    fez-soft
    2010
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;list-style: none;}



/* general */

.clear {
    clear: both;
}

a {
    outline: none;
    text-decoration: none;
    color: #535727;
}

h2 {
    text-transform: uppercase;
    background: url('images/li.png') no-repeat center left;
    padding: 5px 5px 0px 15px;
    font: 16px 'times new roman';
    color: #7A641A;
}

h3 {
    background: url('images/skill.png') no-repeat left center;
    padding: 5px 5px 5px 20px;
    font: bold 13px 'times new roman';
    margin: 30px 0 0;
    color: #7A641A;
}

small {
    color: #AB662E;
}


/* code */

body {
    background: #DCE397;
}

#all {
    width:100% ;
    height: 100%;
    background: url('images/foot-bottom.png') repeat-x bottom center;
    margin: 0 0 5px 0;
    padding: 0;
}

#site{
    width: 1000px;
    margin: 0 auto;
    padding: 0;
}

#head {
    width: 256px;
    float: left;
}

    #head #logo {
        width: 256px;
        height: 192px;
        background: url('images/logo.png');
    }
    
        #head #logo a {
            width: 100%;
            height: 100%;
            display: block;
        }
    
    #head ul {
        margin: 20px 0 0;
    }
        
            #head ul li a {
                display: block;
                background: #D5DD89;
                padding: 10px 0 10px 20px;
                text-transform: uppercase;
                margin: 1px 0 0 20px;
            }
            
            .ie6 #head ul li a {
                margin-top: 0;
            }
            
            #head ul li a:hover , #head ul li.current a {
                margin: 1px 0 0;
                background:url('images/footer.png') ;
            } 

#content {
    width: 744px;
    float: right;
    background: url('images/content.gif') repeat-y top left;
}

#content #main {
    padding: 10px 48px 10px 20px;
    font: 13px arial;
    min-height: 400px;
    width:676px;
}

.ie7 #content #main {
    min-height: 450px;
}

.ie6 #content #main {
    height: 450px;
}


    #content .info {
        float: left;
        width: 318px ;
        padding: 0 10px 10px 10px ;
        margin: 10px 0 0;
    }
    
        #content ul li {
            padding: 5px 10px 5px 20px ;
            background: url('images/li.png') no-repeat center left;
        }
        
        #content .workinf ul li , #content .info ul li  {
            border-bottom: 1px dashed #D8DBB6;
        }
        
        
        #content .info ul li a {
            
        }
    
    #content h1 {
        background: url('images/h1.gif') repeat-x bottom center;
        padding: 10px ;
        font: 18px verdana;
        margin: 0 0 10px 0;
        text-transform: uppercase;
    }  
    
    #content .left {
        background: url('images/ul-right.gif') repeat-y center right;
    }
    
    #content #bottom_con {
        width:100%;
        background: url('images/bottom-content.png') no-repeat top left;
        height: 24px; 
    }

#footer {
    height: 400px;
    background: url('images/footer.png');
}

    #top_foot {
       background: url('images/top-footer.png') repeat-x top center;
       height: 30px; 
    }
    
        #footer #top_foot #cont_foot {
            background: url('images/chater.png') no-repeat center left;
            height: 360px;
            padding: 20px 20px 20px 200px ;
            margin: 0 auto;
            width: 780px;
        }
@font-face {
	font-family: Century Gothic;
	src: url('GOTHIC.TTF');
}

    #footer p{
        padding: 0 20px 0 40px ;
        text-align: justify;
        font: 20px "Century Gothic",Futura,verdana,sans-serif;
        color: #393C1B;
    }
    
    #footer p a {
        border-bottom: 1px dashed #535727;
    }
    
    #footer big {
        margin: 30px 0 0 ;
        font: 45px "Avant Garde","Century Gothic",Futura,sans-serif;
        display: block;
        color: #C4C985;
    }
    
    #footer ul {
        margin: 80px 0 0px -24px ;
        float: right;
    }
    
        #footer ul li {
            float: left;
            background: url('images/li.png') no-repeat center left;
        }
        
        #footer ul li.none {
            background: none;
        }
            #footer  ul li a {
                padding: 10px 30px;
                font: 15px 'times new roman';
                color: #535727;
                text-transform: uppercase;
            }
            
            #footer ul li a:hover {
                color: #241C16;
            }

/* contact */
#contentForm {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 25px;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 250px;
  line-height: 20px;
  margin-bottom: 20px;
  margin: 10px 0;
}

input, textarea {
  margin: 0;
  padding: 5px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input {
    width: 250px;
}

textarea {
    width: 350px;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  background:#D5DD89;
  width: 90px;
  height: 28px;
  margin-left: 250px;
  color: #9C5727;
  border: 1px solid #D5DD89;
}

input.button:hover , input.button:focus {
    background: #DCE397;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

#spamcheck {
    width: 100px;
}

/* show image */

    #content .slid , .show_img {
        margin: 0 auto;
        margin-bottom: 20px;
        background: url('images/latest-border.png') no-repeat top center;
        padding: 27px 0 0;
    }
    
        #content .slid .slid_bottom , .show_img .show_img_bottom{
            background: url('images/latest-border-top.png') no-repeat bottom center;
            padding: 0 0 27px;
        }
        
.show_img {
    width: auto;
}

    .show_img .show_img_bottom {
        
    }
    
#content .slid {
    width: 550px;
    height: 150px;
}

    #content .slid .slid_bottom , .container{
        width: 550px;
        height: 150px;
    }
    
.container a {
    display: block;
    width: 100%;
    height: 100%;
}

span {
    background: #535727 ;
    padding: 5px;
    color: #ECF0C7;
    margin: -26px 0 0;
}

span.title {
    float: left;
}

span.work {
    float: right;
	display : none;
}

.container:hover span.work {
	display : block;
}

/* ul page */
ul#pages {
    margin: 0 0 0 10px;
    padding: 20px  0 0;
}
ul#pages li {
    float: left;
    font-weight: bold;
    color: #535727;
    padding: 0;
    margin: 0 5px;
    font: bold 15px arial;
    border: none;
    background: none;
}

ul#pages li a {
    padding: 5px;
    color: #B2B87B;
    font: 15px arial;
}

span#regard {
    text-align: right;
    display: block;
    float: none;
    background: none;
    color: #C4C985;
    margin: 16px 0 0;
}

span.all {
    display: block;
    margin: 10px 5px 0 0;
    padding: 0;
    float: right;
}

span.all a{
    display: block;
    padding: 5px 10px;
    width:30px ;
    text-align: center;
    color: #ECF0C7;
    border: 1px solid transparent;
}

span.all a:hover {
    background: #D5DD89;
    color:#905727 ;
    border: 1px solid #905727;
}