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

@font-face {
	font-family: 'MultiSkillzFont';
	src: url('../font/MultiSkillzFont.eot');
	src: url('../font/MultiSkillzFont.eot?#iefix') format('embedded-opentype'),
	     url('../font/MultiSkillzFont.woff') format('woff'),
	     url('../font/MultiSkillzFont.ttf') format('truetype'),
	     url('../font/MultiSkillzFont.svg#webfont') format('svg');
}

body { 
	-webkit-text-size-adjust: none;
	margin: 0; 
	padding: 0; 
	min-width: 1000px;
	font-family: MultiSkillzFont;
	font-size: 13px;
}


div {
	display: block;
}

img {  border:0; }

input {
	font-family: 'MultiSkillzFont'!important;
}

input[type=submit] {
	cursor: pointer;	
}


span.keyword, span.highliteGreen { margin:0!important; }

.highliteGreen {
	color:#8aad47;	
}


.bold {
	font-weight:bold;
	color: #000000;	
}

#topBar {
	background: #000000;
	height: 6px;	
}

#topDiv {
	background:url(../img/bgBanner-3.gif) repeat-x;
	width: 100%;
	height: 600px;
	float: left;
}

#menuHolder {
	width: 600px;
	float: right;	
}

#menuDiv {
	background: #000000;	
	color: #FFFFFF;
	width: 100%;
	float: left;
}


#menu span {
	float: right;
	margin: 0 0 0 35px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 29px;	
}

#menu span a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu span a:hover {
	color: #000000;
}

.menuImg {
	margin: 0 30px 0 0;	
}

.menuItemTwitter {
	margin: 0 0 0 12px!important;	
}


#facebookLike { 
	width: 600px;
    text-align: right;
	padding: 10px 0 0 0;
	clear: both;
}


#contentDiv {
	background: #FFFFFF;	
	width: 100%;
	float: left;
	/*height: 300px;*/
}


.menuTabItem, .menuTabItem-toBlank {
	float: left;
	list-style-type:none;	
}

.menuTabItem a, .menuTabItem-toBlank a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	width: 163px;
	font-size: 14px;
	display: inline-block;
}

.tabSelected {
	background: #363636;
}

#topHolder, #menuTabHolder, .contentHolder {
	width: 980px;
	margin: 0 auto;
	height: 100%;
}


.contentLeft, .contentRight {
	/*border: solid 1px black;*/
	margin: 30px 0 0 0;
	color: #5E5E5E;	
	/*min-height: 565px;*/
	height: 525px;
	
}

.contentLeft ul, .contentRight ul {
	list-style-type: none;
	margin-left: -27px;
}

.contentLeft ul li, .contentRight ul li {
	background:url(../img/bullet-4a.gif) no-repeat left top;
}

.contentLeft ul li span, .contentRight ul li span {
	margin-left: 20px;
	display: inline-block;
}

h1, .contentText, .poweredBy {
	/*float: left;*/
	width: 525px;
}

.contentRight a {
	text-decoration: none;
	color: #F79624;
}

.contentLeft a:hover, .contentRight a:hover {
	text-decoration: underline;
}

.contentLeft a {
	color: orange;	
}


.contentLeft {
	float: left;
	width: 525px;
	padding: 0 0 0 25px;
}

.absolute {
	position: absolute;
	min-height: 455px;
	width: 600px;	
}

.poweredBy, .poweredByContact, .poweredByShop {
	font-size: 12px;
	color: #999;
}

.poweredBy {
	margin: 45px 0 20px 0;
}

.poweredByContact { 
	margin-top: 206px;
	margin-left: 29px;
}


.poweredBy img, .poweredByContact img, .poweredByShop img {
 	vertical-align: middle;
	margin-left: 7px;
	margin-bottom: 4px;	
}


	
	

#topLeft, #topRight {
	/*border: solid 1px black;*/
	margin: 35px 0 0 0;	
	color: #ffffff;
	/*height: 570px;*/
}

#topLeft {
	text-align: center;
	float: left;
	width: 400px;
}

#phone {
	margin: 21px 0 0 0;
}

#appScreen {
	width: 170px;
	height: 300px;
	float: left;
	position: relative;
	top: -415px;
	left: 80px;
	/*background: #333;	*/
}

#phoneShine {
	width: 81px;
	height: 222px;
	float: left;
	position: relative;
	top: -416px;
	left: -2px;
	background: url(../img/phone-shine.png) no-repeat;	
}

#topRight {
	float: right;
	width: 530px;
}


#spacer {
	height: 10px;	
}


#appTitle {
	margin: 2px 0;
	font-size: 32px;
	color: #000000;
}
#appTitle2 {
	margin: 3px 0;
	font-size: 20px;
	text-transform:uppercase;
	color: #000000;
}

#appTagline {
	/*padding: 10px 0;*/
	margin-top: 20px;
	font-size: 20px;
	color: #FFFFFF;
}

#appFeatures {
	padding: 25px 0;
	height: 218px;
	color: #000000;
}

#appIcon1, #appIcon2, #appIcon3, #appIcon4, #appIcon5 {
	height: 45px;
	line-height: 25px;
	padding-left: 45px;	
	font-size: 15px;
}

.bulletBanner {
	padding-left: 15px;
    display: block;
    background: #FFFFFF;
    margin-left: -20px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	position: relative;
    top: 4px;
}





ul.noBullet {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#appIcon1, #appIcon2, #appIcon3, #appIcon4, #appIcon5 {
	background:url(../img/icon-ok-big.png) no-repeat left top;
}

.smallButton {
	text-decoration: none;
	color: #FFFFFF!important;
	background: #000000;
	display: inline-block;
	font-size: 12px;
	line-height: 9px;
	padding: 10px;
}

.bigButton {
	text-decoration: none;
	color: #FFFFFF!important;
	background: #000000;
	display: inline-block;
	font-size: 14px;
	line-height: 17px;
	padding: 10px;
	width: 212px;
	margin: 0 14px;
	text-align:center;
}

.white {
	color: #FFFFFF;	
}

.orange {
	color: #f3862f;
}


.roundedCorners {
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	border-radius: 6px;
}

.orangeBox {
	margin-top: 20px;
    margin-left: 14px;
	padding: 23px;
	width: 330px;
	background: #f3862f;
	color: #ffffff;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
}

.boxTitle {
	font-size: 16px;
	margin-bottom: 25px;
}

.testimonials {
	font-style: italic;
}

#subscribeField {
 	color: #FFFFFF;
	line-height: 18px;
	font-size: 13px;
}

input {
	border: 0;
}

#subscribeField #emailField {
	margin: 15px 0 0 0;
	padding: 0 10px;
	width: 373px;
	height: 29px;
	border: 1px #CCC solid;
	border-radius: 10px;
	font-style: italic;
	color: #7aae3d;
	font-size: 12px;
	
}

#subscribeField #btnSend {
	margin: -2px 0 0 20px;
	width: 100px;
	height: 29px;
	font-size: 13px;
	color: #FFFFFF;
}



h1 {
	margin: 0 0 25px 0;
	font-size: 26px;
	color: #F79624;
	font-weight: normal;
}

.keyword {
	/*text-decoration: underline;*/
	color: #000000;
	font-weight: bold;	
}

.contentText {
	color: #5E5E5E;
	line-height: 18px;
}


.contentText a {
	text-decoration: none;
	color: #000000;	
}

.contentRight {
	text-align: center;
	float: right;
	width: 405px;
	line-height: 18px;
}

.contentRight .spacer {
	margin-top: 10px;
}

#contentHolderWat .contentRight {
	/*background: url(../img/max-multiskillz.gif) bottom center no-repeat;*/
}


.signature {
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	margin: 40px 0 0 0;
}

.btnBig {
	background:url(../img/btnBigOrange.png) no-repeat;
	margin: 25px 0;
	width: 262px;
	height:	53px;
	color: #FFFFFF!important;
	text-decoration: none!important;
	line-height: 53px;
	display: inline-block;
	text-align: center;
}

#contentHolderShop .inputTextField, #contentHolderContact .inputTextField {
	border: 1px #CCC solid;
	border-radius: 10px;
	line-height: 18px;
	color: #838383;
	margin: 5px 0;
	padding: 0 10px;
	width: 580px;
	height: 29px;
}

#contentHolderContact textarea {
	border: 1px #CCC solid;
	border-radius: 10px;
	color: #838383;
	margin: 5px 0;
	padding: 10px;
	width: 580px;
	height: 125px;
	font-family: MultiSkillzFont;
	resize: none; 
}

#contactForm {
	margin: 20px 0;	
}

#btnSendContact, #btnSendShop {
	margin: 20px 0 0 0;
	width: 100px;
	height: 29px;
	color: #FFFFFF;
}

.reqField {
	font-size: 10px;
	margin-left: 7px;	
}


.contactInfo {
	margin-left: 29px;	
}

#slideshow #slideshowWindow {
	width:170px;
	height:300px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#slideshow #slideshowWindow .slide {
	margin:0;
	padding:0;
	width:170px; 
	height:300px;
	float:left;
	position:relative;
}

#shopDetail {
	background: #E6E6E6;
	float: left;
	margin: 25px 0;		
}

#video {
	padding: 10px;
    margin-top: 75px;
    background: #fff;
    border-radius: 10px;
    width: 400px;	
}

#shopDetailOrder {
	background: #E6E6E6;
	float: left;
	padding: 8px 20px;
	margin: 0 0 10px 0;		
}

#shopDetailLeft, #shopDetailRight {
    width: 260px;
	float: left;
	padding: 20px;
	
}

#shopDetailRight {
	text-align: right;	
}

.totalPrice {
 	margin-top: 25px;
	font-weight: bold;	
}

#shopPromoCode {
	width: 150px!important;	
}

#btnSendShop {
	margin-bottom: 25px!important;	
}

#shopPC {
	width: 70px!important;
	margin-right: 6px!important;
}

#shopGemeente {
	width: 478px!important;
}

.poweredByShop { 
	margin-top: 512px;
	margin-left: 29px;
}

#vanaf {
	position: absolute;
	top: 140px;	
	margin-left: 270px;
}