@font-face {  
    font-family: 'GraublauWeb';  
    src: url('GraublauWeb.eot');  
    src: local('GraublauWeb'),   
		url("GraublauWeb.otf") format("opentype");
	
}
body,html{			min-height: 100%;}
body{				background-color: #E1E1E1; background-image: url('../_img/background.jpg'); color: #556270; font-size: 18px; line-height: 0px; font-family: Georgia, serif; position: relative;  }
a{					color: #556270; text-decoration: none;}
a:hover,
.ahover{			color: #C44D58; text-decoration: none;}
h1{		font-weight: normal; color: #A40802; font-size: 36px; line-height: 1.5em; font-family: 'GraublauWeb', Georgia, sans-serif; margin-bottom: 25px;}
.clear:after {    	content: ".";  display: block; height: 0; clear: both; visibility: hidden;  }
p{		margin-top: 10px;}



.wrapper-first-child{	width: 960px; height: 19px!important; top: -2px;}
.wrapper-first-child,
  .wrapper			{	background-color: #EAEAEA; background-image: url('../_img/background-wrapper.jpg'); background-repeat: no-repeat;margin: 0px auto; outline: 1px solid #CECECE; border: 1px solid #E1E1E1; position: relative; }
#wrapperNav{		background-image: url('../_img/pattern.jpg'); width: 1100px; position: relative; z-index: 999; margin: 0px auto; top: -2px; }
#navigation{	text-align: center; margin: 0px auto; width: 960px; }
	#navigation #logo {	width: 500px; padding-top: 25px; padding-bottom: 25px; float: left; margin-right: 13px;}
	#navigation ul{	 font-size: 24px; float: left; margin-top: 95px; padding-bottom: 10px; }
		#navigation li {	margin-left: 15px; float: left; line-height: 30px;}
			#navigation li{			padding-bottom: 2px; border-bottom: 2px solid #C44D58;}
			#navigation li a{			color: #556270;}
			#navigation li a:hover{			color: #C44D58; text-decoration: none;}
#widgets{		position: relative;  z-index: 20; top: -2px; background-image: url('../_img/widgets.png'); width: 1100px; height: 30px; margin: 0px auto; display: block;}	

.wrapper{			 width: 900px; padding: 30px; top: -55px;  min-height: 100%;}			
	#content{ font-size: 26px; line-height: 32px; margin: 20px auto 0px auto; width: 900px; min-width: 900px;}
	/*hello page*/
	.helloContent em{	font-style: normal; color: #111;}
	
	.helloContent li,
	.helloContent .subcontent{		 font-size: 0.8em; line-height: 1.4em;}
		.helloContent .subcontent{	 margin-bottom: 20px;}
	.helloContent ul{	margin: 10px 0px 20px 25px; list-style-image:url('../_img/tick.png'); }	
	.helloContent .hello{	font-size: 36px; line-height: 1.5em; font-family: 'GraublauWeb', Georgia, sans-serif; width: 800px; margin: 0px auto 10px auto;}
		.helloContent .hello-last-child{		margin-bottom: 25px;}
		.helloContent .hello  em, .helloContent .bottom em
		{	font-style: normal; color: #A40802;}
		.helloContent .hello a{	border-bottom: 2px solid #C44D58 ;}
		.helloContent .hello a:hover{	color:#C44D58 ;}
	.helloContent .item{		width: 270px; float: left; margin-right: 40px;}
		.helloContent .bigitem{	width: 580px; margin-right: 0px; position: relative;}
		.helloContent .item-last-child{	margin-right: 0px; margin-bottom: 140px;}
	.helloContent .bottom{		position: absolute; bottom: 0px; right: 0px;}
/*Contact*/

.contactContent em, .contactContent a
	{	color: #A40802!important; line-height: 2em;}

.contactContent a:hover{	border-bottom: 1px solid #A40802;}
.contactContent div {	float: left; width: 250px; margin-right: 25px;}
	.contactContent  .online{	width: 350px; margin-right: 0px!important;}
		.contactContent .online h2{	position: relative; z-index: 100;}
		.contactContent .online em{	line-height: 32px; margin-bottom: 40px!important;}
		.contactContent .online .p-first-child{	margin-top: 15px;}
		.contactContent .online .p-last-child{	margin-top: 15px;}
.contactContent form{	margin-top: 8px; font-size: 20px; line-height: 36px; float: left;}
	.contactContent label{	 float: left; display: block; width: 125px; line-height: 32px; }
	.contactContent input, .contactContent textarea
		{margin-bottom: 8px; border-radius: 5px; border: 1px solid #E1E1E1; padding: 8px 5px; min-width: 200px;}
	.contactContent input[type='submit']{	border: 1px solid #cc0801;padding: 12px 14px; font-family: Georgia, serif; font-size: 16px; margin-left: 125px; background-image: url('../_img/button-grad.png'); background-repeat: repeat-x; color: #EEE; cursor: pointer; min-width: 0px; }
	.contactContent input[type='submit']:active{	background-image: url('../_img/button-grad-active.png'); border: 1px solid #556270;}
	.contactContent input[type='submit']:hover{	color: #4ECDC4;}
	.contactContent .formError {	font-size: 14px; color: #A40802; margin-left: 125px; margin-top: 0px!important;}
/*Portfolio*/
.portfolio .portfolioNav{			float: left; width: 270px; margin: 0px 30px 0px 0px!important; font-size: 0.8em; line-height: 1.4em;}	
	.portfolio .portfolioNav ul{			list-style: none;}	
		.portfolio .portfolioNav li{			margin-bottom: 10px;}	
			.portfolio .portfolioNav a, .prev, .next{		border-bottom: 1px solid #C44D58; }	
.portfolio .portfolioContent{	float: left; width: 600px!important;}
		.mainPortfolioContent img{			 border: 5px solid #DDD;  width: 265px; }
		.mainPortfolioContent img:hover{			border: 5px solid #A40802;}
		.mainPortfolioContent .noLeftMargin{			margin-left: 0px;}
		.mainPortfolioContent .noTopMargin{			margin-top: 0px;}
		.mainPortfolioContent div{					margin: 30px 0px 0px 30px; height: 310px!important; float: left!important; width: 275px;}
		.overlay{				 position: relative; top: -317px; display: none; }
.portfolioSecondary{			font-size: 20px;}
.portfolioSecondary h1{			margin-bottom: 0px;}

.portfolioOverflow{				display: none;}
.back{			margin-bottom: 10px; display: none; }
.prev{			float: left; margin-left: 40px;}
.next{			float: right; margin-right: 40px;}
.portfolioImage{	margin-top: 35px;}
		
	
/*Footer*/
#footer{	width: 100%; background-color: #333; color: #777; font-size: 0.8em; line-height: 20px; bottom: 0px;}
#footer .container{	width: 960px; margin: 0px auto; padding: 5px 70px;}
#footer p{	float: left; margin-bottom: 10px;}
#footer .p-last-child{	float: right;}