.blackBubble {
	position: absolute;
	background-color: black;
	color: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.whiteBubble {
	position: absolute;
	background-color: white;
	color: black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.yellowBubble {
	position: absolute;
	background-color: #fff8a0;
	color: black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.blueBubble {
	position: absolute;
	background-color: #c8f3ff;
	color: black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.pinkBubble {
	position: absolute;
	background-color: #ffd2f3;
	color: black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.dotBubble {
	position: absolute;
	/*background-image: url(img/dot-bg.gif);
	background-size:110px 60px;*/
	background-color: #FFFFFF;
	color: black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
	left: 120px;
	width: 480px;
}

.narrow {
	left: 210px;
	width: 300px;
}

.narrowLeft {
	left: 110px;
	width: 300px;
}

.narrowRight {
	left: 310px;
	width: 300px;
}

.bgBubble {
	/*background-color: #555555;*/
	/*background-image: url(img/dot-bg.gif);*/
	/*background-size:220px 120px;*/
	background-image: url(img/grey-hatch-bg-dark.png);
	padding: 0px;
	left: 250px;
	width: 300px;
	height: 300px;
	
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}

.footerBubble {
	position: absolute;
	background-color: #2c1f00;
	color: #666666;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
	left: 70px;
	width: 580px;
}

.subpageIntro {
	left: 20px;
	top: 280px;
	width: 680px;
	padding-top: 5px;
}

.topPadding{
	padding-top: 20px;
}

.subpageContentLeft {
	left: 20px;
	width: 420px;
}
.subpageContentLeftNarrow {
	left: 20px;
	width: 320px;
}
.subpageContentRight {
	left: 280px;
	width: 420px;
}
.subpageContentRightNarrow {
	left: 380px;
	width: 320px;
}
.subpageContentCenter{
	left: 150px;
	width: 420px;
}
.subpageContentCenterWide{
	left: 90px;
	width: 540px;
}
.wide {
	left: 20px;
	width: 680px;
}

.appContent1 {
	top: 590px;
}

/* ############################################ browser #################*/
/* ############################################ prototypes #################*/
/* ############################################ portraits #################*/



.onlineMiniBrowser {
	position: absolute;
	background-image: url(img/browserwindow-bg.png);
	background-size:261px 25px;
	background-repeat:no-repeat;
	background-color: #000000;
	
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
		
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
	
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
	/*-moz-box-shadow: 0 0 5px 0px black;
	-webkit-box-shadow: 0 0 5px 0px black;
	box-shadow: 0 0 5px 0px black;*/
	
}

.prototypeBrowser {
	position: absolute;
	background-image: url(img/prototyp-bg.png);
	background-size:462px 25px;
	background-repeat:no-repeat;
	background-color: #999999;
	
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
		
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
	
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
	/*-moz-box-shadow: 0 0 5px 0px black;
	-webkit-box-shadow: 0 0 5px 0px black;
	box-shadow: 0 0 5px 0px black;*/
}

.protoSmall{
	background-image: url(img/prototyp-bg-small.png);
	background-size:295px 25px;
}

.portrait {
	position: absolute;
	background-color: #cccccc;
	
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
		
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
	/*-moz-box-shadow: 0 0 5px 0px black;
	-webkit-box-shadow: 0 0 5px 0px black;
	box-shadow: 0 0 5px 0px black;*/
	
	
}

/* ############################################ iphone & ipad #################*/


.iPhone {
	position: absolute;
	background-image: url(img/devices/iPhone.png);
	background-size:270px 530px;
	width: 248px;
	height: 436px;
    padding-left: 22px;
    padding-top: 94px;
}


.iPhoneSmall {
	position: absolute;
	background-image: url(img/devices/iPhone.png);
	background-size:180px 353px;
	width: 166px;
	height: 291px;
    padding-left: 14px;
    padding-top: 62px;
}

.iPad {
	position: absolute;
	background-image: url(img/devices/iPad.png);
	background-size:660px 445px;
	width: 593px;
	height: 420px;
    padding-left: 67px;
    padding-top: 25px;
}


.iPadSmall {
	position: absolute;
	background-image: url(img/devices/iPad.png);
	background-size:330px 222px;
	width: 297px;
	height: 210px;
    padding-left: 33px;
    padding-top: 12px;
}