html {
height: 100%;
background-image: url(images/background_2.jpg);
	
}


h1 {
	font-size: 15px;
	color: #d4d455;	
}


body{
	
	height: 100%;
	margin: 0px auto 0px auto;	

}
header 
{
padding-top: 20px;
	
}

header h1
{
	

	width: 520px;
	height: 260px;
	background-image: url(images/title.jpg);
	
}




header h1 span 
{
	
visibility: hidden;
	
}




/*List*/


#wrap
{
	background-color:#FFF;
	 margin: 0px auto 0px auto;	
	 width: 916px;
	 height: auto !important;
	min-height: 100%;
	height: 100%;
	padding-top:0px;
	padding-bottom:20px;

	 display:block;
	 overflow:hidden;
	border: none;

	
	 

}

#navcontainer ul
{
margin: 0px;
margin-left: 0px;
padding-top: 30px;

list-style-type: none;
font-size: 12px;
font-family: arial;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding-right: 20px;
color: #919191;
}

#navcontainer ul li a#current 
{
font-weight: bold;	
color: #93060c;

}



#navcontainer ul li a:hover
{
color: #93060c;


}


/*Menu line*/

#menu {

padding-left: 0px;

	
}


#menuline {
	padding-top: 20px;
	margin-left: 48px;
	border-bottom: 1px solid #b1b1a5;
	width: 820px;
		
}


/*HOME*/

#homecontainer {


padding-top: 0px;
width: 900px;
padding-left: 18px;
}

#text{
width: 600px;
padding-left: 140px;
padding-top: 22px;

} 
p
{
font-family: Lato-Light;
font-size: 15px;
color: black;
}

h2 {
	font-family: Lato-Bold;
	font-size: 15px;
	color: black;
	
	
}


#images_home 

{
	padding-top: 20px;
	
}

#images_home ul

{
	padding-top: 0px;
	margin: 0px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	overflow:auto;
	list-style-type: none;
}

#images_home li { display: inline; }

#images_home img
{ padding-right: 18px; }

#seemore li
{
display: inline; 
margin: 0px;
padding-right: 284px;
padding-top: 0px;

}



#copyright
{
	padding-top: 15px;
	padding-left: 70px;
	font-family: Lato-Regular;
	font-size: 11px;
	
}




/*PORTFOLIO*/

#gallerycontainer{
	padding-top: 10px;
	padding-left: 52px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	width: 822px;	
	overflow:auto;
	float:left;
	
		
}

#thumbnails_portfolio
{
	padding-left: 0px;
	padding-top: 5px;
	width: 822px;
	height: 100%;
	
}

#image
{
	padding-right: 10px;
}


#thumbnails_portfolio img{
	width:183px;
	height: 230px;
	position:relative;
	padding:10px;
	background-color:rgba(255,255,255,.0);
	border:0px;
	
}

#thumbnails_portfolio img:hover{
	transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	
	transition: width 0.5s, height 0.5s, transform 0.5s; box-shadow: 0px 0px 5px rgba(0,0,0,1);
	-webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
	-moz-transition: width 0.5s, height 0.5s, -moz-transform 0.5s;
	-ms-transition: width 0.5s, height 0.5s, -ms-ransform 0.5s;
	-o-transition: width 0.5s, height 0.5s,-o-transform 0.5s;
	position:relative;
	
}

#thumbnails_portfolio li{
	list-style-type:none;
	position:relative;
	float:left;
	z-index:0;

}

#thumbnails_portfolio li:hover{
	z-index:10;

}

/*SUBMENU*/
#submenu{
	padding-top:95px;
	margin-left:0px;
	float:left;	
	text-align:left;
}

#submenu ul
{
margin: 0px;
padding-top: 0px;
font: 12px arial;
}

#submenu ul li { display: block; }

#submenu ul li a
{
text-decoration: none;
color: #928e8e;
}

#submenu ul li a#current 
{
color: #d4d455;
}



#submenu ul li a:hover
{
color: #6f8f18;
font-weight: bold;

}





/*about*/

#about 
{
	padding-left: 48px;
	padding-top: 10px;
	width: 700px;
	font-family: Lato-Light;
	src: url('fonts/Lato-Light.ttf');
	
}






/*fonts*/
@font-face
{
font-family: RalewayMedium;
src: url('fonts/Raleway-Medium.ttf')
}

@font-face
{
font-family: Raleway-SemiBold;
src: url('fonts/Raleway-SemiBold.ttf')
}

@font-face
{
font-family: Lato-Light;
src: url('fonts/Lato-Light.ttf')
}

@font-face
{
font-family: Lato-Regular;
src: url('fonts/Lato-Regular.ttf')
}

@font-face
{
font-family: Lato-Bold;
src: url('fonts/Lato-Bold.ttf')
}


a {
	
	
	text-decoration: none;
	
	color: #919191;
}

a:hover
{
color: #93060c;


}









