/* LAYOUT */
.left1 img
{
	float:right;
}
.wrapper{
   position: relative;
   float: left;
   left: 0px;
   width: 99%;
   margin-bottom: 10px;
   background-color: #ffffff
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 50%;
   height: 500px;
   background-color: #ffffff
}
.left2{
   position: relative;
   float: left;
   left: 10px;
   width: 50%;
   height: 500px;
   background-color: #ffffff;
   /* push down */   
	margin-top:60px;
}

/* TYPE */
body{
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
    border-width: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #fff; 
	color: #333; 
	scrollbar-base-color:#08c;
}
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
.nowrap { white-space:nowrap; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
p { margin-bottom: 18px; text-align:justify; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
ul { margin-bottom: 18px; list-style: none outside; font-weight:bold; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
li { margin-left: 6px; font-weight: normal;}
img {border:none;}

/* MISC */
/* http://jonraasch.com/blog/css-rounded-corners-in-all-browsers */
.rounded-corners 
{	
	padding:5px;
	border:solid 1px #dedede;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    /* IE HACK */
    behavior: url(/styles/border-radius.htc);
    border-radius: 5px;

}

.logoCuttaC
{	
	background: #ffffff url(../images/cutta-logo-small.png) no-repeat 0 100%; 
	width:250px;
	height:125px;
}

.pronouncedCuttaC
{	
	margin-left:30px;	
	font-weight: bold; 
	color: #000000; 
	font-size: 11px; 
	font-family: Impact;
}

/* MODAL */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  /*width:440px;
  height:200px;*/
  width:440px;
  height:250px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:#ffffff;
}

div.window {
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  /*width:375px; 
  height:203px;*/
  width:375px; 
  height:203px;
}