/* basic elements */

* {
    margin: 0;
    padding: 0;
}

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

:focus {
outline: 0;
} 

body {
margin: 0;
padding: 0;
height: 100%;
background-color: #fff;
color: #ccc;
background: url(header_bg.png) repeat-x top left;
}

html>body #outer_wrapper {
height:100%; /* 100 % height */
}

h1 {
font-family: sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #666;
text-align: right;
letter-spacing: .5px;
line-height: 1.4em;
margin: 0px;
}

h2 {
font-family: 'Times New Roman', serif;
font-size: 2.0em;
font-weight: bold;
color: #000;
text-align: left;
letter-spacing: -0.05px;
line-height: 1.4em;
padding: 15px;
margin: 0px;
}

h3 {
font-family: sans-serif;
font-size: 1.0em;
font-weight: normal;
color: #000;
letter-spacing: .5px;
line-height: 1.4em;
margin: 0px;
padding: 40px 40px;
}

h4 {
font: bold 12pt arial;
letter-spacing: 1px;
margin-bottom: 0px;
color: #666;
text-align: left;
}

h4 a {
color: #666;
}

h5 {
font: italic normal 10pt georgia;
letter-spacing: 1px;
margin-bottom: 0px;
color: #666;
text-align: left;
}

p {
font-family: arial;
font-size: 1.0em;
color: #58747d;
line-height: 1.4em;
margin: 20px 5px;
}

a {
border: none;
text-decoration: none;
}

/* ------------------------------------------------------------- */

/* specific divs */

#header {
width: 100%;
height: 237px;
background: url(header_index.png) no-repeat top center;
}

#header-portfolio {
width: 100%;
height: 249px;
background: url(header_portfolio.png) no-repeat top center;
}

#header-contact {
width: 100%;
height: 201px;
background: url(header_contact.png) no-repeat top center;
}

#content {
width: 100%;
height: 450px;
margin: 0 auto;
background: url('body_bg.png') repeat-y 50% 0;
}

#graphic-designer-services {
width: 100%;
height: 450px;
background: url(graphic-services.png) no-repeat 50% 100%;
}

dl.index-menu {display: block; width: 1024px; margin: 0 auto; height: 100px;  position: relative;}

a.index-identity {left: 120px; top: 60px; background: transparent;}
a.index-identity {display: block; width: 800px; height: 65px; overflow: hidden; position: absolute;}
a.index-identity:hover  {background:transparent;}
a.index-print {left: 120px; top: 130px; background: transparent;}
a.index-print {display: block; width: 800px; height: 65px; overflow: hidden; position: absolute;}
a.index-print:hover  {background:transparent;}
a.index-publishing {left: 120px; top: 200px; background: transparent;}
a.index-publishing {display: block; width: 800px; height: 68px; overflow: hidden; position: absolute;}
a.index-publishing:hover  {background:transparent;}
a.index-contact {left: 620px; top: 350px; background: transparent;}
a.index-contact {display: block; width: 300px; height: 100px; overflow: hidden; position: absolute;}
a.index-contact :hover  {background:transparent;}

#logo-design {
width: 100%;
padding-top: 100px;
text-align: center;
z-index: -1;
}

#print-graphics {
width: 100%;
height: 15%;
text-align: center;
border-top: solid 1px red;
border-bottom: solid 1px red;
}

#publishing-design {
width: 100%;
height: 15%;
text-align: center;
}

#logo-design img, #print-graphics img, #publishing-design img {
padding: 0;
margin: 0;
}

#contact-graphic-design {
width: 100%;
height: 35%;
padding-top: 35px;
text-align: center;
}

#portfolio-logos, #portfolio-print, #portfolio-publishing {
width: 875px;
height: 267px;
margin: 0 auto;
text-align: right;
z-index: 100;
}

#portfolio-logos {background: url(portfolio_bg_logos.png) no-repeat bottom center;}
#portfolio-print {background: url(portfolio_bg_print.png) no-repeat bottom center;}
#portfolio-publishing {background: url(portfolio_bg_publishing.png) no-repeat bottom center;}

#content-contact {
width: 100%;
height: 391px;
background: url(contact_body.png) no-repeat center top;
}

#artwork-logos, #artwork-print, #artwork-publishing {
width: 600px;
height: 267px;
float: right;
text-align: center;
}

#artwork-logos img, #artwork-print img, #artwork-publishing img {
clear: both;
position: relative;
top: 50%;
margin-top: -130px;
}

#footer {
background: url(footer_bg.png) no-repeat top center;
height: 104px;
text-align: center;
}

#footer-portfolio-logos, #footer-portfolio-print, #footer-portfolio-publishing {
width: 100%;
height: 100px;
display: block;
text-align: center;
}

#footer-portfolio-logos {background: url(footer_portfolio_logos.png) no-repeat top center;}
#footer-portfolio-print {background: url(footer_portfolio_print.png) no-repeat top center;}
#footer-portfolio-publishing {background: url(footer_portfolio_publishing.png) no-repeat top center;}

#footer-menu {
background: url(footer_menu.png) no-repeat top center;
height: 145px;
margin-top: -27px;
text-align: center;
}

#map {
width: 200px;
height: 267px;
float: right;
}

dl.numeral_map {display:block; width:204px; height:261px;  position:relative;}
a.image1 {left:0px; top:-5px; background:transparent;}
a.image1 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image1:hover  {background:transparent;}
a.image2 {left:0px; top:26px; background:transparent;}
a.image2 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image2:hover  {background:transparent;}
a.image3 {left:0px; top:60px; background:transparent;}
a.image3 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image3:hover  {background:transparent;}
a.image4 {left:0px; top:93px; background:transparent;}
a.image4 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image4:hover  {background:transparent;}
a.image5 {left:0px; top:127px; background:transparent;}
a.image5 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image5:hover  {background:transparent;}
a.image6 {left:0px; top:163px; background:transparent;}
a.image6 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image6:hover  {background:transparent;}
a.image7 {left:0px; top:196px; background:transparent;}
a.image7 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image7:hover  {background:transparent;}
a.image8 {left:0px; top:230px; background:transparent;}
a.image8 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image8:hover  {background:transparent;}
a.image9 {left:0px; top:274px; background:transparent;}
a.image9 {display:block; width:200px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
a.image9:hover  {background:transparent;}


dl.menu {display: block; width: 1024px; margin: 0 auto; height: 100px;  position: relative;}

a.daltonfischel {left: 40px; top: -580px; background: transparent;}
a.daltonfischel {display: block; width: 800px; height: 200px; padding-top: 0px; overflow: hidden; position: absolute;}
a.daltonfischel:hover  {background:transparent;}
a.identity {left: 120px; top: 55px; background: transparent;}
a.identity {display: block; width: 125px; height: 0; padding-top: 25px; overflow: hidden; position: absolute;}
a.identity:hover  {background:transparent;}
a.print {left: 250px; top: 55px; background: transparent;}
a.print {display: block; width: 85px; height: 0; padding-top: 25px; overflow: hidden; position: absolute;}
a.print:hover  {background:transparent;}
a.publishing {left: 330px; top: 55px; background: transparent;}
a.publishing {display: block; width: 140px; height: 0; padding-top: 25px; overflow: hidden; position: absolute;}
a.publishing:hover  {background:transparent;}
a.contact {right: 65px; top: 5px; background: transparent;}
a.contact {display: block; width: 185px; height: 0; padding-top: 75px; overflow: hidden; position: absolute;}
a.contact:hover  {background:transparent;}
a.atlanta-graphic-design {left: 230px; top: 82px; background: transparent;}
a.atlanta-graphic-design{display: block; width: 600px; height: 0; padding-top: 25px; overflow: hidden; position: absolute;}
a.atlanta-graphic-design:hover  {background:transparent;}

#footer-contact {
background: url(footer_contact.png) no-repeat top center;
height: 194px;
margin-top: -20px;
text-align: center;
}

dl.contact {display: block; width: 875px; margin: 0 auto; height: 550px;  position: relative;}
a.email {left: 35px; top: 360px; background: transparent;}
a.email {display: block; width: 225px; height: 0; padding-top: 25px; overflow: hidden; position: absolute;}
a.email:hover  {background:transparent;}
a.home {right: 0; top: 375px; background: transparent;}
a.home {display: block; width: 225px; height: 0; padding-top: 175px; overflow: hidden; position: absolute;}
a.home:hover  {background:transparent;}

h6 {
font: normal 8pt arial;
letter-spacing: 1px;
line-height: 75px;
margin-bottom: 0px;
text-align: center;
color: #a9b7b9;
}

#footer a {
color: #a9b7b9;
text-decoration: none;
}