/* CSS Document */
/* ISH MALHOTRA CSS CODE
logo color: #d94d00;

*/

/*** LAYOUT ***/

@font-face {
    font-family: 'DestroyRegular';
    src: url('../font/DESTROY_-webfont.eot');
    src: url('../font/DESTROY_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DESTROY_-webfont.woff') format('woff'),
         url('../font/DESTROY_-webfont.ttf') format('truetype'),
         url('../font/DESTROY_-webfont.svg#DestroyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family:Arial, Helvetica, sans-serif;
}

#page_bg
{
	width:80%;
	margin: 5% auto;
}

#ish_logo 
{
	font-family:'DestroyRegular';
	font-size:1.875em;
	padding:30px 0 0 30px;
	float:left;
}

a
{
	color:inherit;
}

a:hover
{
	text-decoration:none;
}

/*** COMMON ***/
.PrevNext
{
	background:rgba(0,0,0,.7);
	padding:10px;
	margin:-200px auto;
	cursor:pointer;
	font-size:1em;
}

.clear
{
	clear:both;
}

.bg_ish
{
	background-size:100% 100%;
	background-image:url(../images/home_ish_front.png);
	background-repeat:no-repeat;
	background-position:center;
	height:400px;	
}	

.border
{
border:5px solid #fff;	
}

/*** HEADER ***/
#header 
{
	width:100%;
	height:100px;
	background:rgba(0,0,0,.75);
}

#nav
{
float:right;
}

#nav ul
{
padding:50px 30px 0 0px;
display:inline-block;
}


#nav ul li
{
float:left;
padding:0 10px;
font-size:1em;
}

/*** FOOTER ***/
#footer 
{
	width:100%;
	height:100px;
	background:rgba(0,0,0,.75);
	font-size:.9em;
	text-align:center;
}

#footer_text 
{
	padding:40px 30px;
}

#footer_left
{
	float:left;
}

#footer_right
{
	float:right;
}

/*** HOME ***/
#home_slider
{
	background-image:url(../images/home_front_01.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	width:100%;
	height:400px;
	z-index:-1;
}

#home_container
{
	z-index:4;
}

#home_btn_prev
{
float:left;
position:relative;
}

#home_btn_next
{
float:right;
position:relative;
}

/*** ABOUT ***/
#about_container
{
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:400px;
}

#about_box
{
}

#about_box > div
{
	width:30%;
	float:left;
	margin:10px;
	display:inline-block;
}

#about_project div
{
	height:100px;
	margin:20px 0 0 0;
}

#about_text
{

}

#about_text pre
{
	font-size:14px;
	line-height:24px;
	margin:6px 0 0 0;
}

#about_pic 
{
	background-image:url(../images/about_pic.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:380px;
}

/*** PORTFOLIO ***/
#portfolio_container
{
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:400px;
}

#portfolio_top
{
	background-color:rgba(255,255,255,1);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:350px;
	text-align:center;
}

#portfolio_top a img
{
	width:24%;
	height:160px;
	margin:.5%;
	float:left;
	outline: 1px solid #000;
	opacity:.5;
	background-repeat:no-repeat;
	background-position:center;
}

#portfolio_top a img:hover
{
	opacity:1;
	cursor:pointer;
}

#portfolio_bottom
{
	text-align:center;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:50px;
	font-size:1em;
}

#portfolio_bottom ul
{
	display:inline-block;
	position: relative;
}

#portfolio_bottom ul li
{
	float:left;
	padding:10px;
}

/*** CONTACT ***/
#contact_container
{
	background-color:#000;
	width:100%;
	height:400px;
}

#contact_box div
{
float:left;
width:49%;
margin:.5% .5%;
}

#contact_right img
{
width:100%;
height:100%;
}