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

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	color:#4299b2;
	background-color:#1b7b96;
	line-height:1.25em;
}

	HTML {
overflow: -moz-scrollbars-vertical;
}

h1 {
	font-size:1.2em;
}

.swf-box {
	margin-top:10px;
	margin-bottom:0;
}


.wrapper {
	width:926px;
	margin:25px auto 0 auto;
	padding:17px;
	background-color:#FFF;
	border:solid #0d4555 1px;
	overflow:hidden;
}

.inner-wrapper {
	width:748px;
	background-color:#FFF;
	border:solid #e9f2f4 1px;
	padding:38px 88px 0 88px;
	overflow:hidden;
}


.logo-menu-wrapper {
	width:748px;
	height:123px;
	margin-bottom:18px;
	float:left;
}

.logo-box {
	width:282px;
	height:83px;
	float:left;
	text-indent:-9999px;
	background-image:url(media/pino-agnello-logo2.gif);
}

.nav-box {
	width:385px;
	height:85px;
	float:right;
}

/* MENU BUTTONS */

#about
{
  display: block;
  width: 70px;
  height: 85px;
  float:left;
  background: url("media/btn-about.gif") no-repeat 0 0;

}

#about:hover
{ 
  background-position: 0 -85px;
}

#about span
{
  display: none;
}


#portfolio
{
  display: block;
  width: 100px;
  height: 85px;
  float:left;
  background: url("media/btn-portfolio.gif") no-repeat 0 0;

}

#portfolio:hover
{ 
  background-position: 0 -85px;
}

#portfolio span
{
  display: none;
}


#print
{
  display: block;
  width: 70px;
  height: 85px;
  float:left;
  background: url("media/btn-print.gif") no-repeat 0 0;

}

#print:hover
{ 
  background-position: 0 -85px;
}

#print span
{
  display: none;
}

#contact
{
  display: block;
  width: 85px;
  height: 85px;
  float:left;
  background: url("media/btn-contact.gif") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: 0 -85px;
}

#contact span
{
  display: none;
}

#login
{
  display: block;
  width: 60px;
  height: 85px;
  float:left;
  background: url("media/btn-login.gif") no-repeat 0 0;

}

#login:hover
{ 
  background-position: 0 -85px;
}

#login span
{
  display: none;
}

/* END MENU BUTTONS */

/* SECTION HEADER */

#sections {
	width:735px;
	height:23px;
	margin-top:22px;
	margin-left:20px;
	float:left;
	/*border-bottom:solid #e1eef1 1px;*/
}

h2 {
	text-indent:-9999px;
}

.h2-about {
	background-image:url(media/h2-about.gif);
	background-repeat:no-repeat;
}

.h2-portfolio {
	background-image:url(media/h2-portfolio.gif);
	background-repeat:no-repeat;
}

.h2-print {
	background-image:url(media/h2-print.gif);
	background-repeat:no-repeat;
}

.h2-contact {
	background-image:url(media/h2-contact.gif);
	background-repeat:no-repeat;
}

.h2-login {
	background-image:url(media/h2-login.gif);
	background-repeat:no-repeat;
}

/* END SECTION HEADER */

/* CONTENT AREA */

#content-wrapper {
	width:755px;
	height:250px;
	float:left;
	padding-top:26px;
	padding-bottom:32px;
	border-bottom:solid #e1eef1 1px;
}

.content-icon {
	width:115px;
	height:108px;
	margin-left:20px;
	float:left;
}

.content-text {
	width:372px;
	padding-right:10px;
	float:right;
	text-align:justify;
}

.content-portfolio {
	width:387px;
	margin-left:40px;
	float:right;
	text-align:justify;
}

/* END CONTENT AREA */

.main-footer {
	
	width:735px;
	height:175px;
	float:left;
	text-align:center;
	margin-left:20px;
	margin-top:22px;
}

/* LINK STYLES */


a {
	color:#b30e57;
	text-decoration:none;
	margin-top:34px;
	outline: none;
}

a:visited {
	color:#999;
}

a:hover {
	color:#093744;
}

/* END LINK STYLES */

.footer-end {
	width:960px;
	margin:0 auto;
	clear:both;
	margin-top:18px;
	color:#5ab3cc;
	text-align:center;
	font-size:0.8em;
}


/* FORM STYLES */

.texta {
 font-size: 12px;
 background-color: #f3f9fb;
 border: 1px solid #1b7b96;
 width:170px;
}

.formbutton{
font-size: 10px;
}

/* PORTFOLIO LINK STYLES */

.portfolio a {
	color:#b30e57;
	text-decoration:none;
	background-image:url(media/link-icon-off.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-top:34px;
	padding-left:25px;
	outline: none;
}

.portfolio a:visited {
	color:#333;
	background-image:url(media/link-icon-off.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.portfolio a:hover {
	color:#C00;
	background-image:url(media/link-icon-on.gif);
	background-position:left;
	background-repeat:no-repeat;
}



