body{
   margin:0px;
   padding:20px 20px 10px 20px;
   font-family: Georgia, Times New Roman, Times, serif;
   color:#212121;
}

body.black {
    background: black;
    color: #CCCCCC;   
}

#logo {
    width: 367px;;
	height: 22px;
	text-indent: -1000em;
    background: url(/imgs/sys/logo_white.jpg) no-repeat;
   margin: 0px;
       padding: 0px;
    cursor:pointer;
}

body.black #logo{
    background: url(/imgs/sys/logo_black.jpg) no-repeat;
}

#contact{
	padding-top:20px;
	padding-right:5px;
	font-size:0.8em;
}

#contact b{
	color:#e045a2;
    	font-family: Futura, Helvetica, Tahoma, sans-serif;
   	font-size: 100%;
   font-weight: normal;
	padding-right:3px;
}

body.black #contact a{
	color:#CCCCCC;
}


#contact a{
	color:black;
}

#contact .spread{
padding: 0px 12px;
}

#content{
    width: 620px;
    min-height: 580px;
    font-size:0.8em;
    text-align:justify;
    margin-top:18px;
}

#content b{
	color:#e045a2;
   font-weight: normal;
   
}

#content small{
    font-size: 75%;
}

.arrows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
    line-height:17px;   
    vertical-align:middle;
}
.arrows:hover{
	text-decoration: none;
}
span.arrows  {
	color: #cccccc;
}

.imagebox img {
    margin: 0px 0px 20px 0px;
    clear:both;
}

.imagenav {
padding: 15px 0; text-align:right; width:620px;
    }

.imagecomments {
    text-align:justify;
    clear:both;
    margin: 10px 0px;
    padding: 10px 0px;
    border-top: 1px solid black;

}
.imagetitle{
   float:left;
   width:250px;
   text-align:left;
   margin: 0 0 10px 0px;
}

.spacing{
    clear:both;
    height:10px;
}

#footer {
	font-size:0.7em;
    clear:both;
}

#footer a{
    color:#e045a2;
}

#footer .spread{
    padding: 0px 8px;
}



#intro {
    margin-left:-12px;
    margin-top: 0px;
    width: 640px;
    height: 480px;
	text-indent: -1000em;
    background: url(/imgs/sys/intro.jpg) no-repeat;
}

#work{
position: absolute; 
top: 114px; 
left: 700px; 
width:150px;
z-index: 20; 
}

#work h2{
    width: 46px;
    height: 16px;
	text-indent: -1000em;
    margin: 0px;  
    background: url(/imgs/sys/work_white.jpg) no-repeat;
}
body.black #work h2{
    background: url(/imgs/sys/work_black.jpg) no-repeat;
}

#clients{
    position: absolute; 
    top: 114px; 
    left: 850px; 
    width:150px;
    z-index: 20;
    color: #888888;
}
#clients h2{
    width: 58px;
    height: 16px;
	text-indent: -1000em;
    margin: 0px;  
    background: url(/imgs/sys/clients_white.jpg) no-repeat;
}
body.black #clients h2{
    background: url(/imgs/sys/clients_black.jpg) no-repeat;
}
#work ul, #clients ul{
	font-size:0.7em;
    padding:0; 
    margin:0; 
    padding-top:8px; 
}
#work ul li, #clients ul li{
    list-style-type:none;
    padding:6px 0 0 0; 
    margin:0;
}
#work li sup.new{
	line-height:0px; color:#51a416;
}

#work a, #clients a {
 color:#212121;
}

body.black #work a{
 color:#cccccc;
}
#clients a {
    color: #888888;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#terms_legal {
    width: 367px;
	height: 80px;
	text-indent: -1000em;
    background: url(/imgs/sys/terms_legal.jpg) no-repeat;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

#terms_cond {
    width: 239px;
	height: 40px;
	text-indent: -1000em;
    background: url(/imgs/sys/terms_cond.jpg) no-repeat;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

#terms_end {
    width: 244px;
	height: 75px;
	text-indent: -1000em;
    background: url(/imgs/sys/terms_end.jpg) no-repeat;
    margin: -5px 0px 10px 0px;
    padding: 0px;
    float:right;
}

.studio{
    float:left;
}
.studio .arrows {
    padding-right:3px; color:black;
}
.studio a{
	text-decoration: none;
}
.studio b{
    vertical-align:middle;
}