@charset "utf-8";
/* CSS Document */

body {
margin:0 auto;
background-color:#000000;
background-image:url(../img/background.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family:Calibri, "Trebuchet MS", Verdana;
font-size:12px;
color:#333333;
}

img {
border:0px;
}

#folio {
float:right;
width:122px;
height:122px;
padding:31px;
background-image:url(../img/tlo-portfolio.png);
}

h1 {
font-size:20px;
}

h2 {
font-size:16px;
}

#container {
margin:0 auto;
width:1000px;
}

#topleft {
width:228px;
padding-left:70px;
height:305px;
background-image:url(../img/top-left.jpg);
float:left;
}

#topright {
width:702px;
height:305px;
background-image:url(../img/top-right.jpg);
float:left;
}

#content {
width:1000px;
background-image:url(../img/content.png);
background-repeat:repeat-y;
overflow:hidden;
}

#midleft {
width:298px;
height:325px;
background-image:url(../img/mid-left.jpg);
float:left;
}

#right {
width:702px;
float:left;
}

#midright {
width:591px;
height:194px;
padding-top:11px;
padding-left:111px;
background-image:url(../img/mid-right.jpg);
}

#textright {
padding-right:130px;
padding-left:20px;
}

#footer {
width:1000px;
height:51px;
padding-top:50px;
background-image:url(../img/footer.png);
text-align:center;
color:#FFFFFF;
}