html { 
overflow: scroll; 
margin:0; 
padding:0; 
}

body {
background-color:#000000;
margin:20px;
padding:0;
}

h1 {
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
color:#cccccc;
margin-bottom:20px;
}

h2 {
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
color:#ffffff;
margin-top:12px;
margin-bottom:12px;
line-height:30px;
}

h3 {
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
color:#000000;
display:inline;
}

.container {
position:relative;
top:0px;
display:block;
background-color:#000000;
width:1000px;
padding-bottom:25px;
margin-left:-500px;
left:50%;
cursor:default;
}

.french {
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
color:#cccccc;
height:15px;
position:absolute;
top:5px;
display:block;
width:1000px;
margin-left:-500px;
left:50%;
text-align:right;
}

.french a {
text-decoration:none;
color:#ffffff;
}

.french a:hover {
background-color:#666666;
}

.header {
height:70px;
margin-left:20px;
}

.menu {
position:absolute;
top:20px;
margin-left:640px;
height:20px;
line-height:20px;
width:320px;
white-space:nowrap;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
letter-spacing:1px;
color:#ffffff;
text-align:left;
padding-right:20px;
background-color:#333333;
}

.menu_fr {
position:absolute;
top:20px;
margin-left:600px;
height:20px;
line-height:20px;
width:370px;
white-space:nowrap;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
letter-spacing:1px;
color:#ffffff;
text-align:left;
padding-right:20px;
background-color:#333333;
}

.menu a {
text-decoration:none;
color:#ffffff;
}

.menu a:hover {
background-color:#666666;
}

.menu_fr a {
text-decoration:none;
color:#ffffff;
}

.menu_fr a:hover {
background-color:#666666;
}

.logo {
position:absolute;
top:20px;
left:30px;
}

.portfolio {
height:700px;
width:1000px;
background-color:black;
margin-top:30px;
display:none;
text-align:center;
}

.imgloader {
position:absolute;
margin-top:20px;
left:100px;
display:block;
width:800px;
height:500px;
z-index:5000;

}

.flash {
position:absolute;
top:125px;
left:100px;
display:none;
background-color:#000000;
}

.close {
position:absolute;
left:940px;
top:120px;
}

.rightclick {
position:absolute;
left:940px;
top:340px;
}

.leftclick {
position:absolute;
left:30px;
top:340px;
}

.design {
position:relative;
width:500px;
float:left;
padding-top:50px;
margin-bottom:20px;
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
letter-spacing:1px;
color:#cccccc;
left:30px;
display:block;
}

.portfolioscontainer {
width:610px;
background-color:#333333;
padding:10px;
}

.portfoliocontainer {
width:600px;
}

.scrollcontainer {
background-image:url(images/background.gif);
position:relative;
height:100px;
width:600px;
background-color:#333333;
border-top:4px solid #222222;;
border-bottom:4px solid #444444;
border-right:4px solid #444444;
border-left:4px solid #222222;
overflow:hidden;
}

.scrollcontainer2 {
background-image:url(images/background.gif);
position:absolute;
top:660px;
height:100px;
width:796px;
background-color:#333333;
border-top:4px solid #222222;;
border-bottom:4px solid #444444;
border-right:4px solid #444444;
border-left:4px solid #222222;
overflow:hidden;
display:none;
margin-left:-400px;
left:50%;
z-index:1000;
}

.thumbcontainer {
position:absolute;
left:-10px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.interactive {
position:absolute;
left:-578px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.print {
position:absolute;
left:-498px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.photography {
position:absolute;
left:-50px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.illustration {
position:absolute;
left:-60px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.interactive_2 {
position:absolute;
left:-678px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.print_2 {
position:absolute;
left:-598px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.photography_2 {
position:absolute;
left:-50px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}

.illustration_2 {
position:absolute;
left:-150px;
height:100px;
display:inline;
white-space:nowrap;
cursor:pointer;
}
.thumb {
margin-left:8px;
margin-right:0px;
font-size:10px;
color:#222222;
font-family:sans-serif;
}

.dev {
margin-left:680px;
width:300px;
padding-top:50px;
display:block;
}

.devcontainer {
position:relative;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
letter-spacing:1px;
color:#ffffff;
margin-right:30px;
}

.devtext1 {
color:#000000;
background-color:#cccccc;
color:#000000;
width:250px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
}

.devtext2 {
color:#000000;
background-color:#cccccc;
color:#000000;
width:250px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
}

.devtext1 p {
margin-top:0px;
margin-bottom:4px;
line-height:14px;
}

.devtext2 span {
white-space:nowrap;
}

.devtext2 p {
margin-top:0px;
margin-bottom:10px;
line-height:14px;
}

.aboutheader {
width:800px;
position:relative;
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
letter-spacing:1px;
color:#cccccc;
margin-bottom:10px;
left:30px;
}

.aboutcontainer {
position:relative;
}

.about {
position:relative;
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
letter-spacing:1px;
color:#cccccc;
margin-bottom:10px;
left:30px;
}

.aboutcontent {
margin-left:30px;
padding-top:40px;
width:940px;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
letter-spacing:1px;
padding-bottom:20px;
background-color:#333333;
}



.aboutcopy {
background-color:#cccccc;
width:560px;
margin-left:260px;
padding-right:60px;
padding-left:40px;
padding-top:20px;
padding-bottom:10px;
}

.aboutcopy p {
line-height:20px;
}

.aboutcopy a {
text-decoration:none;
color:#000000;
border-bottom:dotted 1px #000000;
}

.contactinfo a {
text-decoration:none;
color:#cccccc;
border-bottom:dotted 1px #cccccc;
}

.photocredit {
text-decoration:none;
color:#555555;
border-bottom:dotted 1px #555555;
}

.aboutcopy ul {
list-style: none;
line-height:16px;
}

.aboutcopy span {
white-space:nowrap;
}

.footer {
position:absolute;
width:1000px;
padding-top:50px;
padding-bottom:20px;
text-align:center;
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
letter-spacing:1px;
color:#999999;
display:block;
}

.footer a {
color:#999999;
}

.loading {
position:absolute;
width:32px;
height:32px;
top:335px;
left:480px;
text-align:center;
color:#cccccc;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
letter-spacing:1px;
}