/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-image: url(../images/background.gif) ;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
}

 
a {color: #666;}
a:visited {color:#666;}
a:hover {color: #b0b0b0;}
a:active { color:#000000;}



.h1	{
	font: 14pt/20pt georgia;
	}	
	
.h2	{
	font: 8pt/14pt verdana;
	padding: 20px 0 30px 0;
	}	
	
#h1	{
	font: 14pt/20pt georgia;
	padding: 0px 0 .2em 0;
	}	
	
#h2	{
	font: 8pt/14pt verdana;
	padding: 0px 0 1em 0;
	}	
	
#h3	{
	font: 12pt/16pt georgia;
	padding: 0px 0 .2em 0;
	}	

.p1	{
	font: 9pt/15pt georgia;
	}	
	
.p2	{
	font: 8pt/15pt verdana;
	}
.h-big	{
	font: 20pt/20pt georgia;
	}	


a {
	text-decoration: none;
}

a img {
	border: 0;
}

img {
	display: block;
}



p {
	margin: 0 0 1em;
}

#body-element {
	margin: 0 8px 1.5em 10px;
}




/*
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
*/

/*
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
*/

img.download {vertical-align:middle;}






/* ----------container to center the layout---------------------------------------- */





#container {
width: 1074px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
padding: 5px 24px;
}

#container-fill {
width: 1074px;
/*background: #E2DED5;*/
}








/* ------------- masthead styles ---------------------------------------------------- */


#banner {
background-color: #e1ddd9;
text-align: right;
padding: 0px;
margin: 0px;
}



#masthead {
	background: #fff;
}

#sub-nav-wrapper {
	float: left;
	width: 260px;
	height: 31px;
	/*background: #E2DED5; */
	
}



#top_images {
	background: #fff;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
}

#image_top_01-2 {
	float: left;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 44px;
	height: 74px;
}

#subnav-pad-l{
	float: left;
	width: 30px;
	height: 21px;
	display: inline;
}

#subnav-pad-r{
	float: left;
	width: 60px;
	height: 21px;
	display: inline;
}

#subnav-pad-b{
	float: left;
	width: 260px;
	height: 10px;
	display: inline;
}

#image_bot_left {
	float: left;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 260px;
	height: 10px;
}

#image_top_01 {
	float: left;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 303px;
	height: 74px;
}


#image_top_02 {
	float: left;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 479px;
	height: 74px;
}


#image_top_03 {
	float: left;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 291px;
	height: 74px;
}

#image_top_04 {
	float: left;
	margin: 0em 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 1074px;
	height: 4px;
	clear: both;
}




#homelink {
	float: left;
	margin: 0em 0em 0em; padding: 0em 0 0em 0em;
	width: 304px;
	background: #fff;
}




/* ------------- sub nav styles ----------------------------------------------------------------- */

#nav-sub-frame {
	float: left;
	width: 260px;
	background: #E2DED5;	
	/*display: inline;*/
}


#nav-sub {
	
	margin: 0;
	padding: 0;
	height: 21px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav-sub li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav-sub a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/ :21px; /* for IE5/Win only */ 
	}
	
#nav-sub a:hover {
	background-position: 0 -21px;
	}

#nav-sub a:active, #nav a.sub-selected {
	background-position: 0 -21px;
	}

#nav-contact a  {
	width: 72px;
	background: url(../images/contact.gif) top left no-repeat;
	}

#nav-resume a  {
	width: 65px;
	background: url(../images/resume.gif) top left no-repeat;
	}


#nav-cv a  {
	width: 31px;
	background: url(../images/cv.gif) top left no-repeat;
	}



/* ------------- sub trial styles ----------------------------------------------------------------- */

#nav-frame {
	float: left;
	width: 770px;
	background: #fff;
}


#temp-nav {
	
	margin: 0;
	padding: 0;
	height: 21px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#temp-nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#temp-nav a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :24px; /* for IE5/Win only */ 
	}
	
#temp-nav a:hover {
	background-position: 0 -21px;
	}

#temp-nav a:active, #temp-nav a.selected {
	background-position: 0 -21px;
	}


	




/* ------------- main nav styles ----------------------------------------------------------------- */

#nav-frame {
	float: left;
	width: 770px;
	background: #fff;
}


#nav {
	
	margin: 0;
	padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :24px; /* for IE5/Win only */ 
	}
	
#nav a:hover {
	background-position: 0 -24px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -24px;
	}

#nav-web a  {
	width: 96px;
	background: url(../images/web.jpg) top left no-repeat;
	}

#nav-interactive a  {
	width: 96px;
	background: url(../images/interactive.jpg) top left no-repeat;
	}

#nav-motion a  {
	width: 96px;
	background: url(../images/motion.jpg) top left no-repeat;
	}

#nav-brand a  {
	width: 96px;
	background: url(../images/brand.jpg) top left no-repeat;
	}

#nav-archive a  {
	width: 96px;
	background: url(../images/archive.jpg) top left no-repeat;
	}
	
	
/* ------------- content styles ----------------------------------------------------------------- */


#empty { 
	margin: 0 auto;
}

.green {	
	color: #46794d;
	}

.purple {	
	color: #66294F;
	}

.blue {	
	color: #1D6F77;
	}

.gold {	
	color: #997150;
	}

.gray {	
	color: #666;
	}


/* -----------------content------------------------------------------------------------------------- */
#content {
/*background-color: #ffffff; */
padding: 0px;
margin-right: 250px;
margin-left: 0px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#content-motion {
/*background-color: #ffffff; */
padding: 0px;
margin-right: 250px;
margin-left: 0px;
}
div#content-motion { 
min-height:700px;
height:expression(this.scrollHeight > 700 ? "auto":"700px"); 
}


p, pre{
padding: 5px 10px;
margin:0px;
}


#box {
	display: inline;
	float: left;
	height: 30px;
	width: 1074px;
	background: #E2DED5;
}

#box-short {
	display: inline;
	float: left;
	height: 15px;
	width: 1074px;
	background: #E2DED5;
}


#item-box	{
	float: left;
	height: 500px;
	width: 1074;
}


#item	{
	float: left;
	padding: 0px 0px 40px 38px;
	height: 500px;
	background: #E2DED5; 
}

#item-motion	{
	float: left;
	padding: 0px 0px 40px 38px;
	height: 600px;
	background: #E2DED5; 
}


#img	{
	float: left;
	padding: 2px;
	width: 740px;
	border: 0px solid #000;
	background: #fff;
	}
	
#img-motion	{
	float: left;
	padding: 2px;
	height: 496px; 
	border: 0px solid #000;
	background: #fff;
	}
	
#title	{
	float: left;
	padding: 0px 0 .25em 0;
	width: 654px;
	border: 0px ;
	}	

#launch	{
	float: left;
	width: 88px;
	margin: 8px 0 0 0;
}	

#launch-btn {
	
	margin: 0;
	padding: 0;
	height: 15px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#launch-btn li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}

#launch-btn a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :15px; /* for IE5/Win only */ 
	}
	
#launch-btn a:hover {
	background-position: 0 -15px;
	}

#launch-btn a:active, #launch-btn a.selected {
	background-position: 0 -15px;
	}

#launch-img-web a  {
	width: 88px;
	background: url(../images/web/launch-web.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#launch-img-interactive a  {
	width: 88px;
	background: url(../images/interactive/launch-interactive.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#detail-img-interactive a  {
	width: 88px;
	background: url(../images/interactive/detail_interactive.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}	
	
#movie-img-interactive a  {
	width: 88px;
	background: url(../images/interactive/movie-interactive.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}	
	
#launch-img-motion a  {
	width: 88px;
	background: url(../images/motion/launch-motion.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#movie-img-motion a  {
	width: 88px;
	background: url(../images/motion/movie-motion.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}	
	
#launch-img-brand a  {
	width: 88px;
	background: url(../images/web/launch-web.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#launch-img-archive a  {
	width: 88px;
	background: url(../images/archive/launch-archive.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#movie-img-archive a  {
	width: 88px;
	background: url(../images/archive/movie-archive.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#detail-img-archive a  {
	width: 88px;
	background: url(../images/archive/detail-archive.gif) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

	
#description {
	float: left;
	padding: 2.25em 0 0 0;
	margin: 0 0 0 -234px;
	width: 234px;
	 /* 
	background: #666666;
	*/
	}
	
#description-e1 {
	float: left;
	 /*width: 240px;*/
	padding: 0 0 1em 0;
	 /*
	background: #999999;
	*/
	}

#description-e2 {
	float: left;
	 /*width: 240px;*/
	 
	background: #666666;
	
	}
	
.h3 {
	font: 8pt/20pt verdana;
	float: left;
	padding: 0 0 0 10px;
	margin: 1.4em 0 .4em 0;
	width: 250px;
	background: #fff;
	}


#specs ul {
	margin-left: 0; 
	padding-left: 0em;
	text-indent: 0px;
	list-style: none;
	}



#client	{
	float: left;
	margin: 6px 0 0 0;
	width: 740px;
	}

.img-float	{
	float: left;
	}	

	
.h-client {
	float: left;
	margin: 6px 0 0 0;
	font: 10pt/12pt verdana;
	font-weight: normal;
	}

#mov	{
	float: left;
	display: inline
	width: 600px;
	height: 50px;
	border: 0px solid #000;
	background: #999;
	}
	
#mov-side	{
	float: left;
	margin: 0 0 0 0;
	display: inline
	width: 140px;
	border: 0px solid #000;
	background: #555;
	}
	
	

/* --------------right navi----------------------------------------------------------------- */
#right {
float: right;
width: 250px;
margin: 38px 25px 0px 0px;
padding: 0px;
/*background-color: yellow;*/
display: inline;
}


#right-box {
float: left;
width: 260px;
margin: 0px;
padding: 0px;
/* background-color: red;*/
}

/* ----------------- content Brand ------------------------------------------------------------------------- */


#logos {
	display: inline;
	float: left;
	padding: 0px 36px 0px 38px;
	width: 1000px;
	background: #E2DED5;
}

#img_logo	{
	float: left;
	margin: 0 2px 2px 0;
	width: 198px;
	height: 198px;
	border: 0px solid #000;
	background: #fff;
	}
	
#title-box	{
	float: left;
	padding: 0px 36px .25em 38px;
	width: 1000px;
	border: 0px solid #000;
	background: #E2DED5;
	}
	
	
/* ----------------- content Resume ------------------------------------------------------------------------- */


#content-frame {
	display: inline;
	float: left;
	padding: 0px 38px 0px 38px;
	width: 998px;
	background: #E2DED5;
}

#left-column	{
	float: left;
	margin: 0 25px 0px 0;
	width: 433px;
	border: 0px solid #000;
	}
	
#middle-column	{
	float: left;
	margin: 0 25px 0px 0;
	width: 282px;
	border: 0px solid #000;

	}
	
#right-column	{
	float: left;
	margin: 0 0px 0px 0;
	width: 233px;
	border: 0px solid #000;
	}	
	
#title-box	{
	float: left;
	padding: 0px 36px .25em 38px;
	width: 1000px;
	border: 0px solid #000;
	background: #E2DED5;
	}	
	
#bar-res	{
	float: left;
	border: 0px solid #000;
	background: #fff;
	margin: 0px 0px 14px 0;
	}
	
.boxes	{
	float: right;
	}	


/* ----------------- content Contact ------------------------------------------------------------------------- */


#content-frame-contact {
	display: inline;
	float: left;
	padding: 0px 37px 0px 37px;
	width: 1000px;
	background: #E2DED5;
}

#column-contact	{
	float: left;
	border: 0px solid #000;
	}



/* -----------------Detail Pages------------------------------------------------------------------------- */


#item-detail	{
	
	margin: 0px 0px 44px 0;
	background: #E2DED5; 
}

#item-thumb	{
	
	margin: 0px 0px 12px 0;
	background: #E2DED5; 
}

#img-wide	{
	
	padding: 2px;
	width: 994px;
	border: 0px solid #000;
	background: #fff;
	}

#title-detail	{
	padding: 0px 0 .25em 0;
	width: 660px;
	border: 0px ;
	}	

#client-detail	{
	margin: 6px 0 0 0;
	
	}

#column	{
	margin: 0 25px 0px 0;
	width: 600px;
	border: 0px solid #000;
	}

.h-header {
	
	margin: 6px 0 4px 0;
	font: 10pt/12pt verdana;
	font-weight: normal;
	}



#thumb-nav {
	
	margin: 0;
	padding: 0;
	height: 27px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#thumb-nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#thumb-nav a {
	float: left;
	padding: 27px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :27px; /* for IE5/Win only */ 
	}
	
#thumb-nav a:hover {
	background-position: 0 -27px;
	}

#thumb-nav a:active, #thumb-nav a.selected {
	background-position: 0 -27px;
	}

#back a  {
	width: 94px;
	background: url(../images/interactive/back.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}








/* -----------footer------------------------------------------------------------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
background-color: #fff;
height: 20px;
text-align: right; }