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


a:active, a:focus {
outline: 0
}
:focus
{
  -moz-outline-style: none;
}
body {
	background-image: url(images/bkg_main.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
#MainWrapper {
	position:absolute;
	width:1055px;
	height:690px;
	z-index:1;
	top: 0px;
	left: 0px;
}


#AboutWrapper {
	position:absolute;
	width:1055px;
	height:408px;
	z-index:1;
    left: -1055px;
	top: 132px;
	background-image: url(images/bkg_about.jpg);
}
#WebWrapper {
	position:absolute;
	width:1055px;
	height:408px;
	z-index:1;
	left: -1055px;
	top: 132px;
	background-image: url(images/bkg_about.jpg);
}
#TestimonialsWrapper {
	position:absolute;
	width:1055px;
	height:408px;
	z-index:1;
	left: -1055px;
	top: 132px;
	background-image: url(images/bkg_about.jpg);
}
#InterfaceWrapper, #MultimediaWrapper, #DesignWrapper, #IllustrationWrapper {
	position:absolute;
	width:1055px;
	height:408px;
	z-index:1;
	left: -1055px;
	top: 132px;
	background-image: url(images/bkg_about.jpg);
}
#WebContent, #WebContentBannerAds, #InterfaceContentGame, #InterfaceContent, #MultimediaContent, #DesignContent, #IllustrationContent {
	position:absolute;
	width:800px;
	height:402px;
	z-index:2;
	left: 170px;
	top: 3px;
	background-image: url(images/loading.gif);
}
#TestimonialsContent {
	position:absolute;
	width:785px;
	height:375px;
	z-index:2;
	left: 170px;
	top: 10px;
	padding-left: 10px;
	padding-right: 10px;
    overflow-y:auto;overflow-x:hidden

}
#SelLink, #SelInterfaceLink, #SelDesignLink, #SelMultimediaLink, #SelLinkIllustration{
	position:absolute;
	width:165px;
	height:18px;
	z-index:10;
	top: 18px;
	left: 0px;
	background-image: url(images/SelLink.png);
}
#WebLink1, #InterfaceLink1, #MultimediaLink1, #DesignLink1, #InterfaceLink1, #IllustrationLink1{
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 18px;
	left: 5px;
	padding-top: 3px;
}
#WebLink2, #InterfaceLink2, #MultimediaLink2, #DesignLink2, #InterfaceLink2, #IllustrationLink2 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 43px;
	left: 5px;
	padding-top: 3px;
}
#WebLink3, #InterfaceLink3, #MultimediaLink3, #DesignLink3, #InterfaceLink3, #IllustrationLink3 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 69px;
	left: 5px;
	padding-top: 3px;}

#WebLink4, #InterfaceLink4, #MultimediaLink4, #DesignLink4, #InterfaceLink4, #IllustrationLink4 {
	position:absolute;
	wwidth:158px;
	height:20px;
	z-index:30;
	top: 95px;
	left: 5px;
	padding-top: 3px;
}
#WebLink5, #InterfaceLink5, #MultimediaLink5, #DesignLink5, #InterfaceLink5, #IllustrationLink5 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 121px;
	left: 5px;
	padding-top: 3px;
}
#WebLink6, #InterfaceLink6, #MultimediaLink6, #DesignLink6, #InterfaceLink6, #IllustrationLink6 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 148px;
	left: 5px;
	padding-top: 3px;
}
#WebLink7, #InterfaceLink7, #MultimediaLink7, #DesignLink7, #InterfaceLink7, #IllustrationLink7 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 173px;
	left: 5px;
	padding-top: 3px;
}
#WebLink8, #InterfaceLink8, #MultimediaLink8, #DesignLink8, #InterfaceLink8, #IllustrationLink8 {
	position:absolute;
	wwidth:158px;
	height:20px;
	z-index:30;
	top: 199px;
	left: 5px;
	padding-top: 3px;
}
#WebLink9, #InterfaceLink9, #MultimediaLink9, #DesignLink9, #InterfaceLink9, #IllustrationLink9 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 225px;
	left: 5px;
	padding-top: 3px;
}
#WebLink10, #InterfaceLink10, #MultimediaLink10, #DesignLink10, #InterfaceLink10, #IllustrationLink10 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 251px;
	left: 5px;
	padding-top: 3px;
}
#WebLink11, #InterfaceLink11, #MultimediaLink11, #DesignLink11, #InterfaceLink11, #IllustrationLink11 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 277px;
	left: 5px;
	padding-top: 3px;
}
#InterfaceLink12, #WebLink12 {
	position:absolute;
	width:158px;
	height:20px;
	z-index:30;
	top: 300px;
	left: 5px;
	padding-top: 3px;
}
#NavWrapper {
	position:absolute;
	width:1054px;
	height:20px;
	z-index:2;
	left: 0px;
	top: 111px;
}
#NavWeb {
	position:absolute;
	width:31px;
	height:15px;
	z-index:50;
	left: 420px;
	top: 3px;
}
#NavInterface {
	position:absolute;
	width:58px;
	height:15px;
	z-index:50;
	left: 509px;
	top: 3px;
}
#NavMultimedia {
	position:absolute;
	width:70px;
	height:15px;
	z-index:50;
	left: 632px;
	top: 3px;
}
#NavDesign {
	position:absolute;
	width:46px;
	height:15px;
	z-index:50;
	left: 772px;
	top: 3px;
}
#NavIllustration {
	position:absolute;
	width:70px;
	height:15px;
	z-index:50;
	left: 876px;
	top: 3px;
}
#NavTestimonials {
	position:absolute;
	width:79px;
	height:15px;
	z-index:50;
	top: 3px;
	left: 274px;
}
a.navs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006;
	text-decoration: none;
}
a.navs:link {
	color: #006;
	text-decoration: none;
}
a.navs:visited {
	text-decoration: none;
	color: #006;
}
a.navs:hover {
	text-decoration: none;
	color: #8e550b;
}
a.navs:active {
	text-decoration: none;
	color: #006;
}

a.examples{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #006;
	text-decoration: none;
}

a.examples:link {
	color: #006;
	text-decoration: none;
}
a.examples:visited {
	text-decoration: none;
	color: #006;
}
a.examples:hover {
	text-decoration: none;
	color: #8e550b;
}
a.examples:active {
	text-decoration: none;
	color: #006;
}

a.email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
a.email:link {
	color: #333;
	text-decoration: none;
}
a.email:visited {
	text-decoration: none;
	color: #333;
}
a.email:hover {
	text-decoration: underline;
	color: #0000cc;
}
a.email:active {	
	text-decoration: none;
	color: #333;
}


a.resume {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}


a.small_text:link {
	text-decoration: underline;
    color: #333;
}
a.small_text:visited {
	text-decoration: underline;
	color: #333;
}
a.small_text:hover {
	text-decoration: underline;
	color: #0000cc;
}
a.small_text:active {	
	text-decoration: underline;
	color: #333;
}


a.resume:link {
	color: #333;
	text-decoration: none;
}
a.resume:visited {
	text-decoration: none;
	color: #333;
}
a.resume:hover {
	text-decoration: underline;
	color: #0000cc;
}
a.resume:active {	
	text-decoration: none;
	color: #333;
}
#Footer {
	position:absolute;
	width:835px;
	height:23px;
	z-index:4;
	left: 165px;
	top: 554px;
}
#logo {
	position:absolute;
	width:400px;
	height:116px;
	z-index:4;
	top: 0px;
	left: 0px;
}
#NavAbout {
	position:absolute;
	width:39px;
	height:15px;
	z-index:50;
	left: 175px;
	top: 3px;
}
#AboutContentWrapper {
	position:absolute;
	width:547px;
	height:325px;
	z-index:7;
	left: 416px;
	top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 2.5em;
}
#FlashTeaser {
	position:absolute;
	width:185px;
	height:210px;
	z-index:100;
	left: 263px;
	top: 67px;
}
#NavAboutSel {
	position:absolute;
	width:62px;
	height:20px;
	z-index:3;
	background-color: #eae8ae;
	top: 1px;
	left: -130px;
	background-image: url(images/Nav_About_Sel.jpg);
}
#NavWebSel {
	position:absolute;
	width:50px;
	height:20px;
	z-index:3;
	background-color: #eae8ae;
	top: 1px;
	left: -130px;
	background-image: url(images/Nav_About_Sel.jpg);
}
#NavInterfaceSel {
	position:absolute;
	width:84px;
	height:20px;
	z-index:3;
	background-color: #eae8ae;
	top: 1px;
	left: -130px;
	background-image: url(images/Nav_About_Sel.jpg);
}
#NavMultimediaSel {
	position:absolute;
	width:100px;
	height:20px;
	z-index:3;
	background-color: #eae8ae;
	top: 1px;
	left: -130px;
	background-image: url(images/Nav_About_Sel.jpg);
}
#NavDesignSel {
	position:absolute;
	width:67px;
	height:20px;
	z-index:3;
	background-color: #eae8ae;
	top: 1px;
	left: -130px;
	background-image: url(images/Nav_About_Sel.jpg);
}
#NavIllustrationSel {
	position:absolute;
	width:97px;
	height:20px;
	z-index:3;
	background-color: #eae8ae;
	top: 1px;
	left: -130px;
	background-image: url(images/Nav_About_Sel.jpg);
}
#NavTestimonialsSel {
	position:absolute;
	width:110px;
	height:20px;
	z-index:3;
	background-image: url(images/Nav_About_Sel.jpg);
	left: -130px;
	top: 1px;
}
#apDiv1 {
	position:absolute;
	width:135px;
	height:46px;
	z-index:31;
	left: 546px;
	top: 147px;
}
#contact {
	position:absolute;
	width:185px;
	height:71px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	z-index:101;
	left: 180px;
	top: 244px;
	line-height: 1.8em;
}

#Interested {
	position:absolute;
	width:295px;
	height:23px;
	z-index:1;
	left: 0px;
	top: 0px;
}

#stayuptodate {
	position:absolute;
	width:132px;
	height:23px;
	z-index:3;
	left: 606px;
	top: 0px;
}
#facebook {
	position:absolute;
	width:23px;
	height:23px;
	z-index:4;
	left: 748px;
}
#twitter {
	position:absolute;
	width:23px;
	height:23px;
	z-index:5;
	left: 750px;
	visibility: hidden;
}
#linkedin {
	position:absolute;
	width:23px;
	height:23px;
	z-index:6;
	left: 780px;
}
#getintouch {
	position:absolute;
	width:147px;
	height:23px;
	z-index:7;
	left: 305px;
}
/* slide show */

#slideshow {
	position:relative;
	height:350px;
}

#slideshow IMG {
	position:absolute;
	top:34px;
	left:168px;
	z-index:8;
}

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

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