/* Colors used:
Header: #404040
Main: #363636
Bright red: #cd0000
Matte red: #*/

/*---------- General ----------*/
*{
margin: 0;
padding: 0;
}

body{
font: 0.8em/1.3em Verdana,Georgia,"Century Gothic",sans-serif;
background: url("../images/topline.jpg") top repeat-x;
min-width: 800px;
color: #fff;
}

body#portfolio li.pf{
border-bottom: 4px solid #cd0000;
padding-bottom: 43px;
}

body#info li.if{
border-bottom: 4px solid #cd0000;
padding-bottom: 43px;
}

body#contact li.ct{
border-bottom: 4px solid #cd0000;
padding-bottom: 43px;
} 


h1,h2,h3,h4,h5,h6{
font-family: "Century Gothic",Georgia,Verdana,sans-serif;
color: #404040;
padding: 5px 0 0 0;
margin: 0 20px;
}

h3{
margin-top: 25px;
color: #cd0000;
padding: 0;
}

h4{
color: #363636;
margin-bottom: 5px;
}

a:link, a:visited, a:active{
color: #363636;
text-decoration: none;
border-bottom: 1px solid #363636;
}

a:hover{
color: #431616;
border-bottom: 2px solid #431616;
}

strong{
color: #431616;
}


/*--------------------------*/
/*--------- Header ---------*/
/*--------------------------*/
#header{
background: url("../images/logo.jpg") left top no-repeat;
position: relative;
left: 50%;
margin-left: -400px;
width: 800px;
height: 120px;
line-height: 130px;
font-size: 0.75em;
}

#header h1{
text-indent: -9999px;
}

#header ul{
position: relative;
left: 50%;
margin-left: -100px;
width: 500px;
height: 120px;
text-align: right;
list-style-type: none;
font-size: 1.5em;
}

#header li{
display: inline;
letter-spacing: 0.1em;
margin-left: 35px;
}

#header a{
padding-bottom: 43px;
padding-right: 0;
border: none;
background: none;
}

#header ul a:link, #header ul a:visited, #header ul a:active{
text-decoration: none;
color: #fff;
background: none;
font-weight: bold;
}

#header ul a:hover{
text-decoration: none;
color: #cd0000;
border-bottom: 4px solid #cd0000;
background: none;
}


/*--------------------------*/
/*---------- Main ----------*/
/*--------------------------*/
#main{
position: relative;
left: 50%;
margin-left: -400px;
width: 800px;
background: url("../images/bottom.jpg") bottom no-repeat #767676;
padding: 10px 0 40px 0;
font-family: Verdana, Georgia,sans-serif;
}

#main p.content{
text-align: justify;
width: 500px;
margin: 15px 20px;
}

ul.content{
list-style-type: none;
margin-left: 20px;
}

ul.content li{
background: url("../images/pointer.png") left no-repeat;
padding-left: 38px;
}

#projectimg{
float: left;
width: 264px;
height: 138px;
margin: 0 20px;
}

#projectimg a:link, #projectimg a:visited, #projectimg a:active{
display: block;
width: 264px;
height: 138px;
background: url("../images/imgback.png") center no-repeat;
border: none;
padding: 0;
}

#projectimg a:hover{
background: url("../images/imgbackhov.png") center no-repeat;
}

#projectimg img{
margin: 6px;
border: none;
}

#projectdescr{
float: left;
width: 380px;
margin: 0 20px 0 20px;
padding: 8px;
}

#clear{
clear: both;
}