@charset "utf-8";
/* CSS Document */

body {
	background-color:#5E5E5E;
	margin: 0px;
	padding: 0px;
	height:100%;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin:0px;
	color: #FFFFFF;
	line-height: 18px;
}

#divMenu a:link {
	color: #5e5e5e;
}
#divMenu a:visited {
	color: #5e5e5e;
}
#divMenu a:hover {
	color: #5e5e5e;
}
#divMenu a:active {
	color: #5e5e5e;
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding: 0px;
	margin: 0px;
	color: white;
}

#divMenu ul {
	position:relative;
	padding:0px;
	margin:62px 0px 0px 150px;
	list-style:none;
	width:350px;
	
}

#divMenu ul li a {
	display:block;
	width:350px;
	height:17px;
	text-decoration:none;
	margin-bottom:8px;
}

#divMenu ul li a span {
	visibility:hidden;
}

#divMenu ul li a.navDesign {
	background-image: url(../graphics/menu_design.gif);
}
#divMenu ul li a.navDesign:hover {
	background-position:0 -18px;
}
#divMenu ul li a.navDev {
	background:url(../graphics/menu_dev.gif);
}
#divMenu ul li a.navDev:hover {
	background-position:0 -18px;
}
#divMenu ul li a.navFlash {
	background:url(../graphics/menu_flash.gif);
}
#divMenu ul li a.navFlash:hover {
	background-position:0 -18px;
}
#divMenu ul li a.navEcomm {
	background:url(../graphics/menu_ecomm.gif);
}
#divMenu ul li a.navEcomm:hover {
	background-position:0 -18px;
}
#divMenu ul li a.navVis {
	background:url(../graphics/menu_2d3d.gif);
}
#divMenu ul li a.navVis:hover {
	background-position:0 -18px;
}
#divMenu ul li a.navPrint {
	background:url(../graphics/menu_print.gif);
}
#divMenu ul li a.navPrint:hover {
	background-position:0 -18px;
}
#divMenu ul li a.navGame {
	background:url(../graphics/menu_game.gif);
}
#divMenu ul li a.navGame:hover {
	background-position:0 -18px;
}

#divIntro, #divDesign, #divDevelop, #divFlash, #divEcomm, #divVis, #divPrint, #divGame {
	position:absolute;
	width:400px;
	top:265px;
	left:150px;
	padding:0px;
}

.portfolio {
	position:relative;
	padding:0px;
	margin-top:20px;
	width:700px;	
}
.thumb {
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0px 10px 10px 0px;
}

#vis_portfolio .thumb img, #game_portfolio .thumb img, #print_portfolio .thumb img {
	margin:-30px 0px 0px -50px;
}

.thumb img {
	border:none;
	max-width:300px;
	/*max-height:200px;*/
}

.popup {
	padding:15px;
	position: absolute;
	background-color:#444444;
	border:1px;
	border-style:solid;
	border-color:black;
	left:0px;
	top:0px;
}

.popup img {
	border:none;
	max-width:300px;
	max-height:200px;
}

#popoverBox {
	display:none;
	text-align:center;
	height:800px;
	width:800px;
}
#popoverBox img{
	
}

#popoverBoxBG {
	display:none;
	position:fixed;
	background-color:#000000;
	height:100%;
	width:100%;
	top:0px;
	left:0px;

}
.tooltip{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	padding:15px;
	position: absolute;
	background-color:#444444;
	border:1px;
	border-style:solid;
	border-color:black;
	left:0px;
	top:0px;	
}

.tooltip ul {
	padding:0px;
	margin:0px;	
	list-style-position:outside;
	line-height: 20px;
	list-style-type: none;
}

.tooltip p {
	width:250px;
	}

.tip {
	color: #FFA423;
	text-decoration: none;
}
.footer {
	float:left;
	padding:0px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFA423;
}
.logo {
	padding:0px;
	margin:0px;
	position:absolute;
	border:none;
	top: 0px;
}

#closemsg{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	cursor:pointer;
}

/*  PROD VIS SLIDESHOW CSS  */

#divSlideshow_1 {
    position:absolute;	
    height:500px;
	width:700px;
}

#divSlideshow_1 IMG {
    position:absolute;
    z-index:8;
}

#divSlideshow_1 IMG.active {
    z-index:10;
}

#divSlideshow_1 IMG.last-active {
    z-index:9;
}

#divSlideshow_2 {
    position:absolute;
	height:500px;
	width:700px;
}

#divSlideshow_2 IMG {
    position:absolute;
    z-index:8;
}

#divSlideshow_2 IMG.active {
    z-index:10;
}

#divSlideshow_2 IMG.last-active {
    z-index:9;
}

#divSlideshow_3 {
    position:absolute;
    height:500px;
	width:700px;
}

#divSlideshow_3 IMG {
    position:absolute;
    z-index:8;
}

#divSlideshow_3 IMG.active {
    z-index:10;
}

#divSlideshow_3 IMG.last-active {
    z-index:9;
}