/*    ┌───────────────┐
**  ──┘  Custom Tags  └─────────────────────────────────────────────────────────────────────────────
*/
.floatLeft {
    float: left;
}

/*
**  ╔══════════════════════════════════════════════════════════════════════════════════════════════╗
**  ║  Components                                                                                  ║
**  ╚══════════════════════════════════════════════════════════════════════════════════════════════╝
*/
/*    ┌────────┐
**  ──┘  Tile  └────────────────────────────────────────────────────────────────────────────────────
*/
/* visuals only */

/*    ┌──────────┐
**  ──┘  Button  └──────────────────────────────────────────────────────────────────────────────────
*/
.button {
	height: 42px;
}

/*    ┌─────────┐
**  ──┘  Table  └───────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌────────┐
**  ──┘  Icon  └────────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌────────┐
**  ──┘  List  └────────────────────────────────────────────────────────────────────────────────────
*/

/*
**  ╔══════════════════════════════════════════════════════════════════════════════════════════════╗
**  ║  Screens                                                                                     ║
**  ╚══════════════════════════════════════════════════════════════════════════════════════════════╝
*/
/*    ┌───────────────┐
**  ──┘  All Screens  └─────────────────────────────────────────────────────────────────────────────
*/
/* main window */
.mainWindow {
    width: 620px;
}

/* header */

/* footer */

/*    ┌────────────────────┐
**  ──┘  Multiple Screens  └────────────────────────────────────────────────────────────────────────
*/
.marginCell {
    width: 20px;
}
.topH {
	line-height: 0%;
}
.topH, .lineTable20no360 {
    padding-top: 20px;
}
.width30pTopTextRight {
	width: 115px;
}
.fileTile, .fileTile2 {
    height: 200px;
}
.ShowTileMarginLeft {
    width: 32%;
}
.ShowTileMarginRight {
    width: 78%;
}
.showTile, .showTile2 {
    height: 230px;
}

/*    ┌─────────┐
**  ──┘  Index  └───────────────────────────────────────────────────────────────────────────────────
*/
/* photo */
.portait {
	width: 340px;
	height: 260px;
}
.menuTileMargin {
    width: 33.3%;
}

/* layout */
.welcomeLeft {
    margin: auto;
    width: 340px;
}
.welcomeRight {
    float: left;
}
.menuTile, .menuTile2 {
    height: 150px;
}
.tileContent {
    padding: 0 10px;
}
.lineTable20div {
    padding-top: 20px;
}

/*    ┌───────────┐
**  ──┘  Contact  └─────────────────────────────────────────────────────────────────────────────────
*/
.contactLeft {
	display: table-cell;
	width: 20%;
}
.formLabel {
	width: 34%;
}
.formMargin {
    padding: 0 0 0 20px;
}

/*    ┌───────────┐
**  ──┘  Sitemap  └─────────────────────────────────────────────────────────────────────────────────
*/
.sitemap1 {
	padding-left: 50px;
}
.sitemap2 {
	padding-left: 48px;
}
.sitemap3 {
	padding-left: 104px;
}
.sitemap2 li:before, .sitemap3 li:before {
	padding: 0px 30px 0px 8px;
}

/*    ┌───────────┐
**  ──┘  Profile  └─────────────────────────────────────────────────────────────────────────────────
*/
.objectiveTile {
	float: right;
    width: 22%;
    margin: 25px 0 10px 15px;
    padding: 15px 20px 30px 20px;
}
.width30pTopTextRightNo360, .educationLeftMargin, .educationTile, .infoMargin {
	display: table-cell;
}
.width30pTopTextRightNo360, .educationTile {
	width: 30%;
}
.width30pTopTextRightNo360 {
    vertical-align: top;
    text-align: right;
}
.educationLeftMargin {
    width: 15px;
}
.educationTile {
    padding: 0 20px 15px 20px;
    vertical-align: middle;
}
.infoMargin {
    padding: 0 10px 0 15px;
}

/*    ┌──────────┐
**  ──┘  Skills  └──────────────────────────────────────────────────────────────────────────────────
*/
.marginCellNo360 {
	width: 20px;
}
.center360 {
    float: left;
}
.legend {
	padding: 10px 15px;
}
.only360 {
	display: none;
}
.skillLabel {
	width: 150px;
}
.languageTile {
	padding: 0 30px;
}

/*    ┌──────────────┐
**  ──┘  Experience  └──────────────────────────────────────────────────────────────────────────────
*/
.marginCellExperienceTile {
	width: 10px;
}
.expLabel, .expTableCell {
	width: 100%;
}
.expLabelRight {
	width: 160px;
}
.expSubLabel {
	width: 90px;
}

/*    ┌────────────┐
**  ──┘  Showroom  └────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌───────┐
**  ──┘  FAQ  └─────────────────────────────────────────────────────────────────────────────────────
*/

/*    ┌─────────┐
**  ──┘  Files  └───────────────────────────────────────────────────────────────────────────────────
*/
.zipTileMargin2 {
    width: 150px;
}

/*    ┌──────────┐
**  ──┘  Report  └──────────────────────────────────────────────────────────────────────────────────
*/
