/*    ┌───────────────┐
**  ──┘  Custom Tags  └─────────────────────────────────────────────────────────────────────────────
*/
.floatLeft {
    float: left;
}

/*
**  ╔══════════════════════════════════════════════════════════════════════════════════════════════╗
**  ║  Components                                                                                  ║
**  ╚══════════════════════════════════════════════════════════════════════════════════════════════╝
*/
/*    ┌────────┐
**  ──┘  Tile  └────────────────────────────────────────────────────────────────────────────────────
*/
/* visuals only */

/*    ┌──────────┐
**  ──┘  Button  └──────────────────────────────────────────────────────────────────────────────────
*/
.button {
	height: 42px;
}

/*    ┌─────────┐
**  ──┘  Table  └───────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌────────┐
**  ──┘  Icon  └────────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌────────┐
**  ──┘  List  └────────────────────────────────────────────────────────────────────────────────────
*/

/*
**  ╔══════════════════════════════════════════════════════════════════════════════════════════════╗
**  ║  Screens                                                                                     ║
**  ╚══════════════════════════════════════════════════════════════════════════════════════════════╝
*/
/*    ┌───────────────┐
**  ──┘  All Screens  └─────────────────────────────────────────────────────────────────────────────
*/
/* main window */
.mainWindow {
    width: 340px;
}

/* header */

/* footer */

/*    ┌────────────────────┐
**  ──┘  Multiple Screens  └────────────────────────────────────────────────────────────────────────
*/
.marginCell {
    width: 15px;
}
.width30pTopTextRight {
	width: 115px;
}
.fileTile, .fileTile2 {
    height: 195px;
}
.fileTileMargin, .ShowTileMarginLeft, .ShowTileMarginRight {
    width: 290px;
    float: left;
}
.no360 {
	display: none;
}

/*    ┌─────────┐
**  ──┘  Index  └───────────────────────────────────────────────────────────────────────────────────
*/
/* photo */
.portait {
	width: 300px;
	height: 229px;
}

/* layout */
.welcomeLeft {
    margin: auto;
    width: 300px;
}
.welcomeRight, .menuTileMargin {
    float: left;
}
.menuTileMargin {
    width: 290px;
}
.menuTile, .menuTile2 {
    height: 125px;
}
.tileContent {
    padding: 0 10px;
}
.lineTable20div {
    padding-top: 0;
}

/*    ┌───────────┐
**  ──┘  Contact  └─────────────────────────────────────────────────────────────────────────────────
*/
.contactLeft {
}
.formLabel {
	width: 25%;
}
.formMargin {
    float: left;
}

/*    ┌───────────┐
**  ──┘  Sitemap  └─────────────────────────────────────────────────────────────────────────────────
*/
.sitemap1 {
	padding-left: 0;
}
.sitemap2 {
	padding-left: 20px;
}
.sitemap3 {
	padding-left: 60px;
}
.sitemap2 li:before, .sitemap3 li:before {
	padding: 0px 10px 0px 8px;
}

/*    ┌───────────┐
**  ──┘  Profile  └─────────────────────────────────────────────────────────────────────────────────
*/
.objectiveTile, .educationTile {
    padding: 15px 10px 25px 15px;
}
.width30pTopTextRightNo360 {
	display: table-cell;
	width: 25%;
    vertical-align: top;
    text-align: right;
}
.educationLeftMargin {
	display: none;
}
.educationTile {
    margin-top: 20px;
}
.infoMargin {
    padding: 0 10px 0 15px;
}
.padding360only {
    padding: 10px 0 0 0;
}

/*    ┌──────────┐
**  ──┘  Skills  └──────────────────────────────────────────────────────────────────────────────────
*/
.center360 {
    margin: auto;
}
.legend {
	padding: 10px 5px 10px 5px;
}
.skillLabel {
	width: 85px;
}
.languageTile {
	padding: 0 10px;
}

/*    ┌──────────────┐
**  ──┘  Experience  └──────────────────────────────────────────────────────────────────────────────
*/
.marginCellExperienceTile {
	width: 5px;
}
.expLabel, .expTableCell {
	width: 305px;
}
.expLabelRight {
	width: 100px;
}
.expSubLabel {
	width: 60px;
}

/*    ┌────────────┐
**  ──┘  Showroom  └────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌───────┐
**  ──┘  FAQ  └─────────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌─────────┐
**  ──┘  Files  └───────────────────────────────────────────────────────────────────────────────────
*/
.zipTileMargin {
    float: left;
}
.zipTileMargin2 {
    width: 290px;
    float: right;
}

/*    ┌──────────┐
**  ──┘  Report  └──────────────────────────────────────────────────────────────────────────────────
*/
