/* CSS Document */
body {margin: 0; padding: 0; text-align: left; outline-style: none; background-color:white;}

div#outer-wrapper {position: absolute; 
left: 50%; top: 50%; 
width: 750px; height: 600px; 
margin-left: -375px; margin-top: -300px;} 

div#wrapper-inner {width: 694px; height: 530px; background: white; border: 1px solid #666666;margin-top:24px; margin-left:28px;} 


div#wrapper {position: absolute; left: 50%; top: 50%; width: 694px; height: 530px; background: white; border: 1px solid #666666; margin-left: -347px; margin-top: -265px; } 

div#wrapper-portfolio {position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; margin-top: -300px;} 

div#portfolio {position: absolute; left: 50%; top: 340px; width: 900px; height: 695px; background: white; margin-left: -450px; margin-top: -348px;} 
div#logo    {position: relative; left: 139px; top: 196px; width: 416px; height: 49px;}
div#footer {position: relative; left: 33px; top: 446px; width: 627px; height: 10px; background-image:url(../images/footer_scaled.jpg); background-repeat: no-repeat;}
div#footer_text {position: relative; left: 33px; top: 446px; width: 627px; height: 10px; }
div#slideshow {position: relative; left: 47px; top: 66px; width: 600px; height: 450px;}
div#motto     {position: relative;}
div#monogram {position: relative; top: 55px;}
div#underconstruction {position: relative; left: 175px; top: 50px; width: 416px; height: 49px;}
div#credits {position: relative; left: 33px; top: 446px; width: 627px; height: 10px; }
.separaters {color: red; font-weight: bold; font-size: 12px;}
.text {text-transform: uppercase; font-family: Arial, sans-serif; font-size: 10px; color: #666666;}
img {border: 0px solid white}
a {    outline: none;/* get rid of dotted borders */}