img {
	border: 0;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
}


.foliobox {
		display: inline;
		position: relative;
		width: 600px;
		height: 500px;
		float: left;
		border-left: 2px solid white;
		border-right: 2px solid white;
	}

.caption {
		position: absolute;
		left: 0;
		width: 600px;
		top: 500px;
		display: block;
		background-image: url(transparent.png);
		/* background-color: #FFF; */
		height: 150px;
		overflow: hidden;
	
}
#left_box { float: left; width: 638px; height: 1295px; }
#LEFT_BOX_2 { float: right; height: 332px; width: 200px; background: #14151C; }
#right_box { height:690px; width: 638px; float: left; font-family:Verdana, Geneva, sans-serif; font-size:13px; margin: 0px; }


#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
width: 638px;
	height:  520px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #FFFFFF;
	padding: 0px;
	margin-right: auto;
	
}



#wrapper {
	width:940px;
	height:1150px;
	margin-top: 30px;
}
.INTRO_TEXT_STYLE {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #68696b;
}
.MAILTO {
	font-family: Helvetica, Arial;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #B8B9BB;
	letter-spacing: 0.02em;
	text-align: left;
	padding-left: 8px;
	position: relative;
	z-index: 1;
}
.EMAIL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #5D77E8;
	text-align: left;
}
.COPYRIGHT { color: #999; float: left; height: 12px; width: 510px; padding-top: 2px; margin-left: 10px; margin-top: 6px; font: normal 9px Arial, Helvetica, sans-serif; margin-bottom: 15px; }
	.COPYRIGHT_phone { color: #ffffff; float: left; height: 12px; width: 610px; padding-top: 2px; margin-left: 30px; margin-top: 0px; font: normal 9px Arial, Helvetica, sans-serif; margin-bottom: 30px; }
.LEFT2BOX {
	float: left;
	height: 350px;
	width: 600px;
	background-image: url(../portfolio/PHOTOS/WALL.jpg);
	background-repeat: no-repeat;
	clear: left;
}
.FOLIO_NAV {
	float: left;
	height:300px;
	width: 638px;
	margin-top: 0px;
}
#maincontent { height: 1300px; width: 1299px; padding-left: 0px; padding-top: 0px; margin: 20px auto 20px 3px; }
.SUBTITLES {
	font: bold normal 14px/normal Verdana, Geneva, sans-serif;
	color: #CCC;
	text-align: left;
}
.COMP_INTRO {
	font: normal 24px/normal Arial, Helvetica, sans-serif;
	color: #6C7A71;
	letter-spacing: 0.1em;
	text-align: left;
	vertical-align: baseline;
	padding: 10px 10px 10px 20px;
	float: left;
	height: 90px;
	width: 630px;
}
.spacer_header {
	height: 44px;
	width: 630px;
	padding: 5px;
}
#maincontent_IPHONE { height: 2720px; width: 640px; background: #141414; padding-left: 20px; padding-top: 20px; margin: 5px auto; padding-right: 20px; font-family: Helvetica, Arial; }
.spacer_header {
	height: 44px;
	width: 630px;
	padding: 5px;
	float: left;
}
#message_box { position: absolute; top: 0px; left: 0px; z-index: 0; padding:0px 5px 5px; text-align:center; font-weight:bold; width:58px; float: left; height: 400px; margin-left: auto; margin-top: 20px; }
#screenjacket {
	float: left;
	height: 1320px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
}
	  
#SOCIAL_BOX { font: normal 12px Verdana, Geneva, sans-serif; color: #999; text-align: left; height: 350px; width:59px; margin-top: 55px; padding: 2px; display: block; }
.buttons { font: normal 10px Arial, Helvetica, sans-serif; color: #999; text-align: left; padding: 4px; float: left; height: 50px; width: 50px; margin-top: 2px; margin-bottom: 2px; display: block; border: 1px solid #666; }
#navbar_space {
	float: left;
	height: 1300px;
	width: 75px;
}
.COMP_INTRO_phone {
	font: normal 24px/normal Verdana, Geneva, sans-serif;
	color: #6C7A71;
	letter-spacing: 0.1em;
	text-align: left;
	vertical-align: baseline;
	padding: 10px 10px 10px 0px;
	float: left;
	height: 85px;
	width: 590px;
	z-index: 3;
}
#right_box_phone { float: left; height:640px; width: 638px; background-color: #FFF; padding-bottom: 100px; margin-right: auto; margin-left: auto; }
#INTRO_TEXT { font: normal 10px Verdana, Geneva, sans-serif; color: #6C7A71; letter-spacing: 0.5em; text-align: left; vertical-align: baseline; word-spacing: normal; display: block; padding: 35px 7px 25px 65px; float: right; width: 490px; text-transform: capitalize; height: 400px; background: url(../printing-press.png) no-repeat bottom; }
#FOLIO_TEXT {
	font: normal 10px Verdana, Geneva, sans-serif;
	color: #6C7A71;
	letter-spacing: 0.5em;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	display: block;
	padding: 15px 7px 15px 15px;
	float: left;
	width: 300px;
	text-transform: capitalize;
	margin-top: 30px;
}
.yello {
	color: #FFA80B;
}
.whitebox_phone { float: left; height:1220px; width: 638px; background-color: #FFF; padding-bottom: 0px; margin: 6px auto; }
.Aboutme_phone { text-align: left; white-space: normal; padding: 38px 0px; height: 785px; width: 638px; background: url(../phone/portfolio/ABOUT_BK.jpg) no-repeat center center; }
.GENERAL_BOX {
	float: right;
}
.GENERAL_BOX_aboutme {
	float: left;
	margin-left: 42px;
	height: 80px;
	width: 260px;
	position: relative;
	bottom: -120px;
}
#left_box_phone { float: left; width: 638px; height: 709px; background: url(../phone/portfolio/SM2.jpg) no-repeat; margin-right: auto; margin-left: auto; }
.sidebar_SMlogo {
	float: left;
	height: 280px;
	width: 290px;
	margin-left: 32px;
	margin-top: 162px;
}
.HEADER { float: left; height: 80px; width: 600px; padding: 38px 0px 38px 38px; 	
}
.EMAIL_TOP_PHONE{ float: left; height: 80px; width:110px; margin-left: 500px; margin-top:452px; }#navbar_gutter { float: left; height: 1100px; width: 100px; }
#PORTFOLIO { font-family: Arial, Helvetica, sans-serif; float: right; height: 617px; width: 200px; clear: both; }
.accordionButton { width: 613px; float: left; _float: none; background: #adb7b9; border-bottom: 4px solid #FFFFFF; cursor: pointer; height: 30px; padding: 10px 5px 5px 20px; }
.accordionContent { width: 592px; float: left; _float: none; background: #ffffff; font-family: Helvetica, Arial; padding-left: 26px; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #666; padding-top: 30px; letter-spacing: 1px; text-align: left; line-height: 18px; padding-right: 20px; }
	
.on {background: #FFF0A9;}
.over {background: #CCCCCC;}
#Portfolio_box { float: left; height: 1100px; width: 638px; border: 0; padding-top: 20px; margin-top: 6px; font-family: Verdana, Geneva, sans-serif; }
.info { font-family:  Arial, Helvetica, sans-serif; padding: 20px 10px 4px; float: left; height: 30px; width: 579px; }
.Email_me { font: normal 21px 'Josefin Sans Std Light', Arial, Helvetica, sans-serif; color: #F90; padding: 3px; float: left; height: 30px; width: 230px; margin-top: 40px; margin-right: 65px; vertical-align: middle; text-align: left; border-top: none; border-right: none; border-bottom: none; border-left: none; }
.border_1 { float: left; height: 141px; width: 638px; }
.border_2 { float: left; height: 141px; width: 638px; margin-left: 97px; }
.studiomogul_logo { float: left; height: 515px; width: 665px; background: url(../portfolio/SM2C.png) no-repeat; margin-top: 12px; }
.printing_press { background: url(../printing-press.png) no-repeat; height: 333px; width: 497px; float: left; }
