html *{padding:0;margin:0}
h1,h2,h3,h4{font-weight:normal}
a{text-decoration:none}
a img{border:none}


body {
    text-align:center;
    font-family:'Trebuchet MS',sans-serif;
    color:#5A443A;
    background:#FEFDFD url("images/bg-color.png") repeat-x top center;
}
div.wrapper {

    width:1000px;
    margin:0px auto;
    text-align:left;
}
#header {
    height:310px;
}
#content {
    background:transparent url("images/bg.png") no-repeat top center;
}
#contact {

}
#footer {
    background:#4F372C;
    border-top:1px solid #34231B;
    padding:3px;  
}
#footer>div {

    text-align:right;
    font-size:16px;
    font-style:italic;
    color:#8C6B5D;
}
#footer >div>a {
    color:#8C6B5D;
}
/**********************************************************/
div.box{
    float:left;
    margin:5px;
    padding:4px 10px;
    width:300px;
}
div.wide {
    margin:5px;
    padding:4px 10px;
    float:left;
    width:470px;
}
.clear {
    clear:both;
}
abbr{
    cursor:help;
}
div.ie6 {
    margin:4px 10px;
    background:#ffd;
    padding:6px;
    color:#555;
    border:1px solid #666;
}
/***********************************************/
a {
    color:#E2852A;
}
a:hover {
    color:#09f;
}
/*********** h e a d e r s  *********************/
h1{padding:4px;}
h1.about {
    background:url("images/abou1t.png") no-repeat center left;
    text-indent:-9999px;
}
h1.works {
    background:url("images/works.png") no-repeat center left;
    text-indent:-9999px;
}
h1.connect {
    background:url("images/connect.png") no-repeat center left;
    text-indent:-9999px;
}
h1.contact {
    background:url("images/contact.png") no-repeat bottom left;
    text-indent:-9999px;
}
h1.about-site {
    background:url("images/about-site.png") no-repeat bottom left;
    text-indent:-9999px;
}
h2 {
    color:#E2852A;
    font-family:'Myriad Pro';
    border-bottom:1px solid #eee;
}
/************************* W O R K S *************************/
#works a.img{
    width:250px;
    display:block;
    background:#f4f4f4;
    border:1px solid #aaa;
    padding:8px;
    margin:6px 0px;
    color:#444;
    font-size:14px;
    
}
#works a.img>img{
    margin:0px auto;
    opacity:0.80;
    filter:alpha(opacity=80);
}
#works a.img:hover{
    background:#fff;
    color:#09f;
}
/********************** l i s t s *****************************/
ul.links {
    list-style:none;
    margin:0 10px;
    padding:0;
}
ul.links li {
    border-bottom:1px solid #eee;
    border-top:1px solid #ccc;
    padding:10px 14px;
}
li.fb {
    padding:20px 5px 20px 50px !important;
    background:transparent url("images/facebook-logo.png") no-repeat left center;
}
li.twitter {
    padding:20px 5px 20px 80px !important;
    background:transparent url("images/twitter.png") no-repeat left center;
}
li.orkut {
    padding:20px 5px 20px 50px !important;
    background:transparent url("images/orkut.png") no-repeat left center;
}
li.mail {
    padding:20px 5px 20px 50px !important;
    background:transparent url("images/mail.png") no-repeat left center;
}
li.blog {
    padding:20px 5px 20px 50px !important;
    background:transparent url("images/blog.png") no-repeat left center;
}
li.first {
    border-top:none !important;
}
li.last {
    border-bottom:none !important;
}

/*********************** dl ,dt and dd *************************/
dt {
    margin:3px;
    color:#09f;
}
dd {
    padding-left:15px;
}
/***************** F O R M S *********************************/
form {
    display:block;
}
label{
    cursor:pointer;
    font-family:'Arial';
    text-transform:uppercase;
    letter-spacing:-1px;
}
label.hl {
    font-weight:bold;
}
input,textarea {
    margin:4px 0px;
    padding:5px;
    font-family:'Myriad Pro','Arial',sans-serif;
    font-size:18px;
    color:#31231e;
    background:#fff url("images/input.png") repeat-x top center;
    border:1px solid #ccc;
    width:450px;
}
input:focus,textarea:focus {
    background:#f6f6f6;
}
textarea {
    overflow:auto;
    height:200px;
}
button {
    background:transparent;
    border:none;
    cursor:pointer;
}
span.red {
    color:red;
}
span.success {
    width:500px;
    display:block;
    background:transparent url("images/success.png") no-repeat left center;
    padding:20px;
    padding-left:50px;
    color:#444;
    margin:2px 0;
    font-style:italic;
}
span.error {
    width:500px;
    display:block;
    background:transparent url("images/error.png") no-repeat left center;
    padding:24px 0;
    padding-left:50px;
    margin:2px 0;
    color:maroon;
}