﻿html {padding:0; margin:0; height: 100%;}
body {margin:0; padding:0; font-family: Myriad Pro, Arial, "Lucida Sans", sans-serif; font-size:12px; background-color:#78A0AC; color:#ffffff; height: 100%;
 }


div.page {width:1024px; background-color:#68838B; margin:0 auto; min-height:100%; height:auto !important; height:100%; }
div.main-contact-image {width:1024px; height:289px; background:transparent url('images/Skyline.jpg') no-repeat scroll top left;}
div.topmenu {width:1024px; height:35px; background-color:#4F94CD; padding: 5px 0 0 0;}

ul.menu {display:block; position:relative; list-style:none; margin: 0px auto; padding:0; width:990px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:underline; color:#000000}
ul.menu li {position:relative; float:left; margin-right:0px; text-align:center;}
ul.menu .menulink {padding:4px 4px 4px; font-family:Arial Narrow, "Futura Medium", "Franklin Gothic Bold", "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;font-size:18px; width:133px}
ul.menu a.menulink:hover {text-decoration:underline; color:#FFFFFF}
/*ul.menu .menulink:hover, ul.menu .menuhover {color:#FFFFFF; background-color:blue;}*/


ul.menu .menulink.home {background-color:#0A0A0A; color:#FF4500;}
ul.menu .menulink.works {background-color:#282828;color:#FFF100;}
ul.menu .menulink.projects {background-color:#3D3D3D;color:#00CD00;}
ul.menu .menulink.bio {background-color:#515151;color:#00BFFF;}
ul.menu .menulink.texts {background-color:#666666;color:#0000CD;}
ul.menu .menulink.contact {background-color:#7A7A7A;color:#ED008C;}
ul.menu .menulink.links {background-color:#8E8E8E;color:#8B4513;}

div.tabletop {width:1024px; height:35px; background-color:#FF0000; padding: 5px 0 0 0;}
table.threecolumn {width: 990px; height:350px;padding-bottom:11px;}
table.threecolumn td {width: 330px; height:350px;padding:11px;}
table.threecolumn td.left {background-color:#6B8E23;}
table.threecolumn td.middle {background-color:#CD2626;}
table.threecolumn td.right {background-color:#8B4789;}

table.threecolumn .thumbdisplay {margin: 20px 0px 10px 0;text-align:center;}
table.threecolumn .small {font-size:10px;}
table.threecolumn .thumbdisplayfront {margin: 0 0px 10px 0;}


div.content {width: 990px; margin: 10px auto; min-height:350px; height:auto !important; height:350px;padding-bottom:10px;}
div.content .column {display:block; float:left; width: 330px; min-height:350px; height:auto !important; height:350px;}
div.content .column.left {background-color:#6B8E23;}
div.content .column.middle {background-color:#CD2626;}
div.content .column.right {background-color:#8B4789;}
div.content a:link, a:visited, a:active	{text-decoration: underline; color:#FFFFFF}
div.content a:hover	{text-decoration: underline; color:#00BFFF}

div.cv-image1 {width:100px; height:66px; margin: 0 70px 0 30px; background:transparent url('images/cv-image1.jpg')}
div.cv-image2 {width:100px; height:75px; margin: 0 50px 0 30px; background:transparent url('images/cv-image2.jpg')}
div.cv-image3 {width:100px; height:67px; margin: 0 50px 0 30px; background:transparent url('images/cv-image3.jpg')}
div.imgdisplay {margin: 0 auto;text-align:center;padding-bottom:10px;}
div.worktitle {margin: 10px 0 10px 0;}

div.clear {clear:both; visibility:hidden;}

a:link, a:visited, a:active	{text-decoration: underline;}
a:hover	{text-decoration: underline;}

input, select, textarea	{font: 11px Myriad Pro, Futura, Geneva, Arial, Helvetica, sans-serif;}

h1 {margin:0px 0px 11px 0px; font-size:20px; font-weight:normal;}
.main-content h1	{padding-top: 16px;}
h2 {margin:0px 0 9px 0; font-size:17px; font-weight:normal;}
h3 {margin: 0px 0px 7px 0px; font-size:14px; font-weight:normal;}
h4 {margin: 0px 0px 6px 0px; font-size: 11px; font-weight:normal;}

dl {margin: 0 0 15px 0;}
dt { font-weight: bold; float: left; width: 55px; }
dd { margin: 0 0 0.4em 0; float: left; width: 250px; }
p.clear { clear: both; }
