/* CSS Document */

body
{font-family: "courier new", courier, "Andale Mono"; line-height: 1.3;
padding:16px;
margin:0px;
}
ul li, p, em { font-size: 11px; font-style: normal; }
h1, h2 { font-size: 11px; font-weight: normal;
padding:5px 0 10px 15px;
float:left;
clear:left;
}
h1 a {text-decoration: underline;
}
a { text-decoration: none; }
img
{
border:none;
}

a:active, a:focus
{
outline:none;
}

a img#logo
{
padding:55px 0 10px;
float:left;
clear:both;
}

img#title, img#text, img#image
{
padding:5px 0 10px 15px;
float:left;
clear:both;
}

img#text{
padding-bottom: 0;
}

img#image{
padding-top: 0;
}

#thumbnails
{
	clear:left;
}

#thumbnails a
{
border:1px solid #fff;
margin:0 3px 3px 0;
float:left;
}

#thumbnails a:hover
{
border:1px solid #000;
}

#mainlogo
{
margin:80px 0 0 75px;
background:url(images/sb.jpg) no-repeat;
width:630px;
_width:720px;
height:450px;
}
a#weblink
{
display:block;
background:url(images/weblink.gif) top left no-repeat;
height:20px;
width:67px;
margin:5px 0 10px 5px;
float:left;

}

a#weblink:hover
{
background:url(images/weblink.gif) bottom left no-repeat;

}
a#swflink
{
display:block;
background:url(images/swflink.gif) top left no-repeat;
height:20px;
width:47px;
margin:5px 0 10px 5px;
float:left;

}

a#swflink:hover
{
background:url(images/swflink.gif) bottom left no-repeat;

}

ul{
padding:0;
margin:0;
margin-top:10px;
float:right;
clear:right;
width:250px;
list-style:none;
}

ul li
{
height:33px;
margin:12px 0;
}

ul li a
{
display:block;
height:33px;
width:340px;
background:url(images/graphicdesign.gif) 25px top no-repeat;
}

ul li a:hover
{
background:url(images/graphicdesign.gif) 25px bottom no-repeat;
}

ul li a#second
{
background:url(images/illustration.gif) 37px top no-repeat;
}

ul li a#second:hover
{
background:url(images/illustration.gif) 37px bottom no-repeat;
}

ul li a#third
{
background:url(images/interactive.gif) 85px top no-repeat;
}

ul li a#third:hover
{
background:url(images/interactive.gif) 85px bottom no-repeat;
}

ul li a#forth
{
background:url(images/websites.gif) 110px top no-repeat;
}

ul li a#forth:hover
{
background:url(images/websites.gif) 110px bottom no-repeat;
}

ul li a#fifth
{
background:url(images/contact.gif) 120px top no-repeat;
}

ul li a#fifth:hover
{
background:url(images/contact.gif) 120px bottom no-repeat;
}

#design
{
display:block;
background:url(images/graphicdesign.gif) top left no-repeat;
height:32px;
width:280px;
margin:5px 0 10px 15px;
float:left;
clear:both;
}

#illustration
{
display:block;
background:url(images/illustration.gif) top left no-repeat;
height:33px;
width:257px;
margin:5px 0 10px 15px;
float:left;
clear:both;
}

#interactive
{
display:block;
background:url(images/interactive.gif) top left no-repeat;
height:34px;
width:222px;
margin:5px 0 10px 15px;
float:left;
clear:both;
}

#websites
{
display:block;
background:url(images/websites.gif) top left no-repeat;
height:32px;
width:181px;
margin:5px 0 10px 15px;
float:left;
clear:both;
}

#contact
{
display:block;
background:url(images/contact.gif) top left no-repeat;
height:33px;
width:212px;
margin:5px 0 10px 15px;
float:left;
clear:both;
}

a#backbutton
{
display:block;
background:url(images/back.gif) top left no-repeat;
height:33px;
width:104px;
margin:20px 0 20px 15px;
float:left;
clear:both;
}

a#backbutton:hover
{
background:url(images/back.gif) bottom left no-repeat;
}

#flash
{
clear:left;
}

.noshow
{
display:none;
}