@charset "UTF-8";
/* CSS Document */
/****************************************
		General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0; !important;
	padding: 0; !important;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;		
}	
html{
    overflow:0;
}

BODY {
	overflow-y: scroll;
	font-family: AvenirNextLTPro-Regular;
	font-size: 14px;
	font-weight: normal;
	height: 100%;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	line-height: 1em;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 19px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
P {
	font-size: 18px;
	line-height: 23px;
}
.clear {
 	clear: both;
}
a{
	color: #cecece;
	text-decoration: none;
}
aa:HOVER {
	color: #000000;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.Space5px {
     height:5px;
}
.Space10px {
     height:10px;
}
.Space15px {
     height:15px;
}
.Space20px {
     height:20px;
}
.Space25px {
     height:25px;
}
.Space30px {
     height:30px;
}
input:focus {
  outline: none;
}
textarea:focus {
  outline: none;
}

.ColorGray {
	color: #979484;
}


/****************************************
		Project area
*****************************************/
.ProjectOuter {
	height: 768px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#BottomMenu6 {
	z-index: 100;
	position: fixed;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
	align:center;
	left: 46%;
}
#BottomMenu {
	z-index: 100;
	position: fixed;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
	align:center;
	left: 46%;
}
#BottomMenu2 {
	z-index: 100;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
	align:center;
	left: 46%;
}
#BottomMenu3 {
	z-index: 100;
	position: fixed;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
	align:center;
	left: 46%;
}
#BottomMenu5 {
	z-index: 100;
	position: fixed;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
	align:center;
	left: 46%;
}
#BottomMenuX {
	z-index: 100;
	position: fixed;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
	align:center;
	left: 46%;
}
#BottomMenu5 a {
	display: block;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu5 span {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu6 span {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}

#TopMenu {
	z-index: 100;
	position: fixed;
	text-align: center;
	font-size: 18px;
	bottom: 22px;
	display: block;
}
#BottomMenu a {
	display: block;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu2 a {
	display: block;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu3 a {
	display: block;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu6 a {
	display: block;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu2 span {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomMenu3 span {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}


.aaa2 {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}

.aaa {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}


#BottomMenu span {
	display: block;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}
#BottomEmailLink {
	z-index: 100;
	position: fixed;
	text-align: left;
	font-size: 18px;
	bottom: 22px;
	display: block;
	left: 21%;
}
/****************************************
		Projects 1
*****************************************/
#Project1 {
	background-image: url(img_projects2/soma_bg_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project1Img1 {
	z-index: 2;
	position: relative;
	top: 210px;
	left: 898px;
}
#Project1Img2 {
	z-index: 3;
	position: relative;
}
#Project1Img3 {
	z-index: 4;
	left: 200px;
	top: 309px;
	position: relative;
}
#Project1Img4 {
	z-index: 1;
	position: relative;
}
#Project1Img5 {
	z-index: 1;
	position: relative;
}
#Project1Img6 {
	z-index: 6;
	position: relative;
}
/****************************************
		Projects 2
*****************************************/
#Project2 {
	background-image: url(img_projects2/incase_headphone_bg_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project2Img1 {
	z-index: 2;
	position: relative;
	top: 386px;
	left: 257px;
}
#Project2Img2 {
	z-index: 3;
	position: relative;
	top: 672px;
	left: -378px;
}
/****************************************
		Projects 3
*****************************************/
#Project3 {
	background-image: url(img_projects2/incase_travel_bg_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project3Img1 {
	z-index: 2;
	position: relative;
	top: 640px;
	left: 150px;
}
/****************************************
		Projects 4
*****************************************/
#Project4 {
	background-image: url(img_projects2/manymals_amanda_bg_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project4Img1 {
	z-index: 2;
	position: relative;
	top: 102px;
	left: 87px;
}
#Project4Img2 {
	z-index: 3;
	position: relative;
	top: 133px;
	left: -7px;
}
/****************************************
		Projects 4 OLD
*****************************************/
#Project4old {
	background-image: url(img_projects2/manymals_bg_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project4Img1old {
	z-index: 2;
	position: relative;
	top: 605px;
	left: 52px;
}
#Project4Img2old {
	z-index: 3;
	position: relative;
	top: 641px;
	left: -54px;
}

/****************************************
		Projects 5
*****************************************/
#Project5 {
	background-image: url(img_projects2/MyBook_bg_1024_v2.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project5Img1 {
	z-index: 2;
	position: relative;
	top: 434px;
	left: 826px;
}
#Project5Img2 {
	z-index: 3;
	position: relative;
	top: 605px;
	left: 719px;
}

/****************************************
		Projects 6
*****************************************/
#Project6 {
	background-image: url(img_projects2/incase_portable_power_family_v2_bg_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project6Img1 {
	z-index: 2;
	position: relative;
	top: 599px;
	left: 85px;
}
#Project6Img2 {
	z-index: 3;
	top: 630px;
	left: -199px;
	position: relative;
}

/****************************************
		Projects 7 Incase laptop sleeve
*****************************************/
#Project7 {
	background-image: url(img_projects2/Incase_Pink_Sleeve_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project7Img1 {
	z-index: 2;
	position: relative;
	top: 605px;
	left: 328px;
}

/****************************************
   Projects 8 Incase ipad sleeve
*****************************************/
#Project8 {
	background-image: url(img_projects2/Incase_bookjacket_for_iPad_1024.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project8Img1 {
	z-index: 2;
	position: relative;
	top: 644px;
	left: 74px;
}

/****************************************
   Projects 9 Incase power charger
*****************************************/
#Project9 {
	background-image: url(img_projects2/Incase_Power_Charger_By_Moreless_1024_v2.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	z-index: 1;
}
#Project9Img1 {
	z-index: 2;
	position: relative;
	top: 594px;
	left: 380px;
}

/****************************************
   Projects 10 WD MY PASSPORT
*****************************************/
#Project11 {
	background-image: url(img_projects2/WD_MyPassport_HardDisk_by_moreless_1024_v2.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	display: block;
	z-index: 1;
}
#Project11Img1 {
	z-index: 2;
	position: relative;
	top: 409px;
	left: 778px;
}
#Project11Img2 {
	z-index: 3;
	position: relative;
	top: 607px;
	left: 597px;
}

#Project12 {
	background-image: url(img_projects2/WD_MyPassport_HardDisk_by_moreless_1024_v2.jpg);
	background-repeat: no-repeat;
	height: 768px;
	width: 1024px;
	display: block;
	z-index: 1;
}
#Project12Img1 {
	z-index: 2;
	position: relative;
	top: 600px;
	left: 350px;
}
/****************************************
		About
*****************************************/
#AboutTopLogo {
	text-align: center;
	margin-top: 34px;
}
#AboutOuter {
	font-family: AvenirNextLTPro-Regular;
	#height: 768px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 180px;
}
#AboutOuter h1 {
	font-family: AvenirNextLTPro-Demi;
	font-size: 24px;
}
#AboutOuter p {
	line-height: 23px;
}
#AboutEmailBox {
}
#AboutEmailBox a {
	color: #cecece;
	font-size: 11px;
}
#AboutEmailBox a:HOVER {
	color: #000;
}
#RecogOuter {
	margin-top: 119px;
	margin-bottom: 119px;
	margin-right: auto;
	margin-left: auto;
	width: 550px;
}
#Recog {
	display: inline;
}
#RecogLast {
	display: inline;
}
.RecogRow {
	margin-bottom: 30px;
}
/****************************************
		News
*****************************************/
#NewsOuter {
	width: 455px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 35px;
	margin-left: auto;
	font-size: 18px;
}
.NewsDate {
	margin-top: 4px;
}
#NewsOuter h1 {
	font-family: AvenirNextLTPro-Demi;
	font-size: 22px;
	background-image: url(img/News_Bullet_moreless_SS.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 19px;
	
}
.NewsContentBox {
	margin-left: 19px;
}
.NewsIMG {
	margin-top: 15px;
}
.NewsLinkBox {
	font-size: 14px;
	margin-top: 15px;
	line-height: 19px;
}
.NewsLinkBox a {
	display: list-item;
}
.NewsSocialMedia {
	margin-top: 15px;
}
.NewsSocialMedia a {
    opacity: 0.5;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;

}
.NewsSocialMedia a:HOVER {
    opacity: 1;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;	
}
.NewsPost {
	margin-bottom: 45px;
}
.NewsPost h2 {
	font-size: 21px;
}
.NewsPost h2 , h3, h4{
	font-family: AvenirNextLTPro-Bold;
	margin-top: 7px;
	margin-bottom: 3px;
}
.NewsMoreLink {
	font-weight: bold;
	color: #000;
}
.NewsMoreLink:HOVER {
	font-weight: bold;
	color: #cecece;
}