/*   pages_right ============================================================================= */

.close_button
{
	z-index:999999;
    position:absolute;
	float:right;
	top:10px;
	right:35px;
	cursor:pointer;
}

.close_button:hover
{
    opacity:0.5;
}


.close_button_2
{
	z-index:999999;
    position:absolute;
	float:right;
	top:25px;
	right:40px;
	cursor:pointer;
}

.close_button_2:hover
{
    opacity:0.5;
}


.imagine_sus
{
	position:absolute;
	z-index:900;
	width:100%;
	margin-top:10px;
}


.text_sus
{
  position:relative;
  margin-top:120px;
  margin-bottom:20px;
  left:-20px;
  color: #424242;
  font-family: 'Raleway', sans-serif;
  font-size:15px;
  text-align:justify;
}

.text_content
{
	position:relative;
	font-family: 'Raleway', sans-serif;
	border-bottom:2px solid #c0a35a;
}


.work_pages_text
{
	font-family: 'Raleway', sans-serif;
	color: #424242;
	font-size:15px;
	padding-top:20px;
	padding-left:70px;
	padding-right:40px;
}

.inside_box
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:96%;
	height:73%;
	top:160px;
	overflow-y:scroll;
}

#thankyou
{
	z-index:600;
	position:fixed;
	left:0px;
	width:100%;
	height:100%;
	background-color:#f6f6f6;
	background-image:url(../img/bg_4.png);
}

#about_me
{
	z-index:600;
	position:fixed;
	left:0px;
	width:100%;
	height:100%;
	background-color:#f6f6f6;
	background-image:url(../img/bg_4.png);
	overflow:hidden;
}


#my_skills
{
	z-index:600;
	position:fixed;
	left:0px;
	width:100%;
	height:100%;
	background-color:#f6f6f6;
	background-image:url(../img/bg_4.png);
	overflow:hidden;
}


#random_information
{
	z-index:600;
	position:fixed;
	left:0px;
	width:100%;
	height:100%;
	background-color:#f6f6f6;
	background-image:url(../img/bg_4.png);
	overflow:hidden;
}

#contact_me
{
	z-index:600;
	position:fixed;
	left:0px;
	width:100%;
	height:100%;
	background-color:#f6f6f6;
	background-image:url(../img/bg_4.png);
	overflow:hidden;
}


.hide_page
{
	bottom:100%;
}



.hide_page_2
{
	top:100%;
}


.work_page
{
	position:relative;
	width:96%;
	height:92%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	overflow-y:scroll;

}



#graphic_work_1, #graphic_work_2, #graphic_work_3, #graphic_work_4, #graphic_work_5, #graphic_work_6, #graphic_work_7, #graphic_work_8,
#webwork_1, #webwork_2, #webwork_3, #webwork_4, #webwork_5, #webwork_6 {
	z-index:600;
	position:fixed;
	bottom:0px;
	width:100%;
	height:100%;
	background-image:url(../img/bg_4.png);
	overflow:hidden;
}


#graphic_work_1 {
	background-color:#5b185e;
}


#graphic_work_2 {
	background-color:#c0a35a;
}


#graphic_work_3 {
	background-color:#5f686f;
}


#graphic_work_4 {
	background-color:#553e71;
}


#graphic_work_5 {
	background-color:#4a4949;
}


#graphic_work_6 {
	background-color:#f2f2f3;
}


#graphic_work_7 {
	background-color:#f2f2f3;
}

#graphic_work_8 {
	background-color:#ebebeb;
}



#webwork_1 {
	background-color:#151824;
}

#webwork_2 {
	background-color:#ebebeb;
}

#webwork_3 {
	background-color:#ebebeb;
}

#webwork_4 {
	background-color:#333333;
}

#webwork_5 {
	background-color:#072556;
}

#webwork_6 {
	background-color:#5b185e;
}