@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
background:#ccc399 url(images/desk-bg.png) center;
}
#doodleMain {
background:url(images/doodleMain.png) bottom center no-repeat;
}
#doodleZwoozy {
height:200px;
background:url(images/doodleZwoozy.png) bottom center no-repeat;
}
#doodleLuxo {
height:100px;
background:url(images/doodleLuxo.png) bottom center no-repeat;
}
#doodleSpot {
background:url(images/doodleSpot.png) bottom center no-repeat;
}
#doodleTondo {
background:url(images/doodleTondo.png) bottom center no-repeat;
}
#doodlePork {
background:url(images/doodlePork.png) bottom center no-repeat;
}
#content {
width:809px;
margin:0 auto;
padding-bottom:40px;
background:#fff url(images/body-bg.png) repeat-y;
}
#header {
width:809px;
height:187px;
background:#fff url(images/header.png) no-repeat;
}
a#back {
display:block;
float:right;
margin:4px 18px 0 0;
text-indent:-9999px;
height:46px;
width:222px;
background:url(images/back-to-zwoozy.png) no-repeat;
}
a#back:link {
background:url(images/back-to-zwoozy.png) no-repeat;
}
a#back:visited {
background:url(images/back-to-zwoozy.png) no-repeat;
}
a#back:hover {
background:url(images/back-to-zwoozy-hilite.png) no-repeat;
}
h2 {
margin-left:120px;
margin-bottom:0;
}
h2.first {
margin-top:-54px;
}
h2#webDesign {
height:36px;
text-indent:-9999px;
background:url(images/web-design.png) no-repeat;
}
h2#graphicDesign {
height:36px;
text-indent:-9999px;
background:url(images/graphic-design.png) no-repeat;
}
h2#intro2d {
height:36px;
text-indent:-9999px;
background:url(images/intro-2d.png) no-repeat;
}
.pictures {
margin-top:14px;
margin-left:94px;
}
.bigImage {
text-align:center;
margin-top:20px;
}
.bigImage img{
padding:1px;
background:#fff;
border:3px solid #111;
}
.bigImage img#zwoozy{
margin:34px 0;
}
#content a:link img {
margin:4px 6px 0;
padding:4px;
border:2px solid #666;
background:#c7c7c7;
}
#content a:visited img{
margin:4px 6px 0;
padding:4px;
border:2px solid #666;
background:#c7c7c7;
}
#content a:hover img{
position:relative;
margin:4px 6px 0;
padding:4px;
border:2px solid #80802a;
background:#f6f650;
opacity:.9;
filter:alpha(opacity=90); /*IE specific opacity*/
}
#content a:active img{
margin:4px 6px 0;
padding:4px;
border:2px solid #807a0d;
background:#e5dc17;
}
span#previous a:link, span#previous a:visited {
float:left;
width:125px;
height:23px;
text-indent:-9999px;
background:url(images/previous.png) no-repeat center;
margin-left:216px;
}
span#previous a:hover {
position:relative;
background:url(images/previous-hilight.png) no-repeat center;
/*opacity:.8;
filter:alpha(opacity=80); /*IE specific opacity*/
}
span#home a:link, span#home a:visited {
float:left;
width:62px;
height:22px;
text-indent:-9999px;
background:url(images/home.png) no-repeat center;
margin-left:50px;
margin-top:2px;
}
span#home a:hover {
position:relative;
background:url(images/home-hilight.png) no-repeat center;
/*opacity:.8;
filter:alpha(opacity=80); /*IE specific opacity*/
}
span#next a:link, span#next a:visited {
float:left;
width:91px;
height:25px;
text-indent:-9999px;
background:url(images/next.png) no-repeat center;
margin-left:508px;
margin-top:-26px;
}
span#next a:hover {
position:relative;
background:url(images/next-hilight.png) no-repeat center;
/*opacity:.8;
filter:alpha(opacity=80); /*IE specific opacity*/
}
span#geomForms {
display:block;
text-indent:-9999px;
height:20px;
background:url(images/assmt-geom-forms.png) no-repeat center;
}
span#logo {
display:block;
text-indent:-9999px;
height:20px;
background:url(images/assmt-logo.png) no-repeat center;
}
span#tondo {
display:block;
text-indent:-9999px;
height:20px;
background:url(images/assmt-tondo.png) no-repeat center;
}
span#ad {
display:block;
text-indent:-9999px;
height:20px;
background:url(images/assmt-ad.png) no-repeat center;
}
div#footer {
width:809px;
height:42px;
background:url(images/footer-bg.png) no-repeat;
text-align:center;
margin:0 auto;
}
div#footer p {
margin:0;
padding:0;
height:20px;
text-indent:-9999px;
background:url(images/copyright.png) no-repeat center;
}