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

* { font-family:arial; }
body { background-image:url(images/gifs/background-sky.gif); background-repeat:repeat-x; margin: 0;}
body.contact { background:white;}
#header {margin:0 auto 0; background-image:url(images/gifs/cloudbackground.gif)}
#header h1{width:100%; background-image:url(images/gifs/bird-logo.gif);background-repeat:no-repeat;background-position: center ;height:442px; text-indent:-9999px;margin-bottom:50px; margin:0 auto;}


#content {width:400px;margin:0 auto 50px;}
#content p { margin: 30px 5px; font-size:16px; font-weight:bold; color:#33;}
#portfolio { margin:0 auto; }
#portfolio ul{ margin:0;padding:0px;}

#portfolio li{ border:1px solid #999;float:left;width:120px;margin:5px;height:116px;background-color:#333333;list-style:none;}
#portfolio li a {display:block; width:120px;height:116px;}

#information {   color:#333;}
#information h2 { font-size:20px; margin: 30px  0 10px; }
#information ul { font-size:12px; padding-left:15px;}
#information p { font-size:20px; }

#iframe {width:400px; height:300px; margin-top:20px; border:none;  overflow:hidden;}
#contact h2 { font-size:20px; margin: 0px  0 10px; }
#contact { height:200px; margin-top:0px; font-size:12px;}
#contact input { border:1px solid #666666; width:200px; margin-left:10px; }
#contact textarea { border:1px solid #666666; width:200px; margin-left:10px;}
#contact .submit { margin-top:15px;}

#port_annuity_museum { background: url(images/screen-shots/annuitymuseum.png) no-repeat; }
#port_annuity_shopper { background: url(images/screen-shots/annuityshopper.png) no-repeat; }
#port_big_bass_lake { background: url(images/screen-shots/bigbasslake.png) no-repeat; }
#port_car { background: url(images/screen-shots/car.png) no-repeat; }
#port_deletron { background: url(images/screen-shots/deletron.png) no-repeat; }
#port_jet{ background: url(images/screen-shots/jet.gif) no-repeat; }
#port_judy_wilson{ background: url(images/screen-shots/judy_wilson.png) no-repeat; }
#port_laurie_stern{ background: url(images/screen-shots/laurie_stern.png) no-repeat; }
#port_meletron{ background: url(images/screen-shots/meletron.png) no-repeat; }
#port_rumor_mill{ background: url(images/screen-shots/rumor_mill.png) no-repeat; }
#port_slavic_glass{ background: url(images/screen-shots/slavic_glass.png) no-repeat; }
#port_spectrum{ background: url(images/screen-shots/spectrum.png) no-repeat; }
#port_glyph{ background: url(images/screen-shots/glyph.png) no-repeat; }

#image #detail {float:left; width:572px;}
#image #detail #header_image { width:572px;height:380px; background:red;}
#image #description {float:left; width: 350px; }
#image #information { width:180px; margin-left:620px; }
#tasks  {  margin-left:355px;}
#tasks ul {font-size:12px; padding-left:15px; }
#tasks h2 {font-size:20px; border-bottom:1px solid grey;  }

#footer {
width:400px;
margin: 50px auto 0px;
font-size:10px;
border-top:1px solid #aaa;
color:#ccc;
}
.contact {margin-top:0px;}