html, body{
	height: 100%;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
}
	
  *, td {
 		font: normal 11px arial, helvetica, sans-serif;
		text-align:left;
 }
 
#layout {
	position: relative;
	left: 50%;
	margin-left: -406px;
	width: 812px;
	top: 5px;
	text-align: center;
	clip: auto;
/*  border: 1px dashed #000000;
	background-color:lightsteelblue; */
}
	#head {
		background:#fff;
		}
		
	#content_left {
		position: relative;
		z-index:4;
		width:150px;
		float:left;
		margin-left:10px;
		background:#fff;
		padding:10px;
		}
	#content_center {
		position: relative;
		padding: 0px 0px 0px 15px;
		z-index:3;
		width:400px;
		float:left;
		padding-bottom:10px;
		background: url('../images/layout/lenback2.jpg') top left no-repeat;
/*		border: 1px dashed #000000;*/
		}
	
	#content_right {
		position: relative;
		z-index:2;
		width:200px;
		float:left;
		background:#fff;
		padding-bottom:10px;
/*  border: 1px dashed #000000;*/
		}
	
	#foot {
	text-align:center;
	padding:10px;
	}
	
	#menu_copy {
	position: relative;
	z-index: 2; 
	width: 240px;
	padding:20px 32px;
	text-align:left;
	margin-top:-240px;
/*	border: 5px dashed red; */
	display:inline;
		}
/* Menu Left formatting*/

	#nav, #nav ul { /* all lists */
		padding: 0px;
		margin: 0px;
		list-style: none;
		float : left;
		width: 149px;
	}
	
	#nav li.menu { /* all list items */
		position : relative;
		float : left;
		margin: 0px 0px -3px 0px; /* as the Menu Text placement moves down (adds to padding from top below) minus margin by same or close value*/
		line-height : 1.25em;
		background: url(http://www.pinched.com/images/menu/bar.jpg) no-repeat;
	}
	
	#nav li.menu ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 13.45em; /* breakout distance */
		margin-top : -3.35em;
	}
	
	#nav li.menu ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li.menu a {
		height : 27px;
		width: 149px;
		w\idth : 149px;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
/*		background-color : white;
		border : 1px solid black;
		padding : 0 0.5em; */
		padding : 3px 0px 0px 5px; /* Text placement - Is associated to all list items */
	}
	
	#nav li.menu a:hover {
		color : #006400;
/*		color : white;
		background-color : black; */
		background: url(http://www.pinched.com/images/menu/bardown.jpg) no-repeat;
		}
	
#nav li.menu.menu:hover ul ul, #nav li.menu:hover ul ul ul, #nav li.menu:hover ul ul ul ul, #nav li.menu.sfhover ul ul, #nav li.menu.sfhover ul ul ul, #nav li.menu.sfhover ul ul ul ul {
		left: -999em;
	}
	
#nav li.menu:hover ul, #nav li.menu li.menu:hover ul, #nav li.menu li.menu li.menu:hover ul, #nav li.menu li.menu li.menu li.menu:hover ul, #nav li.menu.sfhover ul, #nav li.menu li.menu.sfhover ul, #nav li.menu li.menu li.menu.sfhover ul, #nav li.menu li.menu li.menu li.menu.sfhover ul {
		left: auto;
	}
	
#nav a.daddy {
	background: url(http://www.pinched.com/images/menu/sub.gif) 130px 7px no-repeat;
}

	div.menu { /* No link */
		height : 29px;
		width: 149px;
		padding : 3px 0px 0px 5px; /* Text placement - Is associated to all list items - This is without a link */
		font-weight : bold;
	}
	
	.boxed { 
		padding: 0px;
		margin: 0px;
		list-style: none;
		float : left;
		width: 149px;
	}
	
	.blank {
	position:relative;
	clear:both;
	padding: 5px 4px 6px 4px; 
	margin: 3px 5px 5px 0px; 
	width:137px;
	background:#fff;
	height:100%;
	border:1px solid #9d9da1;/*  */
		list-style: none;	}
/* Links actions */

.on { 
	text-decoration:none; 
	color: #9d9da1;
}

.off, .info { 
	text-decoration:none; 
	color: #000;
}
	
input.menu { 
		background: url(http://www.pinched.com/images/layout/menu/bar.jpg) no-repeat;
		background-position:-115px;
		width:37px;
		padding:2px;
		padding-left:0px;
		border:1px solid white;
		color:#333;
		font-weight:bold;
		text-align:center;
}

title { 
		padding:2px;
		border:1px solid white;
		color:#333;
		font-weight:bold;
		color: #333;
}

.address {
	text-align:center;
	color: #333;
	font-size:9px;
}
	
h1, h2 {
	text-align:center;
	font-size:12px;
}

h1 {
	font-size:12px;
	color: #333;
	margin: 0px 0px 5px 0px;
}
	
h2 {
	font-size:9px;
	color: #CC3333;
	margin: 0px 0px 5px 0px;
}
h3 {
	font-weight: bold;
	color: #333;
	line-height: 1.1em;
	margin-bottom:  3px;
}

#comments_frame, #comments_inner_frame {
  	display:inline-table;
	height:100%;
	width:100%;
  /* \*/display:block;/**/
  }

#comments_frame {
	border:0px solid #9d9da1;
	height: 48px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -10px 0px;
	
}

p{
	text-indent: 7px;
}

.big_letter{
 	font: bold 14px arial, helvetica, sans-serif;
	color: rgb(153,153,51);
	line-height: 1.1em;
}

/* Sideboxes */
.left_body, .right_body, .top_body, .bottom_body, .right_head, .left_foot, .right_foot {
  display:inline-table;
  /* \*/display:block;/**/
  }
.left_body {
  background: transparent url('../images/layout/sidebox/left_body.jpg') left repeat-y;
  }
.right_body {
  background: transparent url('../images/layout/sidebox/right_body.jpg') right repeat-y;
  }
.top_body {
  background: transparent url('../images/layout/sidebox/top_body.jpg') top repeat-x;
  }
.bottom_body {
  background: transparent url('../images/layout/sidebox/bottom_body.jpg') bottom repeat-x;
  }
.right_head {
  background: transparent url('../images/layout/sidebox/right_head.jpg') right top no-repeat;
  }
.left_foot {
  background: transparent url('../images/layout/sidebox/left_foot.jpg') left bottom no-repeat;
  }
.right_foot {
  background: transparent url('../images/layout/sidebox/right_foot.jpg') right bottom no-repeat;
  }
.left_head {
  padding:30px;
  background: transparent url('../images/layout/sidebox/left_head.jpg') left top no-repeat;
  }
.left_head div {
  display:block;
  width: 100px;
  /* border:1px dashed green; */
}
/* End Sideboxes */

/* Support Area */

.down_for_maintenance{
text-indent:0pt;
background:transparent;
text-align:left;
text-transform:none;
color: #CC3300;
font:normal bold 11pt/13pt arial, helvetica, sans-serif;
}
/* Quote */
/* Hide and Show - Hide */
#ContactInformation, #InformationObjective, #DomainHostingRegistration, #RequiredServices, #WebSiteLayoutOverallDesign, #WebSiteContentScope, #AdditionalInformation, #ContactInformationclose, #InformationObjectiveclose, #DomainHostingRegistrationclose, #RequiredServicesclose, #WebSiteLayoutOverallDesignclose, #WebSiteContentScopeclose, #AdditionalInformationclose, #ContactInformationclose { display:none }
#ContactInformationclose, #InformationObjectiveclose, #DomainHostingRegistrationclose, #RequiredServicesclose, #WebSiteLayoutOverallDesignclose, #WebSiteContentScopeclose, #AdditionalInformationclose, #ContactInformationclose, #ContactInformationopen, #InformationObjectiveopen, #DomainHostingRegistrationopen, #RequiredServicesopen, #WebSiteLayoutOverallDesignopen, #WebSiteContentScopeopen, #AdditionalInformationopen, #ContactInformationopen { cursor: pointer }

/* Highlight - Open */
/* .highlight { background-color: rgb(153,153,51); } */

img{
border:0px;
}

.formsub{
	padding:15px 0px 5px 0px;
	line-height: 1.25em;
}

/* Invoice status and Basic Table definitions*/
 table {
		width: 100%;
		border:1px dashed #efefef;
 }
 th, div.tool_tip {
 		background-color:#efefef;
		color: black;
		font-weight:bold;
 }s
 th, td {
		padding: 3px;
 }
.open {
		color: green;
		font-weight:bold;
 }
.closed {
		color: rgb(214,21,87);
		font-weight:bold;
 }

.past_due {
		color: rgb(102,51,153);
		font-weight:bold;
 }

/* Tooltips Area */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:15px; left:15px;
    border:1px groove #000;
    background-color:#fff;
    text-align: center;
    padding: 5px 3px 5px 3px;
	}

/* Tooltips Area */
a.popup, a.Under_Construction{
    position:relative; /*this is the key*/
    z-index:24;
}

a.popup:hover, a.Under_Construction:hover{
	z-index:25;
	background-color:transparent;/*TGaking this out will cause IE not to work correctly*/
}

a.popup div, a.Under_Construction div{display: none}

a.popup:hover div, a.Under_Construction:hover div{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:20px; left:15px;
    border:1px dashed #efefef;
    background-color:#fff;
    padding: 3px;
    width:100px;
	}

.tool_tip { 
position:relative;
text-decoration:none;
width:100px;
padding:3px;
text-align:left;
background-color:#efefef;
color:black;
}

.paid { 
color:red;
font-weight:bold;
}

/* Title Dressing - ISO Time - NotUsed */
#title1, #title2 { 
position:absolute;top:90px;
}
#title1, #title2, #ISO_time { 
font-weight:900;font-size:8pt;color:rgb(150,150,150);
}
#title1 { 
left:28px;
}
#title2 { 
left:560px;
}
#ISO_time { 
border:0px;background-color:transparent;
}

.timestamp {
border:0px;background-color:transparent;font-size:.9em;color:rgb(150,150,150);
}

/* Download Button */
a.download_button {
	background: url(../images/download-button-sprite.png) no-repeat 0 0;
	width: 110px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}
a.download_button:hover { background-position: 0 -32px; }
a.download_button:active { background-position: 0 -64px; }