body{
	margin: 0 auto;
	padding: 0;
	color: #000000;
	font: 14px "AvenirNextCondensed-Regular", Arial, Helvetica, Geneva, sans-serif;
	/*min-width: 650px;*/ /* NO!! NEVER SET CRAZY WIDTHS ON BODY!! */
	/*background-color: #f3f2f2;*/
}

h1 {
	font: 45px "Avenir Next Condensed";
	font-weight: 700;
	clear: both;
	margin: 0;
}

h2 {
	font: 30px "Avenir Next Condensed";
	font-weight: 400;
	margin: 0;
	clear: both;
	padding-bottom: 5px;
	padding-top: 30px;
}



h3 {
	font: 20px "Avenir Next Condensed";
	clear: both;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	top: -8px;
}


p {
	margin-top: 0;
}

table {
	width: 80%;
	margin-top: 30px;
}

.cell_alignTop {
	vertical-align: top;
	text-align: center;
}


/*td {
	vertical-align: top;
}*/

#bkgContent{

	width: 642px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #d0d0d0;*/
	position: relative;
}


#menuButton {
	
	padding-bottom: 20px;
	padding-top: 15px;
	width: 20px;
	height: 14px;
	/*background-color: rgba(137, 91, 91, 0.51);*/
	float: right;
	padding-left: 5px;
}

#mainContent {
	clear: both;
	margin-bottom: 15px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*background-color: rgba(241, 135, 251, 0.42);*/
}

#menuBkgContent {
	width: 232px;
	height: 582px;
	background-size: 232px 582px;
	background-image: url(images/menuDialogue@2x.png);
}

#menuContent {
	padding-top: 38px;
}

#goToHomeArrow {
	width: 24px;
	height: 18px;
	float: left;
	margin-top: 16px;
	margin-left: 5px;
}

#getStartedButton {
	margin-top: 8px;
	float: right;
}


/*.textContent {
	margin-bottom: 10px;
}*/


.tapBoxes {
	width: 25px;
	height: 25px;
	/*background-color: rgba(202, 29, 29, 0.56);*/
	float: left;
	position: absolute;
}

.fullScreenImage {
	
	height: 483px;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
}

.imageCaption {
	text-align: right;
	font-size: 12px;
	color: silver;
	/*margin-right: 4px;*/
	/*margin-bottom: 3px;*/
	/*background-color: rgba(155, 44, 44, 0.32);*/
	position: relative;
	bottom: 18px;
}

.imageCenter {
	display: block;
	margin-left: auto;
	 margin-right: auto;
	 width: 50%;
}

.pp_sectonHeader {
	font: 20px "Avenir Next Condensed";
	font-weight: 700;	
}

.pp_mainHeader {
	font: 20px "Avenir Next Condensed";
	font-weight: 400;
}
.getStarted {
	color: #868686;
}

.getStarted_sectonHeader {
	font: 20px "Avenir Next Condensed";
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 30px;
}

.getStarted_numbers {
	color: #ff0707;
	margin-right: 10px;
}

.getStarted p {
margin-left: 28px;
padding-bottom: 8px;
}

/*.imageOutter {
	margin-right: auto;
	margin-left: auto;
}*/

.menuActions a {
	height: 28px;
    color: black;
/*    padding: 12px 16px;*/
    text-decoration: none;
    display: block;
	/*background-color: rgba(83, 217, 155, 0.49);*/
	/*border-bottom: 1px solid white;*/
	position: relative;
}


.newSection {
	margin-top: 50px;
}

.movieFrame {
	border: 1px solid #909090;
}

.footerspace {
	height: 60px;
}

/* @group Index page nodes and their menus */


#projectPage {
	top: 32px;
	left: 8px;
}

#projectPageMenu {
	display: none;
	width: 192px;
	height: 175px;
	background-size: 192px 176px;
	background-image: url(images/projectDialogue@2x.png);
	position: relative;
	top: 15px;
	left: 8px;
}


#sharePage {
	top: 32px;
	left: 34px;
}

#sharePageMenu {
	display: none;
	width: 190px;
	height: 189px;
	background-size: 190px 189px;
	background-image: url(images/shareDialogue@2x.png);
	position: relative;
	top: 15px;
	left: 9px;
}

#layerName {
	top: 32px;
	left: 308px;
}

#layerNameMenu {
	display: none;
	width: 162px;
	height: 103px;
	background-size: 162px 103px;
	background-image: url(images/titleDialogue@2x.png);
	position: relative;
	top: 15px;
	left: 9px;
}



#fit {
	top: 32px;
	left: 491px;
}

#fitMenu {
	display: none;
	width: 163px;
	height: 103px;
	background-size: 163px 103px;
	background-image: url(images/fitDialogue@2x.png);
	position: relative;
	top: 15px;
	left: -144px;
}


#snap {
	top: 32px;
	left: 516px;
}

#snapMenu {
	display: none;
	width: 190px;
	height: 152px;
	background-size: 190px 152px;
	background-image: url(images/snapDialogue@2x.png);
	position: relative;
	top: 15px;
	left: -174px;
}


#grid {
	top: 32px;
	left: 540px;
}

#gridMenu {
	display: none;
	width: 190px;
	height: 224px;
	background-size: 190px 224px;
	background-image: url(images/gridDialogue@2x.png);
	position: relative;
	top: 15px;
	left: -174px;
}


#layerButtons {
	top: 32px;
	left: 585px;	
}

#layerButtonsMenu {
	display: none;
	width: 190px;
	height: 170px;
	background-size: 190px 170px;
	background-image: url(images/layersDialogue@2x.png);
	position: relative;
	top: 15px;
	left: -172px;
}

#drawingTools {
	top: 433px;
	left: 87px;	
}

#drawingToolsMenu {
	display: none;
	width: 218px;
	height: 348px;
	background-size: 218px 348px;
	background-image: url(images/drawingToolDialogue@2x.png);
	position: relative;
	top: -335px;
	left: 8px;
}


#main_toolbar {
	top: 456px;
	left: 202px;	
}

#main_toolbarMenu {
	display: none;
	width: 204px;
	height: 106px;
	background-size: 204px 106px;
	background-image: url(images/main_toolbar@2x.png);
	position: relative;
	top: -88px;
	left: 12px;
}


#drawingSettings {
	top: 433px;
	left: 535px;	
}

#drawingSettingsMenu {
	display: none;
	width: 207px;
	height: 307px;
	background-size: 207px 307px;
	background-image: url(images/drawingPropertiesDialogue@2x.png);
	position: relative;
	top: -292px;
	left: -190px;
}


#undo {
	top: 433px;
	left: 613px;	
}


#undoMenu {
	display: none;
	width: 191px;
	height: 370px;
	background-size: 191px 370px;
	background-image: url(images/undoDialogue@2x.png);
	position: relative;
	top: -355px;
	left: -172px;
}

/* @end */

/* @group drawing page */

#d_laso {
	top: 423px;
	left: 6px;
}

#d_lasoMenu {
	display: none;
	width: 163px;
	height: 176px;
	background-size: 163px 176px;
	background-image: url(images/shape_lassoDialogue@2x.png);
	position: relative;
	top: -165px;
	left: 8px;
}


#d_shapePalette {
	top: 250px;
	left: 21px;
}

#d_shapePaletteMenu {
	display: none;
	width: 190px;
	height: 112px;
	background-size: 190px 112px;
	background-image: url(images/shape_shapesDialogue@2x.png);
	position: relative;
	top: -100px;
	left: 8px;
}

#d_colour {
	top: 430px;
	left: 67px;
}

#d_colourMenu {
	display: none;
	width: 190px;
	height: 141px;
	background-size: 190px 141px;
	background-image: url(images/shape_ColourDialogue@2x.png);
	position: relative;
	top: -128px;
	left: 8px;
}


#d_line {
	top: 430px;
	left: 135px;
}

#d_lineMenu {
	display: none;
	width: 326px;
	height: 354px;
	background-size: 326px 354px;
	background-image: url(images/shape_lineDialogue@2x.png);
	position: relative;
	top: -341px;
	left: 8px;
}

#d_selectedSettings {
	top: 429px;
	left: 125px;
}

#d_selectedSettingsMenu {
	display: none;
	width: 188px;
	height: 158px;
	background-size: 188px 158px;
	background-image: url(images/selection_properties@2x.png);
	position: relative;
	top: -145px;
	left: 8px;
}

#d_add {
	top: 429px;
	left: 406px;
}

#d_addMenu {
	display: none;
	width: 190px;
	height: 225px;
	background-size: 190px 225px;
	background-image: url(images/selection_shapeOptionsDialogue@2x.png);
	position: relative;
	top: -212px;
	left: 8px;
}

#d_duplicate {
	top: 429px;
	left: 467px;
}

#d_duplicateMenu {
	display: none;
	width: 191px;
	height: 225px;
	background-size: 191px 225px;
	background-image: url(images/selection_duplicateDialogue@2x.png);
	position: relative;
	top: -212px;
	left: -174px;
}

#d_size {
	top: 429px;
	left: 531px;
}

#d_sizeMenu {
	display: none;
	width: 166px;
	height: 102px;
	background-size: 166px 102px;
	background-image: url(images/selection_rotateDialogue@2x.png);
	position: relative;
	top: -89px;
	left: -150px;
}

#d_shapeMenu {
	top: 429px;
	left: 563px;
}

#d_shapeMenuMenu {
	display: none;
	width: 639px;
	height: 408px;
	background-size: 639px 408px;
	background-image: url(images/shape_menupopup@2x.png);
	position: relative;
	top: -356px;
	left: -562px;
}

#d_delete {
	top: 429px;
	left: 589px;
}

#d_deleteMenu {
	display: none;
	width: 166px;
	height: 88px;
	background-size: 166px 88px;
	background-image: url(images/selection_deleteDialogue@2x.png);
	position: relative;
	top: -77px;
	left: -151px;
}

/* @end */

/* @group sketch page */

#s_selection {
	top: 209px;
	left: 228px;
}

#s_selectionMenu {
	display: none;
	width: 163px;
	height: 181px;
	background-size: 163px 181px;
	background-image: url(images/sk_selectionDialogue@2x.png);
	position: relative;
	top: -166px;
	left: -147px;
}

#s_moreInfoMenu {
	display: none;
	width: 642px;
	height: 278px;
	background-size: 642px 278px;
	background-image: url(images/sk_selected@2x.jpg);
	position: relative;
	top: -5px;
	left: -228px;
}

#s_freehand {
	top: 380px;
	left: 48px;
}

#s_freehandMenu {
	display: none;
	width: 186px;
	height: 141px;
	background-size: 186px 141px;
	background-image: url(images/sketch_freehandDialogue@2x.png);
	position: relative;
	top: -121px;
	left: 15px;
}

#s_spray {
	top: 403px;
	left: 48px;
}

#s_sprayMenu {
	display: none;
	width: 187px;
	height: 141px;
	background-size: 187px 141px;
	background-image: url(images/sketch_sprayDialogue@2x.png);
	position: relative;
	top: -121px;
	left: 15px;
}

#s_lasso {
	top: 427px;
	left: 48px;
}

#s_lassoMenu {
	display: none;
	width: 180px;
	height: 154px;
	background-size: 180px 154px;
	background-image: url(images/sketch_lassoDialogue@2x.png);
	position: relative;
	top: -136px;
	left: 15px;
}

/* @end */

/* @group grids */

#g_menu {
	top: 474px;
	left: 531px;
}

#g_menuMenu {
	display: none;
	width: 162px;
	height: 114px;
	background-size: 162px 114px;
	background-image: url(images/grid_buttonDialogue@2x.png);
	position: absolute;
	top: -24px;
	left: 386px;
}

#g_ruler {
	top: 474px;
	left: 476px;
}

#g_rulerMenu {
	display: none;
	width: 163px;
	height: 140px;
	background-size: 163px 140px;
	background-image: url(images/grid_ruler@2x.png);
	position: absolute;
	top: -24px;
	left: 330px;
}

#g_dialogue {
	top: 321px;
	left: 444px;
}

#g_dialogueMenu {
	display: none;
	width: 181px;
	height: 80px;
	background-size: 181px 80px;
	background-image: url(images/grid_menuDialogue@2x.png);
	position: absolute;
	top: 10px;
	left: -173px;
}


#g_edit {
	top: 25px;
	left: 540px;
}

#g_editMenu {
	display: none;
	width: 190px;
	height: 149px;
	background-size: 190px 149px;
	background-image: url(images/grid_editDialogue@2x.png);
	position: absolute;
	top: 18px;
	left: -174px;
}

/* @end */

/* @group settings */

#st_paperColour {
	left: 66px;	
	top: 430px;

}

#st_paperColourMenu {
	display: none;
	width: 163px;
	height: 85px;
	background-size: 163px 85px;
	background-image: url(images/settings_drawingColour@2x.png);
	position: absolute;
	left: 8px;
	top: -75px;
}

#st_underTouch {
	left: 377px;
	top: 351px;

}

#st_underTouchMenu {
	display: none;
	width: 294px;
	height: 324px;
	background-size: 294px 324px;
	background-image: url(images/settings_viewDialogue@2x.png);
	position: absolute;
	left: -285px;
	top: -305px;
}

#st_tilt {
	left: 377px;
	top: 375px;
	
}

#st_tiltMenu {
	display: none;
	width: 180px;
	height: 96px;
	background-size: 180px 96px;
	background-image: url(images/settings_pencilTilt@2x.png);
	position: absolute;
	left: -170px;
	top: -78px;
}

#st_pressure {
	left: 377px;
	top: 398px;
	
}

#st_pressureMenu {
	display: none;
	width: 180px;
	height: 116px;
	background-size: 180px 116px;
	background-image: url(images/settings_pencilperssure@2x.png);
	position: absolute;
	left: -170px;
	top: -96px;
}


#st_disableFinger {
	left: 377px;
	top: 422px;
}

#st_disableFingerMenu {
	display: none;
	width: 211px;
	height: 113px;
	background-size: 211px 113px;
	background-image: url(images/settings_disableFinger@2x.png);
	position: absolute;
	left: -200px;
	top: -96px;
}

/* @end */

/* @group Projects */

#pr_name {
	left: 77px;
	top: 32px;
}

#pr_nameMenu {
	display: none;
	width: 163px;
	height: 88px;
	background-size: 163px 88px;
	background-image: url(images/proj_renameDialogue@2x.png);
	position: absolute;
	left: 7px;
	top: 15px;
}


#pr_copy {
	left: 318px;
	top: 213px;
}

#pr_copyMenu {
	display: none;
	width: 163px;
	height: 113px;
	background-size: 163px 113px;
	background-image: url(images/proj_copyDialogue@2x.png);
	position: absolute;
	left: 7px;
	top: 15px;
}


#pr_duplicate {
	left: 191px;
	top: 309px;
}

#pr_duplicateMenu {
	display: none;
	width: 184px;
	height: 68px;
	background-size: 184px 68px;
	background-image: url(images/proj_duplicate@2x.png);
	position: absolute;
	left: 13px;
	top: -49px;
}

#pr_email {
	left: 191px;
	top: 335px;
}


#pr_emailMenu {
	display: none;
	width: 183px;
	height: 107px;
	background-size: 183px 107px;
	background-image: url(images/proj_emailDialogue@2x.png);
	position: absolute;
	left: 13px;
	top: -88px;
}

#pr_paste {
	left: 191px;
	top: 360px;
}

#pr_pasteMenu {
	display: none;
	width: 184px;
	height: 110px;
	background-size: 184px 110px;
	background-image: url(images/proj_pasteDialogue@2x.png);
	position: absolute;
	left: 13px;
	top: -91px;
}


#pr_icloud {
	left: 191px;
	top: 385px;
}

#pr_icloudMenu {
	display: none;
	width: 189px;
	height: 160px;
	background-size: 189px 160px;
	background-image: url(images/proj_iCloud@2x.png);
	position: absolute;
	left: 13px;
	top: -141px;
}

#pr_projects {
	left: 57px;
	top: 451px;
}

#pr_projectsMenu {
	display: none;
	width: 184px;
	height: 98px;
	background-size: 184px 98px;
	background-image: url(images/proj_projectList@2x.png);
	position: absolute;
	left: 13px;
	top: -79px;
}

/* @end */