/*------------------MENU---------------------------*/

#menu {
	margin-top:162px;
	width:199px;
}

ul#mz-menu {
	width: 138px;
	float:right;
	list-style: none;
}

ul#mz-menu li { 
	display: inline; 
}
	
ul#mz-menu li a {
	display: block; 
	float: left; 
	height: 48px;
	background-image: url(http://laragazza.com/images/menu.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	width:auto;
}

ul#mz-menu li a.home {
	width: 138px;
	background-position: -0px 0px;
}
	
ul#mz-menu li a.info {
	width: 138px;
	background-position: 0px -48px;
}

ul#mz-menu li a.portfolio {
	width: 138px; 
	background-position: 0px -96px;	
}
	
ul#mz-menu li a.estimate {
	width: 138px; 
	background-position: 0px -144px;	
}
	
ul#mz-menu li a.contact {
	width: 138px; 
	background-position: 0px -192px;	
}
	
	
ul#mz-menu li a.home:hover, ul#mz-menu li a.home:focus {
	background-position: -138px 0px;
}
	
ul#mz-menu li a.info:hover, ul#mz-menu li a.info:focus {
	background-position: -138px -48px;	
}
	
ul#mz-menu li a.portfolio:hover, ul#mz-menu li a.portfolio:focus {
	background-position: -138px -96px;	
}
	
ul#mz-menu li a.estimate:hover, ul#mz-menu li a.estimate:focus {
	background-position: -138px -144px;	
}
	
ul#mz-menu li a.contact:hover, ul#mz-menu li a.contact:focus {
	background-position: -138px -192px;	
}

/*------------------General ---------------------------*/

* {
	padding:0;
	margin-left: auto;
	margin-right: auto;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	margin: 0;
	}
	
a img, :link img, :visited img, :hover img {
	border: none;
	}	
ul, ol {
	list-style-image: none;
	list-style-type: none;
	display: block;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout:auto;
	}

td {
	padding:5px;
	background-color:#946E94;
	border:medium #FFFFFF solid;
	color:#FFFFFF;
	font-size:0.9em;;
	}
	
caption, th {
	text-align: left;
	}

q:before, q:after {
	content: '';
	}

a, ins {
	text-decoration: none;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	color: #48154A;

	}
address {
	font-style: normal;
	}

html { min-height: 100%; margin-bottom: 1px; }

/*------------------FONTS, TEXT, ETC.---------------------------*/

p {
	color:#333;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	margin-bottom:1em;

}

h1 {
	font-size:1.4em;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:1em;

}

h2 {
	font-size:1.2em;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:1em;
	color:#7F96B1;

}

h3 {
	font-size:1em;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:1em;

}
ul, ol {
	width:475px;
	margin-left: auto;
	margin-right: auto;
	font-size:0.9em;
	color:#333;
	margin-bottom:2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul li{
	list-style-position: inside;
	list-style-image: url(http://laragazza.com/images/bullet.gif);
	line-height: 1.6em;
	}
	
ol li {
	list-style: decimal;
	list-style-image:none;
	list-style-position:inside;
	line-height:1.6em;
	}	

a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.9em;}
a:link {	color: #48154A;	font-style:italic;}
a:hover {	text-decoration:underline;	font-style:italic; color: #48154A;}
a:visited {	text-decoration:none; font-style:italic; color: #48154A;	}
.small {font-size:0.8em;}

fieldset, img, abbr {
	border: 0;
	}

a.up {background-image:url(images/up.gif); background-position:left; background-repeat:no-repeat; padding-left:20px;}

div.clear { clear: both; }

#container {
	width:1018px;
	margin-left:auto;
	margin-right:auto;
}
#left {
	float:left;
	width:199px;
	background-repeat:no-repeat;
	background-position:top right;
	min-height: 1000px;
}
#main {
	width:572px;
	float: left;
	background-color: #fff;
	min-height: 1000px;
	background-image: url(http://laragazza.com/images/bar.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#right {
	float:right;
	width:247px;
	background-repeat:no-repeat;
	background-position:top left;
	min-height: 1000px;
}

#logo { 
	height:auto;
}
/*------------------ PORTFOLIO MENU---------------------------*/

#menu_portfolio {
	width:572px;
	height:198px;
}

ul#port_menu {
	float:left;
	list-style: none;
	width: 572px;
}

ul#port_menu li { 
	display: inline; 
}
	
ul#port_menu li a {
	display: block; 
	float: left; 
	height: 198px;
	background-image: url(http://laragazza.com/images/menu_portfolio.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
	width:auto;
}

ul#port_menu li a.web {
	width: 112px;
	background-position: 0px 0px;
}
	
ul#port_menu li a.identity {
	width: 136px;
	background-position: -112px 0px;
}

ul#port_menu li a.print {
	width: 324px;
	background-position: -248px 0px;
}
	
	
ul#port_menu li a.web:hover, ul#port_menu li a.web:focus {
	background-position: 0px -198px;
}
	
ul#port_menu li a.identity:hover, ul#port_menu li a.identity:focus {
	background-position: -112px -198px;
}


		
	
ul#port_menu li a.print:hover, ul#port_menu li a.print:focus {
	background-position: -248px -198px;
}

.porfolio_box {
	float:left;
	width:271px;
	height:220px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:1em;
}
.porfolio_box_II {
	float:left;
	width:271px;
	height:400px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.porfolio_box_III {
	float:left;
	width:271px;
	height:275px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bar {
	background-image:url(http://laragazza.com/images/bar.gif);
	height:12px;
}
.content {
	padding: 0.9em;
}
.content_gray {
	padding: 0.9em;
	background-color:#CCC;
}






img.floatRight {
	float: right;
	margin: 4px;
}
img.port {
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.port {
	text-align:center;
}		
.left_home {
	background-image:url(http://laragazza.com/images/bk-left-index.png);
}
.left_info {
	background-image:url(http://laragazza.com/images/bk-left-info.png);
}
.left_portfolio {
	background-image:url(http://laragazza.com/images/bk-left-portfolio.png);
}
.left_estimate {
	background-image:url(http://laragazza.com/images/bk-left-estimate.png);
}
.left_contact {
	background-image:url(http://laragazza.com/images/bk-left-contact.png);
}
.right_home {
	background-image:url(http://laragazza.com/images/bk-right-index.png);
}
.right_info {
	background-image:url(http://laragazza.com/images/bk-right-info.png);
}
.right_portfolio {
	background-image:url(http://laragazza.com/images/bk-right-portfolio.png);
}
.right_estimate {
	background-image:url(http://laragazza.com/images/bk-right-estimate.png);
}
.right_contact {
	background-image:url(http://laragazza.com/images/bk-right-contact.png);
}


	
/*------------------FORM---------------------------*/
form#formstyle input, form#formstyle textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}
form#formstyle {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

form#formstyle fieldset {
  margin-bottom: 10px;
  padding:10px;
  border:#CCC thin dotted;
}
form#formstyle legend {
  padding: 0 2px;
  font-weight: bold;
  color:#666;
}
form#formstyle label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form#formstyle fieldset ul {
  margin: 0;
  padding: 0;

}
form#formstyle fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  border-bottom:2px #D9B3FF dotted;
background-color:#F4DCFC;
}
/*form#formstyle fieldset li:last-child  {
	  border-bottom:thin #ccc dotted;
}*/

form#formstyle fieldset li.even {
	background-color:#F1E4F8;
}

form#formstyle fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form#formstyle fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form#formstyle fieldset fieldset label {
  display: block;
  width: auto;
}
form#formstyle em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

option {padding-left:5px; padding-right:10px; padding:1px; width:120px;}
form#formstyle label {
  width: 150px; /* Width of labels */
}
form#formstyle fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
/*FORMS END*/