/* CSS Document */
body {
margin:0 auto;
font: 11px Arial, Helvetica, sans-serif;
color: #666666;
align:center;
background: #f5f2eb url(bg2.jpg) center;
}

a {
text-decoration: none;
color:#666;
}

img {
border:0px;
}

ul {
margin:0px 0px 0px 20px;
padding:2px 0px;
}
li {
padding:5px 0px;
margin:0px;
}
form {
padding:0px;
margin:0px;
}
input {
font: 11px Arial, Helvetica, sans-serif;
border: inset 1px;
}

input:focus, textarea:focus {
background: #FF9;
}

textarea {
font: 11px Arial, Helvetica, sans-serif;
border: inset 1px;
width: 190px;
}

#container {
width: 730px;
margin:15px auto;
}
#header {

height: 84px;
}

#logo {
width: 84px;
}

#titles {
float: right;
width: 389px;
}

.block {
margin-top:20px;
}

.rightCol {
float:right;
width:388px;
background:#EEE;
}

.rightColTitle  {
background: url(headerRight.gif) no-repeat;
color: #fff;
font-size:11px;
font-weight:bold;
height: 19px;
overflow:hidden;
padding:5px 0px 0px 10px;
}
.rightColContent  {
padding:5px 10px;
height:165px;
overflow:hidden;
}
.rightColFooter {
background: url(footerRight.gif) no-repeat;
height: 7px;
overflow:hidden;
}

.leftCol {
background: #EEE;
width:330px;
}
.leftColTitle  {
background: url(headerLeft.gif) no-repeat;
color: #fff;
font-size:11px;
font-weight:bold;
height: 19px;
overflow:hidden;
padding:5px 0px 0px 10px;

}
.leftColContent  {
padding:5px 10px;
height:165px;
overflow:hidden;
}
.leftColFooter {
background: url(footerLeft.gif) no-repeat;
height: 7px;
overflow:hidden;
}

.portTitle {
background: url(headerPort.gif) no-repeat;
color: #fff;
font-size:11px;
font-weight:bold;
height: 18px;
overflow:hidden;
padding:5px 0px 0px 10px;
}

#portfolio {
height:160px;
padding:10px 5px 3px 5px;
margin:0;
background: #EEE;
list-style: none;
overflow: hidden;
}

#portfolio li {
width:130px;
height: 152px;
border: 1px solid #ccc;
background:#fff;
float: left;
margin: 0px 3px 3px;
text-align:center;
color:#600;
font-weight: bold;
padding:3px;
overflow:hidden;
}
#portfolio li a img {
opacity:0.4;filter:alpha(opacity=40);
padding-bottom:5px;
}
#portfolio li a:hover img{
opacity:1;filter:alpha(opacity=100);
}

#projectFull {
display: none;
background: #fff;
border: 1px solid #CCCCCC;
color: #660000;
font-weight: bold;
height: 152px;
margin: -163px 0 3px 8px;
overflow: hidden;
padding: 3px;
position: relative;
width: 706px;
}

#closeBT {
position: relative;
bottom: 156px;
left: 698px;
cursor:pointer;
display: none;
float: left;
}
#projectFull img {
padding-bottom:5px;
}

#projectNav {
float: right;
padding-right:10px;
height:20px;
font-size:14px;
font-weight: bold;
}
#projectNav a {
color: #fff;
}
#projectNav a:hover {
color: #600;
}

.portFooter {
background: url(footerPort.gif) no-repeat;
height: 7px;
}

#footer {
margin:20px 0px 10px 0px;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color:#600;
}

h4{
color: #CCCCCC;
font-size:22px;
line-height:26px;
margin:0px;
padding:0px;
}
h1 {
color: #CCCCCC;
font-size:22px;
line-height:18px;
margin:0px;
padding:0px;
}
h2 {
color:#999999;
font-size:22px;
line-height:18px;
margin:0px;
padding:0px;
}
h3 {
color: #666666;
font-size:22px;
line-height:18px;
margin:0px;
padding:0px;
}

.rss {
display:block; 
background:url(rss.gif) no-repeat; 
width: 30px;
height:12px; 
padding:2px 0px 4px 22px;
}