/* CSS Document */
/*
colors{
lt blue:#add8f2;
med blue:#d3eaf8;
dark grey:#666666;
lt grey:#CCCCCC;
dark blue:#4280a5;
}
*/
body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#000000;
padding:0 0 30px 0;
margin:0 0 30px 0;
/*background:#CCCCCC url("../images/gradient.jpg") repeat-x;*/
background:#000000;
text-align:left;
}
div, img {
behavior: url(../js/iepngfix.htc);
}
#body, #header, #footer {
width:100%;
margin:0 auto;
padding:0;
}
#body {
background-color:#FFFFFF;
}
#body .wrapper{
background:#FFFFFF;
padding:10px 5px 15px 5px;
}
p {
display:block;
float:left;
margin:10px;
color:#4280a5;
}
a:link {
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
-webkit-transition: color .3s linear;
color:#000000;
}
a:visited {
text-decoration:none;
color:#000000;
}
a:active {
text-decoration:none;
}
a:hover {
text-decoration:none;0;
}
img {
display:block;
float:left;
border:none;
border-width:0;
padding:3px;
}
.project{
display:block;
float:left;
width:223px;
height:375px;
margin:0;
padding:2px;
/*border:2px solid #add8f2;
background: #d3eaf8;*/
}
.project img{
width:215px;
padding:0;
margin:0;
}
.project span {
display:block;
float:left;
width:100%;
font-weight:bold;
color:#4280a5;
padding:3px 0;
margin:0 0 8px 0;
text-indent:15px;
}
#thumbs a {
margin:0;
display:block;
float:left;
padding:0;
}
#thumbs {
padding:0;
margin:0;
}
#header {
padding:32px 0 0 0;
background-color:transparent;
background-image:url("../images/header.jpg");
background-repeat:no-repeat;
background-position:center;
}
#thumbs a img {
border:0;
opacity: 1;
margin:0;
padding:9px;
/*-webkit-transition: opacity .3s linear;*/
}
#thumbs a:hover img {
border:2px solid #4280a5;
margin:7px;
padding:0;
/*opacity: .5;*/
}
#thumbs a img.large {
padding:12px 58px;
margin:0;
}
#thumbs a:hover img.large {
margin:10px 56px;
padding:0;
}
h2 {
font-size:18px;
clear:both;
margin:0 0 10px 0;
padding:5px;
text-align:left;
border-bottom:1px dotted #cccccc;
}
.clear {
clear:both;
}
#home, #thumbs, #extras {
display:block;
margin:0;
padding:0;
}
.wrapper {
width:950px;
margin:0 auto;
padding:0;
}
#top-left, #top-right, #bottom-left, #bottom-right  {
display:block;
width:30px;
height:30px;
position:absolute;
}
#top-left {
/*background: url("../images/top-left.jpg") no-repeat 0 0;*/
top:0;
left:0;
}
#top-right {
/*background: url("../images/top-right.jpg") no-repeat 0 0;*/
top:0;
right:0;
}
#bottom-left {
/*background: url("../images/bottom-left.jpg") no-repeat 0 0;*/
bottom:0;
left:0;
}
#bottom-right {
/*background: url("../images/bottom-right.jpg") no-repeat 0 0;*/
bottom:0;
right:0;
}
#logo {
background: url("../images/logo.png") no-repeat 0 0;
float:left;
height:41px;
width:864px;
margin-left:120px;
margin-top:10px;
font-size:18px;
text-indent:-9000px;
text-align:left;
}
#styles {
float:left;
height:30px;
width:100%;
background-color:#c4bfb3;
color:#FFFFFF;
border-top:1px solid #000000;
padding:0;
}
#styles ul li {
display:inline;
float:right;
text-align:center;
margin: 0 10px;
vertical-align:top;
}
#links{
/*background:#add8f2;*/
/*url('../images/blue_gel.jpg') repeat-x;*/
background-image:url('../images/blue_bg.png');
border-bottom:1px solid #4280a5;
border-top:1px solid #4280a5;
display:block;
float:left;
width:100%;
margin:0 auto;
padding:0;
}
#footer {
padding:0;
background-color:transparent;
background-image:url("../images/footer.jpg");
background-position:bottom;
background-repeat:no-repeat;
display:block;
float:left;
height:150px;
}
#links ul {
float:left;
display:block;
width:800px;
margin:0 40px;
padding:0;
}
.image {
width:180px;
display:block;
float:left;
padding:0;
margin:0;
}
#links ul li {
font-size:14px;
display:inline;
float:left;
margin:0 10px;
text-align:center;
vertical-align:top;
padding:3px;
}
#links ul li a{
padding:3px 9px;
margin:0;
}
#links ul li a:hover{
padding:3px 8px;
background-color:#FFFFFF;
border-right:1px solid #4280a5;
border-left:1px solid #4280a5;
-webkit-transition: color .3s linear;
margin:0;
}