@charset "utf-8";
/* CSS Document */
.clear{
clear:both;
}
img{
border:none;
}
html,body{
margin:0px 0px 90px 0px;
padding:0px;
background: #d3d3d3 url(../images/bg.jpg) no-repeat center top;
font-family:Arial, Helvetica, sans-serif;
}
a { text-decoration: none; color: #03A7B3;}
a:hover { text-decoration: underline; }
.page{
width:100%;
background:url(../images/page-bg.png) top center no-repeat;
}
.wrapper{
width:1000px;
margin:0px auto 8px auto;
}
.wrapper .header{
padding:0px;
height:100px;
}
.wrapper .header img.blog { 
float:right; padding-left:100px;
}
.wrapper .navbar{
height:50px;
}

/*
.wrapper .navbar ul{
margin:0px;
padding:0px;
}
.wrapper .navbar ul li{
float:left;
width:120px;
margin-right:55px;
list-style:none;
border-bottom:2px solid #F6F6F6;
}
.wrapper .navbar ul li a{
color:#656565;
text-decoration:none;
font-size:14px;
font-weight:bold;
padding:12px 0px;
display:block;
}
.wrapper .navbar ul li.current{
border-bottom:2px solid #79CBD1;
}
.wrapper .navbar ul li.home.current a{
background:url(../images/home-ico.png) 50px 0px no-repeat;
}
.wrapper .navbar ul li.portfolio.current a{
background:url(../images/bag-ico.png) 70px 0px no-repeat;
}

.wrapper .navbar ul li.abtme.current a{
background:url(../images/burger-ico.png) 75px 0px no-repeat;
}

.wrapper .navbar ul li.abtme {
	background: url(images/about.png) no-repeat 0 0;
}
.wrapper .navbar ul li.contact.current a{
background:url(../images/mail-ico.png) 63px 0px no-repeat;
}

*/

.line{
border:1px solid #EDEDED;
margin:20px 0px;
padding:0px;
}
.wrapper .content .homepage{
padding-top:20px;
}
.wrapper .content .homepage h1{
font-size:60px;
color:#656565;
margin:0px;
padding:5px 0px 10px 0px;
}
.wrapper .content p{
color:#656565;
font-size:24px;
margin:0px;
padding:10px 0px;
}
.wrapper .content p span{
color:#03A7B3;
font-style:italic;
}
.wrapper .content p a{
font-size:14px;
font-style:italic;
font-weight:bold;
background:url(../images/right-arrow.png) center right no-repeat;
padding-right:15px;
}
.wrapper .content p a:hover {
	text-decoration: underline;
}
.wrapper .content .homepage .cnt-left{
width:345px;
float:left;
}
.wrapper .content .homepage .cnt-left p{
font-size:12px;
font-weight:bold;
}
.wrapper .content .homepage .cnt-left a:hover{text-decoration:underline;}
.wrapper .content .homepage .cnt-left p span{
display:block;
font-style:italic;
font-weight:normal;
color:#656565;
}
.wrapper .content .homepage .cnt-right{
padding-top:10px;
padding-bottom:10px;
width:647px;
float:right;
}
.wrapper .content .homepage .cnt-right h3{
color:#656565;
font-size:24px;
margin:0px;
}
.wrapper .content .homepage .cnt-right p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:0px;
color:#656565;
}
.wrapper .content .homepage .cnt-right p span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
font-weight:normal;
font-style:italic;
display:block;
padding:10px 0px 15px;
}
.wrapper .content .homepage .cnt-left ul{
margin:0px;
list-style:none;
padding:0px;
}
.wrapper .content .homepage .cnt-left ul li{
margin:0px;
list-style:none;
padding:25px 0px 5px 60px;
margin-top:30px;
}
.wrapper .content .homepage .cnt-left ul li a{
text-decoration:none;
color:#656565;
font-weight:bold;
font-size:12px;
background:url(../images/right-arrow.png) center right no-repeat;
padding-right:15px;
}
.wrapper .content .homepage .cnt-left ul li:first-child{
margin:0px;
}
.wrapper .content .homepage .cnt-left ul li.facebook{
background:url(../images/home-ico-facebook.png) no-repeat;
}
.wrapper .content .homepage .cnt-left ul li.linkedin{
background:url(../images/home-in-ico.png) no-repeat;
}
.wrapper .content .homepage .cnt-left ul li.twitter{
background:url(../images/home-bird-ico.png) no-repeat;
}

.wrapper .content .portfolio{
display:inline;
padding-top:45px;
}
.wrapper .content .portfolio .clear{
height:0px;
}
.wrapper .content .portfolio .p-img1{
width:600px;
float:left;
margin-right:5px;
}
.wrapper .content .portfolio .p-img2-3{
float:left;
width:395px;
}
.wrapper .content .portfolio .p-img2-3 .p-img2{
margin-bottom:2px;
}
.wrapper .content .portfolio .p-img2-3 .p-img3{
}
.wrapper .content .portfolio .p-img4{
float:left;
width:385px;
margin-right:5px;
}
.wrapper .content .portfolio .p-img5{
float:left;
width:385px;
margin-right:5px;
}
.wrapper .content .portfolio .p-img6{
float:left;
width:220px;
}
    
.wrapper .content .portfolio .p-img7{
float:left;
width:220px;
margin-right:5px;
}
.wrapper .content .portfolio .p-img8{
float:left;
width:385px;
margin-right:5px;
}
.wrapper .content .portfolio .p-img9{
float:left;
width:385px;
}
.wrapper .content .portfolio img{
float:left;
padding:3px 3px 3px 0;
}
.wrapper .content .portfolio .inside{
padding-top:20px;
display:inline;
float:left;
}
.wrapper .content .portfolio .box1{
float:left; 
width:498px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
}
.wrapper .content .portfolio .box2{
float:left;
width:650px;
padding-top:16px;
padding-right:0;
padding-bottom:10px;
}
.wrapper .content .portfolio .text{
width:480px;
padding-top:3px;
float:left;
}
.wrapper .content .portfolio .text50{
width:320px;
padding-top:5px;
float:right;
}
.wrapper .content .portfolio .text55{
width:330px;
padding-top:0px;
float:right;
}
.wrapper .content .portfolio .text100{
float:left;
width:500px;
padding-left:2px;
}
.wrapper .content .portfolio .text245{
float:left;
width:500px;
padding-left:2px;
}
.wrapper .content .portfolio .text150{
float:right;
width:184px;
padding-left:2px;
padding-top:6px;
}
.wrapper .content .portfolio .text120{
float:right;
width:120px;
padding-left:2px;
padding-top:0px;
}
.wrapper .content .portfolio h1{
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:16px;
line-height:8px;
padding:0px;
}
.wrapper .content .portfolio p{
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:12px;
line-height:18px;
padding:0px;
}
.wrapper .content .portfolio h1 span{
color:#656565;
font-style:italic;
}
.wrapper .content .portfolio .text2 p{
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:12px;
line-height:18px;
padding:0px; 
margin:0px;
}
.wrapper .content .portfolio .text2{
text-align:right;
float:left;
width:250px;
padding:0px 10px 0px 0px;
}
.wrapper .content .portfolio .box2{
	width:1000px;
	float:left;
	display:block;
}
.wrapper .content .aboutme{

}
.wrapper .content .aboutme .am-left{
width:354px;
float:left;
}
.wrapper .content .aboutme .am-right{
float:left;
width:645px;
padding-top:40px;
}
.wrapper .content .aboutme .am-right h1{
font-size:60px;
color:#656565;
margin:0px;
padding:25px 0px;
}
.wrapper .content .aboutme .am-right p{
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:12px;
padding:5px 0px;
}
.wrapper .content .contact .contact-left{
width:354px;
float:left;
padding-top:45px;
}
.wrapper .content .contact .contact-right{
width:640px;
float:left;
padding-top:45px;
}
.wrapper .content .contact .contact-left p{
padding:0px;
margin:0px;
font-size:12px;
}
.wrapper .content .contact .contact-left ul{
margin:0px;
padding:0px;
list-style:none;
}
.wrapper .content .contact .contact-left ul li{
margin-top:12px;
padding-left:45px;
text-decoration:none;
color:#656565;
font-size:12px;
}

.wrapper .content .contact .contact-left ul li.ico-mobile{
background: url(../images/contact-ico1.png) no-repeat -10px 0;
padding-top:26px;
padding-bottom:10px;
}
.wrapper .content .contact .contact-left ul li.ico-mail{
background:url(../images/contact-ico2.png) no-repeat -6px 0;
padding-top:10px;
padding-bottom:10px;
}

.wrapper .content .contact .contact-left ul li.ico-messenger{
padding-top:15px;
padding-bottom:5px;
background:url(../images/contact-ico3.png) no-repeat -9px 0;
}
.wrapper .content .contact .contact-right label{
display:block;
font-size:14px;
padding:5px 0px;
color: #656565;
font-family: Arial, Helvetica, sans-serif;
}
.wrapper .content .contact .contact-right .inp-txt{
background:url(../images/txt-box.png) no-repeat;
width:460px;
padding:6px 10px;
height:18px;
border:none;
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:12px;
}
.wrapper .content .contact .contact-right .txt-box{
border:none;
background:none;
width:455px;
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:12px;
}
.wrapper .content .contact .contact-right .textarea{
background:url(../images/txt-area.png) no-repeat;
width:480px;
height:210px;
}
.wrapper .content .contact .contact-right .txt-area{
width:460px;
height:185px;
margin:10px;
border:none;
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#656565;
font-size:12px;
}
.wrapper .content .contact .contact-right .space{
height:20px;
}
.wrapper .content .contact .contact-right .butt-send{
background:url(../images/butt-send.png) no-repeat;
border:none;
width:71px;
height:33px;
}

/* new menu styles */
/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		width:710px;
		height:42px;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:0px;
		padding-left:0%;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
		margin: 0px 59px 0px 0px;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(../images/menu.png) no-repeat scroll top left;
		display:block;
		height:42px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:118px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.portfolio {
		width:118px;
		background-position:-118px 0px;
	}
	
	ul#menu li a.about {
		width:118px;
		background-position:-236px 0px;
	}
	
	ul#menu li a.contact {
		width:118px;
		background-position:-354px 0px;
	}

.home-active {
	width: 118px;
	background: url(../images/menu-active.png) no-repeat 0px 0px;
	height: 42px;
}

.portfolio-active {
	width: 118px;
	background: url(../images/menu-active.png) no-repeat -118px 0px;
	height: 42px;
}
	
.about-active {
	width: 118px;
	background: url(../images/menu-active.png) no-repeat -236px 0px;
	height: 42px;
}	
	
.contact-active {
	width: 118px;
	background: url(../images/menu-active.png) no-repeat -354px 0px;
	height: 42px;
}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../images/menu.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	ul#menu li.home-active {
		background-position:0px -42px;
	}
	
	ul#menu li a.home span {
		background-position:0px -42px;
	}
	
	ul#menu li a.portfolio span {
		background-position:-118px -42px;
	}
	
	ul#menu li a.about span {
		background-position:-236px -42px;
	}
	
	ul#menu li a.contact span {
		background-position:-354px -42px;
	}