@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../img/bg_repeat_sub.png);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:repeat-x;
	margin-top:0px;
}

.homeBG {
	background-image:url(../img/bg_repeat.png);
}

.wrapper-home {
	background-image:url(../img/background_home.png);
	background-repeat:no-repeat;
	width:960px;
	margin:0px auto;
	padding-top:107px;
	position:relative;
}

.wrapper-sub {
	background-image:url(../img/background_sub.png);
	background-repeat:no-repeat;
	width:960px;
	margin:0px auto;
	padding-top:107px;
}

.wrapper-about {
	background-image:url(../img/background_about.png);
	background-repeat:no-repeat;
	width:960px;
	margin:0px auto;
	padding-top:107px;
	position:relative;
}

p {
	font-size:12px;
	color:#333333;
	line-height:20px;
}

.art {
	position:absolute;
	top: 80px;
	right:31px;
	width:420px;
	height:420px;
	float:right;
}

.art_about {
	position:absolute;
	top: 81px;
	right:31px;
	width:419px;
	height:419px;
	float:right;
}

a {
	color:#390;
	text-decoration:none;
}

a:hover {
	color:#033;
	text-decoration:underline;
}

/*-- nav --*/

.nav {
	margin-left:10px;
	margin-right:20px;
}

.nav a{
	float:left;
	margin-bottom:20px;
}

a.nav_home {
	background-image:url(../img/nav_home_over.gif);
	width:57px;
	height:20px;
	display:block;
}

a.nav_portfolio {
	background-image:url(../img/nav_portfolio_over.gif);
	width:94px;
	height:20px;
	display:block;
}


a.nav_services {
	background-image:url(../img/nav_services_over.gif);
	width:122px;
	height:20px;
	display:block;
}

a.nav_about {
	background-image:url(../img/nav_about_over.gif);
	width:94px;
	height:20px;
	display:block;
}

a.nav_contact {
	background-image:url(../img/nav_contact_over.gif);
	width:92px;
	height:20px;
	display:block;
}

a.nav_home:hover, .nav_home_selected {
	background-image:url(../img/nav_home_up.gif);
	width:57px;
	height:20px;
}

a.nav_portfolio:hover, .nav_portfolio_selected {
	background-image:url(../img/nav_portfolio_up.gif);
	width:94px;
	height:20px;
}


a.nav_services:hover, .nav_services_selected {
	background-image:url(../img/nav_services_up.gif);
	width:122px;
	height:20px;

}

a.nav_about:hover, .nav_about_selected {
	background-image:url(../img/nav_about_up.gif);
	width:94px;
	height:20px;
}

a.nav_contact:hover, .nav_contact_selected {
	background-image:url(../img/nav_contact_up.gif);
	width:92px;
	height:20px;
	
}





/*----*/

.heading-home {
	background-image:url(../img/heading_home.png);
	background-repeat:no-repeat;
	height:145px;
}

.heading-portfolio {
	background-image:url(../img/heading_portfolio.png);
	background-repeat:no-repeat;
	height:80px;
	padding-bottom:30px;
}

.heading-services {
	background-image:url(../img/heading_services.png);
	background-repeat:no-repeat;
	height:80px;
	padding-bottom:30px;
}

.heading-about {
	background-image:url(../img/heading_about.png);
	background-repeat:no-repeat;
	height:80px;
	padding-bottom:30px;
}


.heading-contact {
	background-image:url(../img/heading_contact.png);
	background-repeat:no-repeat;
	height:80px;
}

.content-home {
	padding:30px 0 0 0;
	height:280px;
}


.content-portfolio p{
	margin:0px 0 10px 0;
	line-height:16px;
	color:#666;
	padding-left:20px;
}

.content-portfolio h4 {
	margin:25px 0 0 0;
	padding-left:20px;
	font-weight: normal;
}

.content-services p, .content-services h4{
	padding-left:20px;
}

.info-block-home {
	color:#FFF;
	margin:0 20px 80px 20px;
	line-height:24px;
	width:280px;
	display:inline;
	float:left;
}

.info-block-home img{
	border:none;
	padding-left:10px;
}

.info-block-home a{
	color:#66CC00;
	text-decoration:none;
	font-style:italic;
}

.info-block-home a:hover {
	color:#FC0;
}

.contact-form {
	width:460px; 
	float:left;
}

.contact-info {
	border-left:2px solid #ccc;
	float:right;
	padding:0 20px;
	margin:70px 100px 0 0;
	font-size:24px;
	color:#999;
}

.contact-info h3 {
	font-size:10px;
	font-weight:bold;
	color:#000;
	margin:20px 0 0 0 ;
}