* {
	margin: 0;
	padding: 0;
}
 html {
 	min-height: 100%;
 }

body {
	font-family: 'Roboto', sans-serif;
	background-color: white;
	color: #383838;
}

nav {

	position: relative;
	width: 100%;
	height: 65px;
	padding-top: 30px;
	z-index: 5;

}
#content {
	width: 100%;
}
nav ul {
	width: 1000px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}


nav ul li {
	text-decoration: none;
	display: inline-block;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	color: #A2A2A2;
	padding-left: 88px;
	padding-right: 88px;
}

p {
	letter-spacing: 1px;
	line-height: 20px;
}

.highlighted {
	font-weight: 600;
	color: #6F6F6F;
}
a:link {
	text-decoration: inherit;
	color: inherit;
}

a:visited {
	text-decoration: inherit;
	color: inherit;
}
a:hover {
	color: #6F6F6F;;
}

#top {
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	top: 80px;
	height: 400px;	
}

#top #journey {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -286px;
}
#top #downarrow {
	position: absolute;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	top: 520px;
}

#problem {
	position: relative;
	background-image: url("images/problem_bg.png");
	background-size: 100%, 300px;
	width: 100%;
	height: 300px;
	top: 620px;
}
#problem #brief {
	
	position:absolute;
	left: 50%;
	margin-left: -280px;
	margin-right: 12%;
	top: 30px;
	padding-top: 40px;
	width: 600px;
	height: 200px;
	background-image: url("images/problem_bg.png");
	background-size: 100% 300px;
}

#problem #brief p {
	
	font-size: 20px;
	line-height: 29px;
	
}

#problem #right {
	width: 400px;
	float: right;
	margin-top: 80px;
	margin-right: 8%;
}
#problem #left {
	width: 400px;
	float: left;
	margin-top: 80px;
	margin-left: 8%;
}
#problem #left h1 {
	text-align: center;
	font-weight: 600;
	font-size: 26px;
	color: #f28419;
	padding-bottom: 20px;
}
#problem_bg {
	clear: top;
}
#problem p {
	font-weight: 200;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: center;
}
.bold {
	font-weight: 600;
}

#problem #right h1{
	text-align: center;
	font-weight: 600;
	font-size: 26px;
	color: #28c5e6;
	padding-bottom: 20px;
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine {
	height: 564px;
	width: 1024px;
	position: relative;
	left: 50%;
	margin-left: -512px;
	top: 590px;
}
#one #image_left {
	position: absolute;
	left: -2%;	
}
#bottom {
	position: relative;
	width: 100%;
	height: 950px;
	background-image: url("images/bottom_bg.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: -1;
}
h1 {
	font-weight: 600;
	font-size: 35px;
	color:#333333;
}
#one h1, #four h1, #eight h1, #bottom h1{
	position: absolute;
	left: 12%;
	letter-spacing: 1px;
	top: 115px;
}

#bottom h1 {
	top: 400px;
}

#four h1, #eight h1 {
	top: 0px;
}

.number {
	font-size: 144px;
	font-weight: 600;
	color: #efefef;
	position: absolute;
	top: -120px;
	z-index: -1;
}
#nine .number, #three .number {
	top: -90px;
}

.subheader {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #565656;
}
p {
 	font-size: 15px;
 	font-weight: 400;
 	color: #383838;
 	padding-top: 15px;
 }

 #one #right, #three #right, #five #right, #seven #right, #nine #right {
 	position: absolute;
 	top: 310px;
 	width: 350px;
 	left: 62%;

 }
 #seven #right {
 	top: 100px;
 }
 #five #right, #nine #right {
 	top: 20px;
  }
 #three, #four, #five {
 	top: 350px;
 }
 #six, #seven, #eight, #nine{
 	top: 0px;
 }
#nine {
	height: 100px;
}
 #two #left, #four #left, #six #left, #eight #left, #bottom #left {
 	position: absolute;
 	top: 210px;
 	width: 350px;
 	left: 11%;
 }
 #bottom #left {
	width: 380px;
}
#three #right {
	width: 350px;
}
#three #right p {
	width: 350px;
}
#image_right {
	position: relative;
	left: 60%;
}
#four #image_right, #six #image_right, #eight #image_right {
	left: 50%;
	top: 60px;
}

#eight #image_right {
	left: 40%;
	top: -30px;
	z-index: -1;
}
#bottom #image_right {
	position: absolute;
	top: 300px;
	left: 50%;
}

#three #image_left  {
	position: relative;
	right: 6%;
	top: 85px;
}

#five #image_left, #seven #image_left, #nine #image_left {
	position: relative;
	top: -100px;
	left: 5%;
}

#nine #image_left {
		left: 12%;
		top: -80px;
}

.italic {
	font-style: italic;
	font-weight: 300;
}

#hanging {
	position: relative;
	top: 30px;
}
#edit_refine {
	position: relative;
	top: -120px;
}
#label {
	font-size: 12px;
	color: #6e6e6e;
	opacity: .5;
	position: absolute;
	left: 73%;
	top: 350px;
}
#vid_but {
	padding-top: 40px;
}

#bottom #left {
	top: 500px;
}
#uparrow1 {
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 870px;
}

/*---------------------------------------ABOUT PAGE-----------------------------------------------------------*/




#designer {
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	top: 40px;
	height: 600px;
}
#designer h1 {
	position: absolute;
	font-size: 92px;
	color: #efeeee;
	letter-spacing: 15px;
	left: 6%;
	top: 60px;
	opacity: .9;
}

#designer h2 {
	position: absolute;
	font-size: 25px;
	color: #3d3a3a;
	letter-spacing: 1px;
	left: 6%;
	top: 190px;
}
 #tilde {
 	position: absolute;
 	top: -7px;
 	left: 24.5%;

 }
#tilde h2 {
	font-size: 20px;
}
#designer p {
	font-size: 15px;
	color: #383838;
	width: 390px;
	position: absolute;
	left: 6%;
	top: 220px;
	font-weight: 300;
	letter-spacing: 1px;
} 

#chris {
	float: right;
	margin-top: 100px;
}

#info_button {
	position: absolute;
	top: 430px;
	left: 6%;
}

#port_button {
	position: absolute;
	top: 426px;
	left: 28%;
}

#quote2 	{
	position: relative;
	background-image: url("images/about/bg_quote.png");
	background-size: 100% 100%;
	width: 100%;
	height: 350px;
	top: 580px;
}

#quote2 p{
	position: absolute;
	text-align: center;
	font-weight: 200px;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 30px;
	width: 540px;
	left: 50%;
	margin-left: -250px;
	top: 105px;
}

#quote_img {
	position: absolute;
	left: 50%;
	margin-left: -44px;
	top: 35px;
}

#vision_img {
	position: absolute;
	left: 32%;
	top: 200px;
}

#passion_img {
	position: absolute;
	left: 50%;
	margin-left: -44px;
	top: 206px;
}

#dedicate_img {
	position: absolute;
	left: 60%;
	top: 205px;
}

#RIT_POPPIN {
	position: absolute;
	top: 1035px;
	height: 455px;
	width: 100%;
}
#men {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#stripes {
	position: absolute;
	height: 240px;
	width: 100%;
	bottom: 0px;
	background-image: url("images/about/stripes.jpg");
	z-index: -1;
}

#meta {
	position: absolute;
	left: 82%;
	top: 15px;
}

#RIT_POPPIN p {
	width: 350px;
	font-size: 15px;
	position: absolute;
	top: 200px;
	left: 10%;
}

#ritpop {
	position: absolute;
	top: 130px;
	left: 10%;
}
/*---------------------------------------Home page-----------------------------------------------------------*/
#gif {
	position: relative;
	left: 50%;
	margin-left: -360px;
	top: 80px;
	z-index: -2;
}


/*---------------------------------------Product Details-----------------------------------------------------------*/


#image_productL{
	position: relative;
	left: 0px;
}

.productsubheader{
	font-size:30px;
	font-weight: 300;
	margin-bottom: 0px;
}
#rightbottom .productsubheader {
	padding-top: 35px;
}


#right p{
	position:relative;
	margin-top: 0px;
	font-size: 18px;
	font-weight: 300;
}

#image_productR{
	position: absolute;
	right: 0px;
}

#rightbottom{
	position:relative;
	width: 300px;
	float: right;
	margin-top: -280px;
	margin-right: 15%;
}

#rightbottom p, #leftbottom p{
	width: 300px;
	padding-top: 10px;
}



#quotes{
	background-image: url("images/ProductSteelBg.png");
	z-index: -2;
	position: absolute;
	width: 100%;
	top: 1400px;
	/*--margin-top: 300px;
	margin-bottom:0px;
	margin-left:50px;*/
	height:380px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#quotes p{
	font-size:23px;
	font-weight: 100;
	width:600px;
	margin:auto;
	margin-top:100px;
	text-align: center;
	color:#b1b1b1;
	line-height: 34.5px;
	z-index: 5;
}
 
#one #one_product h1 {
	top: 80px;
	left: 62%;
}

#chunk {
	position: relative;
	top: -200px;
}

 #img_one{
 	position:absolute;
 	left:15%;
 	top:130px;
 }

 #img_two{
 	position:absolute;
 	left:45%;
 	margin-left: -26px;
 	top:130px;
 }

 #img_three{
 	position:absolute;
 	left:65%;
 	top:130px;
 }
 	
 #uparrow {
	position: absolute;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	top:280px;
}

#leftbottom .productsubheader {
	padding-top: 20px;
	padding-bottom:0px;
}

#leftbottom{
	position: absolute;
	left: 2%;
	top: -200px;
	font-size:20px;
	font-weight: 100;
	width: 350px;
}

#left p{
	position:relative;
	margin-top: 0px;
	font-size: 18px;
	font-weight: 300;
}
.overlay {
	font-size: 138px;
	color: #858585;
	font-weight:600;
	top: 0px;
	position:absolute;
	z-index: -1;
	letter-spacing: 5px;
	opacity: .1;
	left: 50%;
	margin-left: -210px;

}
/*#leftbottom{
	position:relative;
	width: 350px;
	float: right;
	margin-top: 30px;
	margin-right: 54%;
}

#leftbottom p{
	width: 250px;
}*/

#begin {
	z-index: 3;
	position: absolute;
	top: 640px;
	left: 50%;
	margin-left: -56px;
}