/* Extracted styles */



/*<group=http://scrafano.net/Index/css/scrafano.css>*/
/* Extracted styles */



/*<group=http://scrafano.net/Index/css/scrafano.css>*/
/* Extracted styles */



/*<group=http://www.scrafano.net/Index/css/scrafano_mainland.css>*/

#plusminuscontainerlower {	
	background: transparent none;
	width: 30px;
	top: 680px;
	left: 40px;
	position: absolute;
	visibility: visible;
	padding-left: 7px;
	font-weight: normal;
	height: 11px;
	border-style: none;
	border-top-style: none;
	padding-top: 1px;
}

#plusminustextlower {
	background: transparent none;
	top: 680px;
	left: 40px;
	position: absolute;
	text-decoration: none;
	visibility: visible;
	padding-left: 7px;
	color: black;
	font-weight: normal;
	height: 11px;
	border-style: none;
	border-top-style: none;
	width: 435px;
}
	/*  General */
	
body {  
	background: white;
	color: #000;
	margin: 40px 0 0 40px;
	padding: 0;
	font-family: Verdana; 
	font-size: 9px; 
	line-height: 13px; 
	color: #000;
	letter-spacing: 1px;
	text-decoration: none;
}
	
#bodytemp {  
	background: #ccc url(../artwork/work-box.jpg);
	background-repeat: no-repeat;
	color: #000;
}	

#bodyabout {  
	background: #0c0;
}	

#bodylinks {  
	background: #9cf;
	text-decoration: none;
	color: transparent;
}	

#bodycontact {  
	background: #fff;
}	

#bodypopup {  
	background: #fff;
	color: #000;
	margin: 0px;
}	

#bodyallstar {  
	background-image: url(../artwork/space-all-star-tile.gif);
}

#bodymars {  
	background-image: url(../artwork/space-mars-tile.gif);
}

#bodyunivers {  
	background-image: url(../artwork/space-univers-tile.gif);
}

#bodyfilenotfound {  
	background-image: url(../artwork/file-not-found-tile.gif);
}

	
	/*  Links */

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

a:hover {  
	background-color: #fff;
	text-decoration: none;
	color: #000000;
}

#plusminuscontainer a {	
	background: none;
	position: absolute;
	visibility: visible;
	color: gray;
	font-weight: normal;
	border-style: none;
	border-top-style: none;
}

#plusminuscontainer a:hover {	
	background: none;
	position: absolute;
	visibility: visible;
	color: #378fff;
	font-weight: normal;
	border-style: none;
	border-top-style: none;
}

#menutoplevel a {
	font-weight: bolder;
	color: black;
	text-decoration: none;
}

#menurecentthird a:hover, #menuarchivethird a:hover {
	background-color: transparent;
}

#menurescontemporary a, #menuresclassic a, #menuressmall a, #menucommercial a {
	background-color: transparent;
	color: black;
}

#menurescontemporarydrop a, #menuresclassicdrop a, #menuressmalldrop a, #menucommercialdrop a {
	background-color: transparent;
	color: black;
}

#menurescontemporarydrop a:hover, #menuresclassicdrop a:hover, #menuressmalldrop a:hover, #menucommercialdrop a:hover {
	background-color: transparent;
	color: #91cd51;
}

.columnthird a:hover, .columnquarterwhite a:hover, .paragraphpractisetitle a:hover, #menuquarterwhite a:hover {
	text-decoration: underline;
	background-color: #ff0;
}

.bold {
	color: white;
}
	
.white, .here {
	color: black;
	background: transparent;
}

.here a, .hereabout a, .herelinks a {
	text-decoration: underline;
	color: black;
	background: transparent;
}

.here a:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #ccc;
}	

.hereabout a:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #0c0;
}	

.herelinks a:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #9cf;
}

.herecontact a {
	text-decoration: underline;
	background-color: #ff0;	
	color: #fff;
}

.herecontact a:hover {
	text-decoration: underline;
	background-color: #ff0;
	color: #000;
}

#workdescribe a, #linkdescribe a {
	text-decoration: none;
	color: white;
}

#workdescribe a:hover, #linkdescribe a:hover {
	text-decoration: none;
	background-color: #ff0;
	color: #000;
}

.highlight {
	color: #f0c;
}	


	/*  Layout */
	
p {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	width: 99%;	
}


p.display {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;	
}

p.display-tight {
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}


.paragraphspace {
	margin-top: 0;
	margin-bottom: 15px;
	text-align: left;
	width: 99%;	
}

.plus {
	text-align: left;
	padding-left: 12px;
}

.minus {
	text-align: left;	
}

.popuplinkspace {
	margin-top: 0;
	margin-bottom: 15px;
	text-align: left;
}
	
.paragraphhalfspace {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
	width: 99%;	
}	

.paragraphpractisetitle {
	margin-bottom: 59px;
	text-align: left;
    border: 1px solid #fff;		
}

.paragraphpractisetitletest {
	margin-bottom: 60px;
	text-align: left;		
}

#paragraphdivider {
	text-align: left;
	border-bottom: 1px solid silver;
	width: 620px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	top: 485px;
}

#paragraphdividerlower {
	text-align: left;
	border-bottom: 1px solid silver;
	width: 620px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	top: 660px;
}

#paragraphdividertop {
	text-align: left;
	border-bottom: 1px solid silver;
	width: 620px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	top: 90px;
}

.paragraphcaption {
	padding: 0 14px 0 14px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	width: 99%;	
}	

.image {
	border: 0;
}	

ul {
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
}

.aboutdescribe li {
	list-style-type: none;
}

.popuplist {
	list-style-image: url('../artwork/menu-topright-arrow.gif');
}

	/*  Structure */

#workdescribe {
		list-style-image: url('../artwork/menu-right-arrow.gif');
}

div.spacer {
	clear: both;
}

#container {
	margin-bottom: 14px;
	width: 776px;
}

#containerfix {
	margin-bottom: 14px;
	width: 780px;
}

#containerquarter {
    float: left;
	background: transparent;
	margin-bottom: 14px;
	width: 194px;
}

.containerthird {
    float: left;
	background: transparent;
	margin-bottom: 14px;
	width: 291px;
}

.containerthirdfix {
    float: left;
	background: transparent;
	margin-bottom: 14px;
	width: 279px;
}

.containerthirdyellow {
    float: left;
	background: #ff0;
	margin-bottom: 14px;
	width: 291px;
}
	
.containerwork {
    float: left;
	background: transparent;
	width: 582px;
}	

.containerworkfix {
    float: left;
	background: transparent;
	width: 584px;
}

#headingquarter {
    float: left;	
	background: transparent;
	margin-top: 12px;
	margin-bottom: 43px;
	width: 180px;
}

#headingquarterwhite {
    float: left;	
	background: #fff;
	margin-top: 12px;
	margin-bottom: 43px;
	width: 180px;
}	
	

#pageheading {
    float: left;
	display: inline;
	background: #fff;
	padding: 2px 14px 2px 14px;
	margin: 11px 7px 14px 7px;
    border: 1px solid #fff;
	width: 277px; /* IE Hack */	
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 247px;
	height: 15px;
}
	
.columnthird {
    float: left;
	display: inline;
	background: #fff;
	padding: 14px 14px 14px 14px;
	margin-left: 7px;	
	margin-right: 7px;
	width: 277px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;	 
}
	
#scrafanologo {
	z-index: 2;
	position: absolute;
	top: 30px;
	left: 40px;
	background: white;
    border: 1px none #ff0;
	width: 227px; /* IE Hack */	
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 24px;
	padding-left: 7px;
}

#menutoplevel {
	z-index: 4;
	position: absolute;
	top: 68px;
	visibility: visible;	
	background: white;
	padding: 3px 7px;
    border: 1px none #ff0;
	width: 300px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	border-top-style: none;
	left: 40px;
	height: 15px;
	font-weight: bold;
}
	
#menurescontemporary {
	z-index: 3;
	position: absolute;
	top: 90px;
	left: 40px;
	background: white;
	margin-left: 0;	
	margin-right: 0;
    border: 1px solid silver;
	width: 140px; /* IE Hack */
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 15px;
	padding: 3px 7px;
}	

#menurescontemporarydrop {
	z-index: 5;
	top: 109px;
	left: 40px;
	visibility: hidden;	
	background: white;
	margin-right: 0;
	margin-left: 0;
    border: 1px solid silver;
	border-top-color: white;
	width: 140px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 7px;
	position: absolute;
	border-top-style: none;
}

#menuresclassic {
	z-index: 3;
	position: absolute;
	top: 90px;
	left: 350px;
	background: white;
	margin-left: 0;	
	margin-right: 0;
    border: 1px solid silver;
	width: 140px; /* IE Hack */
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 15px;
	padding: 3px 7px;
}

#menuresclassicdrop {
	z-index: 5;
	position: absolute;
	top: 109px;
	left: 350px;
	visibility: hidden;	
	background: white;
	margin-right: 0;
	margin-left: 0;
    border: 1px solid silver;
	border-top-color: white;
	width: 140px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 7px;
	border-top-style: none;
}

#menuressmall {
	z-index: 3;
	position: absolute;
	top: 90px;
	left: 195px;
	background: white;
	margin-left: 0;	
	margin-right: 0;
    border: 1px solid silver;
	width: 140px; /* IE Hack */
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 15px;
	padding: 3px 7px;
}

#menuressmalldrop {
	z-index: 5;
	position: absolute;
	top: 109px;
	left: 195px;
	visibility: hidden;	
	background: white;
	margin-right: 0;
	margin-left: 0;
    border: 1px solid silver;
	border-top-color:  #ccc;
	width: 140px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 7px;
	border-top-style: none;
}

#menucommercial {
	z-index: 3;
	position: absolute;
	top: 90px;
	left: 505px;
	background: white;
	margin-left: 0;	
	margin-right: 0;
    border: 1px solid silver;
	width: 139px; /* IE Hack */
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 15px;
	padding: 3px 7px;
}

#menucommercialdrop {
	z-index: 5;
	position: absolute;
	left: 505px;
	visibility: hidden;	
	background: white;
	margin-right: 0;
	margin-left: 0;
    border: 1px solid silver;
	border-top-color:  #ccc;
	width: 139px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 7px;
	border-top-style: none;
	top: 109px;
}

#imagecontainer {	
	background: white;
	width: 620px;
	height: 355px;
	top: 120px;
	left: 40px;
	position: absolute;
}

#id {
	
}

#plusminuscontainer {
	background: transparent none;
	width: 140px;
	top: 480px;
	left: 39px;
	position: absolute;
	visibility: visible;
	padding-left: 7px;
	font-weight: normal;
	height: 11px;
	border-style: none;
	border-top-style: none;
	padding-top: 1px;
	padding-right: 7px;
}

#ss_text {
	background: transparent none;
	top: 479px;
	left: 195px;
	position: absolute;
	text-decoration: none;
	visibility: visible;
	padding-left: 7px;
	color: black;
	font-weight: normal;
	height: 11px;
	border-style: none;
	border-top-style: none;
	width: 456px;
}

#enter {
	background: #fff;
	width: 140px;
	top: 505px;
	left: 40px;
	position: absolute;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	font-weight: bolder;
}

#projectinfocontainer {
	background: #fff;
	width: 140px;
	top: 505px;
	left: 40px;
	position: absolute;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	font-weight: bolder;
}

#projectdescriptioncontainerleft {
	background: #fff;
	width: 223px;
	top: 505px;
	left: 195px;
	position: absolute;
	padding-left: 7px;
	height: 150px;
	padding-bottom: 7px;
	padding-right: 3.5px;
}

#projectdescriptioncontainerright {
	background: #fff;
	width: 214px;
	top: 505px;
	left: 441px;
	position: absolute;
	padding-left: 3.5px;
	height: 150px;
	padding-bottom: 7px;
}

#copyrightcontainer {
	width: 400px;
	position: absolute;
	left: 500px;
	top: 680px;
	color: black;
	padding-left: 7px;
}

#copyrightcontainer a {
	color: black;
}	
	
#invisible {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;	
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	width: 700px;
	height: 500px;
}		
	
#columntwothirds {
	background: #ff0;
	width: 582px; 
}
	
.columnquarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 14px 14px 14px 14px;
	margin-left: 7px;
	margin-right: 7px;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 152px;	 
}

.columnquarterwhite {
    float: left;
	display: inline;
	background: #fff;
	padding: 14px 14px 14px 14px;
	margin-left: 7px;
	margin-right: 7px;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 152px;	 
}

.columnquarterimage {
    float: left;
	display: inline;
	background: #ccc;
	padding: 0;
	margin: 0 7px 14px 7px;
	width: 180px;
}
	
#titlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid transparent;
	color: #ccc;			
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}	

#titlequarterfix {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid transparent;
	color: #ccc;			
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}

#abouttitlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid #0c0;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}	

#linkstitlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid #9cf;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}

div.news {
    float: left;
	display: inline;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	background-attachment: scroll;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	height: 315px;
	width: 277px;
	overflow: auto;
}

#workdescribe {
    float: left;
	display: inline;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}

.aboutdescribe {
    float: left;
	display: inline;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}

#workdescriberight {
    float: right;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}


#menuquarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;
}

#menuquarterwhite {
    float: left;
	display: inline;
	background: #fff;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;
}

#linkdescribe {
    float: left;
	display: inline;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}

#linkdescribe ul {
	list-style-image: url(../artwork/menu-right-arrow-black.gif);
	margin: 0; 
	padding: 0;
}

#workdescribealt li {
	display: inline;	
	padding-left: 25px;
	background: url(../artwork/menu-right-arrow.gif) no-repeat;	
}

* html #workdescribe p {
	width: 99%;
}

.workdisplay {
    float: left;
	display: inline;
	background: transparent;
	margin: 0 7px 14px 7px;
	width: 277px; 
}

#fullpage {
	background: white;
	width: 605px;
	height: 540px;
	top: 119px;
	left: 45px;
	position: absolute;
	overflow: auto;
	padding-right: 10px;
}

.column {
	width: 280px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.workdisplayspan {
    float: left;
	display: inline;
	background: #ccc;
	margin: 0 7px 14px 7px;
	width: 568px; 
}

/* jŸrg stuff */

u { /* instead of .highlight! */
	text-decoration: none;
	color: #f0c;
}

#editmenu {
	position: absolute;
	background: #cff;
	padding: 0px;
	width: 150px;
	padding: 14px;
	margin-left: -14px;
	margin-top: 14px;
	z-index: 1;
}

#edit {
	position: absolute;
	width: 540px;
	margin: -14px;
	padding: 14px;
	z-index: 1;
	background: #fff url(/static/paper-dotted-grey.gif);
}

#edittext {
	width: 530px;
}

#changedNodes {
	float: left;
	margin-right: 15px;
}

#changedDates {
	clear: right;
}

ul.chooser {
	display: none;
	padding: 0;
	margin: 0 0 0 28px;
	list-style-type: none;
	white-space: nowrap;
}

p.chooser {
	padding: 0;
	margin: 0;
}


#fullpage ul, #fullpage ol {
	list-style-position: outside;
	margin-left: 40px;
}
#fullpage li {
	margin-bottom: 4px;

/*</group>*/
/*</group>*/

/*</group>*/