@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------ Body */
body {
	background-image: url(../Images/background_128x128.png);
	background-repeat: repeat;
	background-position: top;
	background-color: #FFF;
	margin: 0;
}

/*------------------------------------------------------------------ Div */
.mainDiv {
	width:768px;
    margin-left: auto;
    margin-right: auto;
}

.navigationDiv {
	width:768px;
	height:128px;
    margin-left: auto;
    margin-right: auto;
}

.showcaseDiv {
	background-image:url(../Images/showcase_768x512.png);
	width:768px;
	height:512px;
    margin-left: auto;
    margin-right: auto;
}
/*
.xamarinPartnerDiv {
    background-image:url(../Images/xamarin-authorized-consulting-partner.png);
    width:205px;
    height:105px;
    margin-left: auto;
    margin-right: auto;
}
*/
.portfolioDiv {
	width:768px;
    margin-left: auto;
    margin-right: auto;
}

.areDiv {
	background-image:url(../Images/are_768x512.png);
	width:768px;
	height:512px;
    margin-left: auto;
    margin-right: auto;
}

.doDiv {
	background-image:url(../Images/do_768x512.png);
	width:768px;
	height:512px;
    margin-left: auto;
    margin-right: auto;
}

.thinkDiv {
	background-image:url(../Images/think_768x512.png);
	width:768px;
	height:512px;
    margin-left: auto;
    margin-right: auto;
}

.playDiv {
	background-image:url(../Images/play_768x512.png);
	width:768px;
	height:512px;
    margin-left: auto;
    margin-right: auto;
}

.talkDiv {
	background-image:url(../Images/talk_768x512.png);
	width:768px;
	height:512px;
    margin-left: auto;
    margin-right: auto;
}

.mailDiv {
	position: relative;
    left:128px;
    top:128px;
    /*z-index:1;*/
}

.copyrightDiv {
	width:768px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 10px;
}

/*------------------------------------------------------------------ Img*/
img {
	/* position:absolute; */
	left:0px;
	top:0px;
	z-index:1;
}

/*------------------------------------------------------------------ Font*/
.bodyFont {
	color: #333;
	font: normal 11px helvetica, arial, georgia, sans-serif;
	line-height: 1.5em;
	margin: 0 0 4px 0;
	padding: 0;
}

.TagFont {
	color: #01b9ff;
	font: normal 11px helvetica, arial, georgia, sans-serif;
	margin: 0 0 8px 8px;
	padding: 0;
}

.VsionFont {
     color: #ccc;
     font: normal 32px helvetica, arial, georgia, sans-serif;
     margin: 0 0 4px 0;
     padding: 0;
 }

.VsionFont2 {
    color: #aaa;
    font: normal 18px helvetica, arial, georgia, sans-serif;
    margin: 0 0 4px 0;
    padding: 0;
}

.VsionFontBlue {
	color: #01b9ff;
	font: italic 32px helvetica, arial, georgia, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
}

.copyrightFont {
	color: #CCC;
	font: normal 9px helvetica, arial, georgia, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
}

.VsionFont {
	color: #ccc;
	font: normal 32px helvetica, arial, georgia, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
}

.mailFont {
	color: #ccc;
	font: normal 18px helvetica, arial, georgia, sans-serif;
	text-decoration: none;
	margin: 0 0 4px 0;
	padding: 0;
	 
}


.VsionFontBlue {
	color: #01b9ff;
	font: italic 32px helvetica, arial, georgia, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
}

/*------------------------------------------------------------------ Navigation*/

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 768px;
	height: 128px;
	/* background: url(../images/menu-bg.jpg) no-repeat; */
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_home.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .home span {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_home_Over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .are {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_are.png) no-repeat;
	left: 128px;
	top: 0px;
}
#menu .are span {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_are_Over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .do {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_do.png) no-repeat;
	left: 256px;
	top: 0px;
}
#menu .do span {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_do_Over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .think {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_think.png) no-repeat;
	left: 384px;
	top: 0px;
}
#menu .think span {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_think_Over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .play {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_play.png) no-repeat;
	left: 512px;
	top: 0px;
}
#menu .play span {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_play_Over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .talk {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_talk.png) no-repeat;
	left: 640px;
	top: 0px;
}
#menu .talk span {
	width: 128px;
	height: 128px;
	background: url(../Images/btn_talk_Over.png) no-repeat;
	left: 0px;
	top: 0px;
}