* {
margin:0;
padding:0;
}

html {
height: 100%;
}

body {
background:#fff url(../images/main/background.gif) no-repeat scroll center 0;
color:#B11A3B;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0;
padding:0;
position:relative;
height: 100%; 
}
body.smallport {
background-position: -1547px 0;
}
:active, :focus { outline: none; -moz-outline-style: none; }
body.administrator {
background-image: none;
}

#comichouse-header {
height:87px;
position:absolute;
right:34px;
text-indent:-5000px;
top:0;
width:102px;
z-index:10;
cursor: pointer;
}
body.smallport #comichouse-header {
right: auto;
left: 769px;
}

#main {
/*background: #fff url(http://www.setauketkitchens.com/Kitchen_Cabinets/planning/g-planning_grid.gif) repeat scroll center center;*/
height:100%;
min-height:670px;
left:50%;
margin:0 0 0 -323px;
padding:0;
position:absolute;
top:0;
width:647px;
overflow:hidden;
}
body.smallport #main {
margin:0;
left:130px;
}
body.iefix #main {
z-index:1;
}

#mainnavigation {
position: absolute;
}
#mainnavigation a {
display:block;
height:24px;
text-indent:-5000px;
width:140px;
}
#mainnavigation a:hover, #mainnavigation a.balloon {
background-position: 0 -24px;
}
#mainnavigation > li.active a {
background-position: 0 -48px;
}
#mainnavigation > li:first-child a {
background-image:url(../images/main/mainnavigation-home.gif);
}
#mainnavigation > li:first-child + li a {
background-image:url(../images/main/mainnavigation-webtour.gif);
}
#mainnavigation > li:first-child + li + li a {
background-image:url(../images/main/mainnavigation-contact.gif);
}
#mainnavigation > li:first-child + li + li + li a {
background-image:url(../images/main/mainnavigation-copyright.gif);
}
#mainnavigation > li:first-child + li + li + li + li a {
background-image:url(../images/main/mainnavigation-server.gif);
}
#permalink {
background:url(../images/main/permalink.png) repeat scroll 0 0 transparent;
position:absolute;
top:127px;
width:54px;
height:13px;
text-indent:-5000px;
left:75px;
}
#permalink:hover {
background-position: 0 -12px;
}
#permalinkclick {
background:url("../images/main/permalink-tip.gif") no-repeat scroll -155px 0 #B11A3B;
color:#FFFFFF;
display:none;
font-size:10px;
left:8px;
padding:9px 6px 3px 6px;
position:absolute;
top:139px;
}
#permalinkclick.clicked {
display: block;
}

#topnavigation {
height:100px;
left:0;
position:absolute;
top:20px;
width:647px;
/* this because otherwise the bio div lays over nav in IE. */
z-index: 1;
}

#topnavigation_home {
background:transparent url(../images/topnavigation/topnav_logo_int.png) no-repeat scroll 6px 0;
display:block;
height:113px;
left:0;
position:absolute;
text-indent:-5000px;
top:-20px;
width:635px;
}
#topnavigation_home:hover, #topnavigation_home.hover {
background-position: 6px -113px !important;
}
body.ne #topnavigation_home {
background:transparent url(../images/topnavigation/topnav_logo.png) no-repeat scroll 6px 0;
}

#topnavigation ul {
bottom:0;
height:46px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
position:absolute;
width:647px;
}
#topnavigation li {
float: left;
width:100px;
height:58px;
position: absolute;
top:18px;
overflow: hidden;
}
#topnavigation li.selected {
top:6px;
z-index:20px;
}

body.en #topnavigation li {
background-position: 0 -40px;
}
body.de #topnavigation li {
background-position: 0 -80px;
}
body.fr #topnavigation li {
background-position: 0 -120px;
}

.topnavigation_illustration.twod {background-image: url(../images/topnavigation/tab_I_2d.png);}
.topnavigation_illustration.threed {background-image: url(../images/topnavigation/tab_I_3d.png);}
.topnavigation_illustration.characters {background-image: url(../images/topnavigation/tab_I_characters.png);}
.topnavigation_illustration.comics {background-image: url(../images/topnavigation/tab_I_comics.png);}
.topnavigation_animation.twod {background-image: url(../images/topnavigation/tab_A_2d.png);}
.topnavigation_animation.threed {background-image: url(../images/topnavigation/tab_A_3d.png);}
.topnavigation_animation.flash {background-image: url(../images/topnavigation/tab_A_flash.png);}
.topnavigation_animation.concept {background-image: url(../images/topnavigation/tab_A_concept.png);}


#topnavigation li a {
display:block;
height:23px;
text-indent:-100px; overflow: hidden;
width:93px;
height:58px;
cursor:pointer;
position: absolute; top:0; left:0;
}


.topnavigation_illustration a, .topnavigation_illustration a:hover {
	color: #FF5A00 !important;
}
.topnavigation_animation a, .topnavigation_animation a:hover {
	color: #B11A3B !important;
}

#topnavigation_selected {
background:transparent url(../images/topnavigation/selected.png) repeat scroll 0 0;
height:1px;
position:absolute;
top:100px;
width:103px;
}


#content {
	position: absolute;
	top: 0; left: 120px;
	width: 500px;
	text-align: center;
}

a {
color:#b11a3b;
font-size:11px;
font-weight:bold;
line-height:20px;
text-decoration:none
}


body,td,p,form,p,h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
color:#B11A3B;
font-family:Verdana,Arial,Helvetica,sans-serif
}

h1 {
color:#FF5F00;
font-size:18px;
font-weight:bold;
line-height:22px;
}

body.button{
padding-bottom:4px;
padding-left:7px;
padding-right:5px;
padding-top:2px;
background:#B11A3B;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
text-align:center
}

body.button:hover{
padding-bottom:4px;
padding-left:7px;
padding-right:5px;
padding-top:2px;
background:#FF5A00;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
text-align:center
}

/* --------- bio text --------- */
.portfolioedittext, .portfoliobiotext {
line-height:20px;
color:#B11A3B;
font-size:11px;
}
.portfolioedittext {
cursor:pointer;
/* padding-left:4px; */
}

.orange, .portfolioedittext-label {
color:#FF5A00;
font-weight: bold;
font-size:11px;
line-height:20px;
}
.portfolioedittext-label {
cursor:pointer;
}

.portfolioedittext *, .portfoliobiotext *  {
position:static !important;
display:inline;
line-height:20px !important;
}

/*
.portfolioedittext br, portfoliobiotext br {
display:none;
}
*/

.relatedportfolio1 {
background:#FF5A00 url(../images/relatedportfolios/orange.png) no-repeat scroll right 0;
color:#FFFFFF;
padding:0 20px 1px 5px;
}
.relatedportfolio2 {
background:#B31B34 url(../images/relatedportfolios/red.png) no-repeat scroll right 0;
color:#FFFFFF;
padding:0 20px 1px 5px;
}

/* --------- bio text --------- */

p{
color:#B11A3B;
font-size:11px;
line-height:20px
}

.bgoranje{
background-color:#FF5A00
}

.bold{
font-weight:bold
}

td#bioHeader a.button{
	background: #B11A3B;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	padding: 2px 5px 4px 7px;	
	text-align: center;
	letter-spacing: 1px;
}

td#bioHeader a.button:hover{
	padding: 4px 5px 6px 7px;
	background:#FF5A00;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center
}

.mono{
font-family:monospace;
font-size:12px
}

.news1{
color: #ff5f00;
font-size: 18px;
font-weight: bold;
letter-spacing:-1px;
line-height: 22px
}

.news2{
font-weight: bold;
padding-bottom:1px;
border-bottom: 2px solid #9f0021
}

.news3{
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
background: #fff3f0;
color: #b11a3b;
font-size: 11px;
text-align: center;
border: 1px dotted #b31b34;
}

.small{
font-size:10px;
line-height: 12px
}

#smallorange{
font-size:9px;
color:#FF5A00;
font-weight: normal;
line-height: 20px
}
 
#smallorange:hover {
	color: #9f0021;
	text-decoration: underline;
}

#header{
	color: #ff5f00;
	font-size: 11px;
	font-weight: bold;
	letter-spacing:1px;
	line-height: 22px
}
a#header:hover {
	color: #9f0021;
	font-size: 14px;
}

.titel {
	color: #ff5f00;
	font-size: 18px;
	font-weight: bold;
	letter-spacing:-1px;
	line-height: 22px
}

#titel, .titel {
	color: #ff5f00;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
}
#titel.nameheader {
cursor:pointer;

}

a#titel:hover {
	color: #9f0021;
	border-bottom: medium solid #9f0021
}
.white{
color:#FFFFFF;
font-weight:bold
}

#bruin{
height:100%;
width:50%;
background:#B11A3B;
color:#FFFFFF;
left:0px;
position:absolute;
top:0px
}

#oranje{
height:100%;
width:50%;
background:#FF5A00;
color:#FFFFFF;
left:50%;
position:absolute;
top:0px;
}

/* ------------- portfolio dropdown ------------- */

#illustrationlanding {
cursor:default;
left:267px;
padding:0 10px 60px 30px;
position:absolute;
top:136px;
z-index:200;
		
	}

#portfoliodropdown2d, #portfoliodropdown3d {
cursor:default;
background:transparent url(../images/authornavigation/mid.png) repeat scroll 0 0;
left:-2px;
padding:0 10px 60px 30px;
position:absolute;
top:136px;
width:133px;
z-index:200;
}
#portfoliodropdown3d {
background:transparent url(../images/authornavigation/mid3d.png) repeat scroll 0 0;
}

#portfoliodropdown2d_top, #portfoliodropdown3d_top {
background:transparent url(../images/authornavigation/top2d.png) repeat scroll 0 bottom;
height:23px;
left:0;
position:absolute;
top:-23px;
width:173px;	
}
#portfoliodropdown3d_top {
background:transparent url(../images/authornavigation/top3d.png) repeat scroll 0 bottom;
left:0px;
}

#portfoliodropdown2d_txt, #portfoliodropdown3d_txt {
margin:0 0 14px -22px;	
}

#portfoliodropdown2d_content, #portfoliodropdown3d_content {
overflow:hidden;
position:relative;top:0;left:0;
} 
#portfoliodropdown2d_content_duplicate, #portfoliodropdown3d_content_duplicate {
position: absolute; left: -5000px;
}
#portfoliodropdown2d a, #portfoliodropdown3d a, #portfoliodropdown2d_content_duplicate a, #portfoliodropdown3d_content_duplicate a {
display:block;
font-weight:normal;
font-size:10px;
height:12px;
line-height:12px;
margin:6px 0;
text-align:center;
}

#portfoliodropdown2d a.activepage, #portfoliodropdown3d a.activepage {
background:transparent url(../images/authornavigation/selected.png) repeat scroll 0 0;
color:#FFFFFF !important;
height:16px;
line-height:16px;
cursor:default !important;
}

.portfoliodropdown_letter {
color:#FF5A00;
font-size:10px;
font-weight:bold;
text-align:center;
}

#illustration-2d-information, #illustration-3d-information {
background:transparent url(../images/authornavigation/information.png) repeat scroll 0 0;
position: absolute;
bottom: 0;
left: 35px;
width: 100px;
height: 22px !important;
text-indent: -5000px;
}
#illustration-2d-information:hover, #illustration-3d-information:hover {
background-position: 0 22px;
}

#portfoliodropdown2d_end {
bottom:-21px;
left:0;
position:absolute;
}
#portfoliodropdown3d_end {
bottom:-22px;
left:0;
position:absolute;
}

.previewpane {
background:transparent url(../images/authornavigation/previewpane.png) repeat scroll 0 0;
height:114px;
left:24px;
position:absolute;
top:119px;
width:557px;
cursor:pointer;
}

.previewpanepointer {
background:transparent url(../images/authornavigation/pointer.png) repeat scroll 0 0;
height:16px;
position:absolute;
top:45px; left:0;
width:157px;
}
.previewpanepointer.clicked {
background:transparent url(../images/authornavigation/pointer_clicked.png) repeat scroll 0 0;
}

.previewpaneblur {
background:transparent url(../images/authornavigation/blur.png) repeat scroll 0 0;
height:100px;
left:140px;
position:absolute;
top:3px;
width:5px;
}

.previewpanecount {
background:#FF5900 none repeat scroll 0 0;
color:#FFFFFF;
font-size:9px;
height:12px;
line-height:9px;
position:absolute;
right:11px;
text-align:center;
top:3px;
width:50px;
}
.previewpanecount.one {
right:317px;
width:12px;
}
.previewpanecount.two {
right:215px;
width:12px;
}
.previewpanecount.three {
right:113px;
width:12px;
}

.previewimage0 {
margin:3px 2px 0 140px;
}
.previewimage1, .previewimage2, .previewimage3 {
margin:0 2px 0 0;
}

.portfoliodropdown_obscurer {
background:#FFFFFF none repeat scroll 0 0;
bottom:0;
left:0;
position:absolute;
right:0;
top:120px;
z-index:150;
}
.portfoliodropdown_obscurer-left {
background:none repeat scroll 0 0 #FFFFFF;
bottom:0;
margin-right:322px;
position:absolute;
right:50%;
top:120px;
width:2000px;
z-index:150;
}
.portfoliodropdown_obscurer-right {
background:none repeat scroll 0 0 #FFFFFF;
bottom:0;
left:50%;
margin-left:324px;
position:absolute;
right:0;
top:120px;;
z-index:150;
}
/* ------------- /end portfolio dropdown ------------- */

#langSwitches {
left:0;
position:absolute;
top:0;
z-index:10;
}
#langSwitches a {
cursor:pointer;
display:block;
height:30px;
position:absolute;
top:90px;
width:32px;
text-indent:-5000px;
}
#langSwitches a#ne {
background:transparent url(../images/languageswitches/tab_ne.png) repeat scroll 0 -53px;
left:20px;
}
#langSwitches a#en {
background:transparent url(../images/languageswitches/tab_en.png) repeat scroll 0 -53px;
left:45px;
}
#langSwitches a#de {
background:transparent url(../images/languageswitches/tab_de.png) repeat scroll 0 -53px;
left:70px;
}
#langSwitches a#fr {
background:transparent url(../images/languageswitches/tab_fr.png) repeat scroll 0 -53px;
left:95px;
}
#langSwitches a.activeLink, #langSwitches a:hover {
background-position: 0 0 !important;
}


/* ------------- Scrollbars ------------- */

.scrolltrack, .scrolltracktrits {
position: absolute;
width: 12px;
border-left:2px solid #FF5A00;
border-right:2px solid #FF5A00;
}

.scrolltrackpreviewpane {
position: absolute;
background:#FF5A00;
width:2px;
}

.scrolltrack .scrollhandle, .scrolltracktrits .scrollhandle {
width: 10px;
margin-left: 1px;
cursor: pointer;
background-image: url(../nav/scrollbar/handle.png);	
}

.scrolltrackpreviewpane .scrollhandle {
background-image:url(../nav/scrollbar/handle.png);
cursor:pointer;
margin:0 0 0 -4px;
width:10px;
}

.scrolltop {
position: absolute;
width: 16px;
height:20px;
cursor: pointer;
background-image: url(../nav/scrollbar/top.png);	
}
.scrolltoptrits {
position: absolute;
width: 16px;
height:30px;
cursor: pointer;
background-image: url(../nav/scrollbar/tritstop.png);	
}

.scrolltoppreviewpane {
background-image:url(../nav/scrollbar/previewpanetop.png);
cursor:pointer;
height:11px;
position:absolute;
width:8px;	
}

.scrollbottom {
position: absolute;
width: 16px;
height:20px;
cursor: pointer;
background-image: url(../nav/scrollbar/bottom.png);	
}

.scrollarrowleft, .scrollarrowright {
cursor:pointer;
height:16px;
position:absolute;
width:28px;
z-index:10;
background-image: url(../nav/scrollbar/trackH.png);
}
.scrollarrowright {
background-position: right 0;
width:78px;
}
.scrollbottomtrits {
position: absolute;
width: 16px;
height:30px;
cursor: pointer;
background-image: url(../nav/scrollbar/tritsbottom.png);	
}

.scrollbottompreviewpane {
background-image:url(../nav/scrollbar/previewpanebottom.png);
cursor:pointer;
height:11px;
position:absolute;
width:8px;	
}

.scrolltrackh {
border-bottom:2px solid #FF6700;
border-top:2px solid #FF6700;
height:12px;
left:0;
position:absolute;
}
body.biotext .scrolltrackh, body.biotext .scrollarrowleft, body.biotext .scrollarrowright {
display: none;
}
body.imagecrop #artwork_description {
display: none;
}

.scrolloutertrack {
position: absolute;
width: 451px;
height: 16px;
background-image: url(../nav/scrollbar/trackH.png);
left:0px;
}
 

.scrolltrackh .scrollhandleh {
width: 20px;
height: 12px;
cursor: pointer;
background-image: url(../nav/scrollbar/handleH.png);
}

/* ------------- / end Scrollbars ------------- */

#trits, #webtour-langswitches {
background:transparent url(../images/topnavigation/logo.png) no-repeat scroll 15px top;
bottom:20px;
position:absolute;
right:35px;
top:0;
width:120px;
min-height: 650px;
}
#trits.hover, #webtour-langswitches.hover {
background-position: 15px -113px;
}

body.smallport #trits, body.smallport #webtour-langswitches {
left:750px;
right:auto;
}

/* desk things */

#bio {
visibility:hidden;
left:100px;
display:table;
position:absolute;
top:0;
width:450px;
overflow:hidden;
height: 100%;
}

#bio img {
margin:0;
border: 0;
border-left:20px solid #fff;
border-right:20px solid #fff;
}

.staticportfolio_content, .bio_content {
display:table-cell;
height:100%;
position:static;
vertical-align:middle;
}
.staticportfolio_content > div {
text-align: center;
margin-top: 20px;
}
.staticportfolio_content > div #landingflash,  .staticportfolio_content > div #preview {
margin: 10px 0;
width: 400px;
height: 150px;
}
.staticportfolio_content > div #preview, .staticportfolio_content > div #preview a {
color: #fff;
font-size: 11px;
font-weight: bold;
line-height: 20px;
}
.staticportfolio_content > div #preview.color, .staticportfolio_content > div #preview.color a {
color: #B11A3B;
}

.bio_content {
padding: 110px 0 0 0;

}

#staticpage {
left:117px;
margin-top:-250px;
text-align:center;
position:absolute;
top:60%;
width:450px;
overflow:hidden;
}

#no_portfolio {
left:250px;
position:absolute;
top:250px;
}

/* serie navigation and staticportfolio paging */

#subtritsen, #subtritsen_top, #subtritsenText {
height:25px;
margin:-190px 0 0 0;
position:absolute;
top:50%;
}
body.lowport #subtritsen_top {
top: 156px;
margin-top: 0 !important;
}
#subtritsen.staticportfolio {
visibility:hidden;
bottom:71px;
left:321px;
position:absolute;
top:auto;
}
#subtritsen_staticportfolio_navtext {
bottom:55px;
font-size:9px;
left:4px;
position:absolute;
text-align:center;
width:633px;
}

#subtrits_text {
font-size:9px;
left:0;
letter-spacing:1px;
margin:0;
position:absolute;
text-align:center;
text-transform:uppercase;
top:50%;
width:647px;
}
body.lowport #subtrits_text {
top: 137px;
margin-top: 0 !important;
}

#subtritsen_top ul, #subtritsen ul {list-style:none; margin:0;}
#subtritsen_top li, #subtritsen li  {float:left;margin-right:-3px;cursor:pointer;}
#subtritsen_top a, #subtritsen a {
background:transparent url(../images/series/select_top.gif) no-repeat scroll center 1px;
color:#FFFFFF;
cursor:pointer;
display:block;
height:26px;
line-height:15px;
text-align:center;
width:20px;
}
#subtritsen_top a:hover, #subtritsen a:hover {
background-position:center -27px;
}
#subtritsen_top a.selected, #subtritsen a.selected {
background-position:center -61px;
}

#subtritsen.staticportfolio a {
background:transparent url(../images/series/select.gif) no-repeat scroll center -74px;	
line-height:36px;
}
#subtritsen.staticportfolio a:hover {
background-position:center -46px;
}
#subtritsen.staticportfolio a.selected {
background-position:center -13px;
}

/* /end serie navigation and staticportfolio paging */


#art {
left:20px;
position:absolute;
right:157px;
text-align:center;
top:50%;
overflow: hidden;
margin-top: -300px;
}
body.smallport #art {
right:auto;
width:732px;
}
body.lowport #art {
top:200px;
margin-top: 0 !important;
}
body.lowport #main.editmode + * + #art {
top:125px;
}
#art.animated {
left: 157px;
}
#imagescroll {
left:0px;
overflow:hidden;
position:relative;
right:10px;
text-align:center;
top:0;
}
#imagescroll.scrollable {
cursor: move;
}

#imagescroll-track {
height:51px;
position:relative;
margin: 0 auto;
top:0;
overflow: hidden;
left: 65px;
}

#imagescroll-miniimage {
position: absolute;
top:4px; left: 0;
height: 43px;
}
#imagescroll-slider {
border:4px solid #FF5A00;
cursor:pointer;
height:41px;
position:absolute;
top:0px;
background:transparent url(../images/main/blank-for-IE.gif) repeat scroll 0 0;
}
#imagescroll-leftshadow {
position: absolute;
width: 5000px;
right: 0;
height: 43px;
background: #fff;
opacity:.8;
filter: alpha(opacity=80);
}
#imagescroll-rightshadow {
position: absolute;
width: 5000px;
left: 0;
height: 43px;
background: #fff;
opacity:.8;
filter: alpha(opacity=80);
}
#imagescroll-curtainleft {
background:transparent url(../images/main/curtain-left.png) repeat scroll 0 0;
bottom:0;
left:0;
position:absolute;
top:0;
width:48px;
}
#imagescroll-curtainright {
background:transparent url(../images/main/curtain-right.png) repeat scroll 0 0;
bottom:0;
right:0;
position:absolute;
top:0;
width:48px;
}
#artworkloader {
left:168px;
margin:-113px 0 0;
position:absolute;
top:50%;
}
#main.editmode #artworkloader {
left:175px;
top:40%;
}
#chquicktimemovieembed, #chquicktimemovie {}
#qtvr-bar {}
#extraHTML {
color:#B11A3B;
font-size:11px;
line-height:20px;
width:465px;
}
#extraHTML p {};


#QTVR {font-size:1px;}

#prevNext {
	position: absolute;
	left: 60px;
	width: 600px;	
	text-align: center;
	line-height: 30px;
	z-index: 100;
}

#prevNext a {
	display: block;
	position: absolute;
	width: 30px; height: 30px;
	overflow: hidden;
}
#prevNext a#prevImage {left: 210px;}
#prevNext a#nextImage {left: 360px;}

#prevNext a:hover {
	direction: rtl;
}
#prevNext a:hover img {	/* FF */
	display: block;
	position: absolute;
	left: -30px;
}



#prevNext img {
	cursor: pointer;
}

#pages {
	font-size: 10px;
	font-weight: bold;
}








/* buttons */
.button_yes {
background:transparent url(../images/modaldialog/yes.png) no-repeat;
bottom:9px;
cursor:pointer;
height:24px;
position:absolute;
width:63px;
}
.button_no {
background:transparent url(../images/modaldialog/no.png) no-repeat;
bottom:9px;
cursor:pointer;
height:24px;
position:absolute;
width:63px;
}
.button_cancel {
background:transparent url(../images/modaldialog/cancel.png) no-repeat;
bottom:9px;
cursor:pointer;
height:24px;
position:absolute;
width:63px;
}
.button_ok {
background:transparent url(../images/modaldialog/ok.png) no-repeat;
bottom:9px;
cursor:pointer;
height:24px;
position:absolute;
width:63px;
}
.button_save {
background:transparent url(../images/modaldialog/save.png) no-repeat;
bottom:9px;
cursor:pointer;
height:24px;
position:absolute;
width:63px;
}

/* ------------------ static pages ------------------ */

#artwork-descripton-deeplink {
display: none;
}

#home {
left:73px;
position:absolute;
text-align:center;
top:170px;
width:500px;
}

.latest-additions {
left:20px;
position:absolute;
top:160px;
width:225px;
}
.latest-additions.right {
left:259px;
}

#latest-additions-glow {
background:transparent url(../images/main/latest-additions-glow.png) no-repeat;
width: 84px;
height: 84px;
top:-16px;
position: absolute;
left: -16px;
z-index: 5;
}
#latest-additions-text-box {
background:transparent url(../images/main/latest-additions-text-box.png) no-repeat scroll 0 bottom;
bottom:49px;
left:-23px;
position:absolute;
width:100px;
z-index:15;
}
#latest-additions-text-box-top {
background:transparent url(../images/main/latest-additions-text-box.png) no-repeat scroll 0 top;
height:4px;
left:0;
position:absolute;
top:-4px;
width:100px;
}
#latest-additions-text-box p {
color:#FFFFFF;
font-size:70%;
font-weight:normal;
line-height:1.7;
padding:5px 5px 15px;
text-align:center;
width:90px;
}
.latest-additions a {
display: none;
position: relative;
float: left;
margin: 0 0 5px 5px;
}
.latest-additions a img + img {
width: 0; height: 0;
left: -6px; top: -6px;
z-index: 10;
position: absolute;
}
.latest-additions span {
display: none;
}

#homeTextLeft {
color:#FF5A00;
font-size:11px;
font-weight:normal;
height:100px;
left:0;
letter-spacing:1px;
line-height:20px;
position:absolute;
text-align:right;
top:-40px;
width:240px;
}
#homeTextRight {
color:#B11A3B;
font-size:11px;
font-weight:normal;
height:100px;
letter-spacing:1px;
line-height:20px;
position:absolute;
right:0;
text-align:left;
top:-40px;
width:240px;
}
.latest-additions a img {
border: 0;
}

#recent_in_illustration {
color:#FF5A00;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin:0 4px 8px 0;
text-align:right;
}
#recent_in_animation {
color:#B11A3B;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin:0 0 8px 4px;
text-align:left;
}


.recent_illustration a, .recent_illustration td {
color:#FF5A00;
}
.recent_animation a {
color:#B31B34;
}

#webtour {
bottom:20px;
left:50%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
position:absolute;
right:0px;
top:150px;
}
body.smallport #webtour {
left:448px;
right:auto;
width:456px;
}
#clients {
left:225px;
position:absolute;
bottom:20px;
}
#webtour_logo {
left:50%;
margin-left:-300px;
position:absolute;
top:180px;
}
#webtour li {
border-bottom:1px solid #B31B34;
height:99px;
margin-right:35px;
}
#webtour li:hover {
background:#ffeee4;
}
#webtour a {
color:#FF5A00;
display:block;
font-size:10px;
font-weight:normal;
height:99px;
line-height:14px;
padding:0 110px 0 0;
}
#webtour h1 {
color:#B31B34;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
}
#webtour1 {
background:transparent url(../images/webtour/01.gif) no-repeat right 0;
}
#webtour2 {
background:transparent url(../images/webtour/02.jpg) no-repeat right 0;
}
#webtour3 {
background:transparent url(../images/webtour/03.jpg) no-repeat right 0;
}
#webtour4 {
background:transparent url(../images/webtour/04.jpg) no-repeat right 0;
}
#webtour5 {
background:transparent url(../images/webtour/05.jpg) no-repeat right 0;
}
#webtour6 {
background:transparent url(../images/webtour/06.jpg) no-repeat right 0;
}
#webtour7 {
background:transparent url(../images/webtour/07.gif) no-repeat right 0;
}
#webtour8 {
background:transparent url(../images/webtour/08.jpg) no-repeat right 0;
}
#webtour9 {
background:transparent url(../images/webtour/09.gif) no-repeat right 0;
}

/* ------------------ /end static pages ------------------ */

#hidden_login_link {
display: block;
position: absolute;
bottom: 0; left: 0; width:20px; height: 20px;
overflow:hidden;
}

#ie6 {
background:none repeat scroll 0 0 #FFFFFF;
padding-top:110px;
padding-bottom:70px;
position:absolute;
text-align:center;
top:120px;
width:639px;
z-index:10000;

}
#ie6 p {
margin-bottom: 20px;
}

/* DONT CHANGE */
* html .fixed { position:absolute }
.fixed { position:fixed }

/* DIALOG CORE */
#dialog-overlay { top:0;left:0;width:100%;height:100%;z-index:900 }
#dialog-container { overflow:hidden;z-index:901; }


/* DIALOG TOP */
#dialog-top{
background:transparent url(../images/main/modal_dialog.png) repeat scroll 0 0;
color:#FFFFFF;
height:21px;
letter-spacing:4px;
line-height:21px;
padding:0;
text-align:center;
text-transform:uppercase;
}
#dialog-title{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#dialog-close{color:#fff;padding-left:5px}
#dialog-close:hover{color:#ccc}

#dialog-content-text{
background:#FFFFFF none repeat scroll 0 0;
font-size:11px;
height:67px;
line-height:18px !important;
padding:15px;
text-align:center;
}
#dialog-content-wrapper{}
#dialog-ch-bottom{
background:transparent url(../images/main/modal_dialog.png) no-repeat scroll 0 bottom;
height:12px;
}

/* DIALOG BOTTOM */
#dialog-bottom{background:#eee;border-top:1px solid #ccc;color:#666;padding:5px;text-align:center;font-size:12px}
#dialog-bottom .next,
#dialog-bottom .prev{color:#ccc;font-weight:bold;color:#333}
#dialog-bottom .next:hover,
#dialog-bottom .prev:hover{color:#f90}
#dialog-bottom .next{padding-left:10px}
#dialog-bottom .prev{padding-right:10px}
#dialog-bottom .curr{}

/* DIALOG MISC */
#dialog-loading{color:#ccc;font-weight:bold;text-align:center;padding:20px}

/* DIALOG PREDEFINED */
#dialog-container .alert,
#dialog-container .confirm { text-align:center;color:#999 }
#dialog-container .alert input,
#dialog-container .confirm input { font-weight:bold;width:75px }

/* DIALOG PERSONAL */
#dialog-container .myFirstDialog { color:orange;font-size:20px }