/* Layout */
ul.menu { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.menu li {
	}
	

body { 
	background: url(../images/bg.gif);
	font-family: "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}

div#template { 
	width: 900px;
	position: relative;
	font-size: 1.1666em;
}
div#main { 
	margin-top: 75px;
}
div#header { 
	height: 140px;
	background: url(../images/logo.png) no-repeat 78px 76px;
	padding-right: 100px;
}
	div#header ul.menu {
		width: 320px;
		margin-top: 120px;
		float: right;
		line-height: 20px;
	}
		div#header ul.menu li {
			display: inline;
		}
		div#header ul.menu li.div a {
			border-left: 1px solid #999;
			padding-left: 10px;
		}
		div#header ul.menu a {
			float: right;
			margin-left: 10px;
		}
			div#header ul.menu a:active {  }
			div#header ul.menu a:hover {  }
		div#header .home {
			width: 260px;
			height: 130px;
			float: left;
			margin-top: 10px;
			text-decoration: none;
			text-indent: -9999px;
			font-size: 0;
			position: absolute;
			top: 0;
			left: 0;
			outline: none;
			z-index: 2;
		}
		div#header div#ticks { 
 			width: 200px; 
 			height: 125px;
			margin-left: 160px;
			padding-top: 5px;
			position: relative;
			top: -13px;
 		}
div#panel { 
	width: 265px;
	height: 200px;
	float: left;
	margin-right: 95px;
}
	div#panel ul.menu { 
		width: 56px;
		float: right;
	}
	div#panel ul.menu li { 
	}
		div#panel ul.menu li a { 
			display: block;
			height: 24px;
			height: 23px;
			background: url(../images/menu.png) no-repeat 0 0;
			color: #36c;
			text-align: center;
			text-decoration: none;
			line-height: 36px;
			font-size: 0;
			text-indent: -9999px;
			margin-bottom: 13px;
			outline: none;
		}
			div#panel ul.menu li#home a:hover { background-position: -56px 0; }
			div#panel ul.menu li#work a { background-position: 0 -36px; }
			div#panel ul.menu li#work a:hover { background-position: -56px -36px; }
			div#panel ul.menu li#projects a { background-position: 0 -72px; }
			div#panel ul.menu li#projects a:hover { background-position: -56px -72px; }
			div#panel ul.menu li#contact a { background-position: 0 -144px; margin-top: 48px; }
			div#panel ul.menu li#contact a:hover { background-position: -56px -144px; }
div#content { 
	float: left;
	width: 439px; /* 720 - 10 = 710 */
	padding-bottom: 50px;
	/* background: url(../images/content-06.jpg) no-repeat 100% 0; */
}
	div#content em { 
	}
	h1 { 
		display: none;
	}
	div#content h2 { 
		margin-bottom: 20px;
		font-weight: normal;
	}
		div#content h2 span { 
			color: #999;
			border-left: 1px solid #000;
			padding-left: 5px;
		}
			div#content h2 span span { 
				border: none;
				display: none;
			}
	div#content h3 { 
		font-size: 1em;
	}
	div#crumb { 
		margin: 0 0 10px 0;
		line-height: 20px;
		font-size: 11px;
		border-bottom: 1px dotted #999;
	}
		div#crumb span { color: #900; }
	div#skip { 
		height: 24px;
		line-height: 24px;
		font-weight: bold;
		border-bottom: 1px dotted #999;
		margin-bottom: 10px;
		display: none;
	}
		div#skip .note { 
			display: none;
		}
		
		div#skip .current .note { 
			display: inline;
		}
		
		div#skip .current a { 
			color: #C00;
			text-decoration: none;
			cursor: default;
			outline: none;
		}
		div.step { 
			/*height: 415px;  400 - 25 - 10 = 365 */
			/*position: relative;*/
			margin-bottom: 50px;
		}
		div.step li span { 
			font-size: 10px;
			color: #999;
		}
	div#content ul.col { 
		width: 175px;
		float: left;
		margin-top: 0;
		margin-bottom: 0;
	}
	div#content .small { 
		line-height: 18px;
	}
div#content a.next { 
	display: block; 
	width: 130px;
	height: 15px;
	background: url(../images/continue.gif) no-repeat;
	border: none;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	position: relative;
}
div#content a.next:hover{ 	
	background-position: 0 -15px;
}
div#content a.back { 
	display: block; 
	width: 60px;
	height: 11px;
	background: url(../images/back.gif) no-repeat;
	border: none;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	margin-bottom: 20px;
	position: relative;
	margin-top: 7px;
}
div#content a.back:hover{ 	
	background-position: 0 -11px;
}
div#content a.next,
div#content a.back { 
	display: none;
}

	div#intromenu { 
		height: 85px;
		width: 630px;
		margin: 20px 0 0 auto;
		display: none;
	}
		div#intromenu ul { 
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			div#intromenu ul li { 
				display: inline;
				float: left;
			}
				div#intromenu ul li a { 
					display: block;
					width: 210px;
					height: 85px;
					float: left;
					background: url(../images/intro-menu.png);
					font-size: 0;
					text-indent: -9999px;
					text-decoration: none;
					outline: none;
				}
				div#intromenu ul li.one a:hover { background-position: 0 -85px }
				div#intromenu ul li.two a { background-position: -210px 0; }
				div#intromenu ul li.two a:hover { background-position: -210px -85px }
				div#intromenu ul li.three a { background-position: -420px 0; }
				div#intromenu ul li.three a:hover { background-position: -420px -85px; }
	div#content div.preview img { 
		float: right;
		border: 1px solid #999;
		margin: 0 0 20px 20px;
	}
	div#content div.preview a:hover img { 
		border: 1px solid #9CF;
	}
	.height15 { height: 15em; }
	.height11 { height: 11em; }

/*
div#footer { 
	margin: 2em 0;
	text-align: center;
	color: #999;
	background: url(../images/footer.png) no-repeat 50% 0;
	height: 30px;
	line-height: 20px;
	font-size: 0.8333em;
}
	div#footer p { 
		margin: 0;
		line-height: 20px;
	}
*/

div.clear { 
	clear: both;
}
div.status { 
	border: 1px dotted #808080;
	background: #EEE url(../../admin/images/progress.gif);
	padding: 5px;
	margin: 1em 0;
	font-weight: bold;
	color: #808080;
	font-size: 11px;
}
	div.status ul { 
		list-style-type: none; 
		margin: 0;
		padding: 0;
	}
div.errors { 
	margin: 0 0 10px 0; 
	padding: 5px 10px; 
	border: 1px solid #FC6;
	background-color: #FFC; 
}
div.errors p { margin: 0; }
div.errors em { 
	font-weight: bold;
	color: #F00;
	font-style: normal;
}
/* End - Layout */



/* Classes */
.invisible { visibility: hidden; }
.visible { visibility: visible; }
.hide, .hidden { display: none; }
.show { display: block; }
.error, .urgent, .important { color: #F00; }
.successful, .valid, .good, .success { color: #090; }
.failed, .invalid { color: #C00; }
.clear { clear: both; margin: 10px 0; }
.clear hr { display: none; }
.link { color: #00F; text-decoration: underline; cursor: pointer; }
.code { font-family: Terminal, 'Courier New', Courier, Sans-serif; font-size: 11px; }
.divider { border-bottom: 1px dotted #999; }
.subtext, .quotes { font-size: 10px; }
.quotes p { font-style: italic; }
.quotes p span {
	font-style: normal;
	white-space: nowrap;
	display: block;
	color: #999;
}
p.note span { 
	color: #C00; 
	font-style: normal;
}



/* _templates/default/css/language.css */
#languageform { 
}
#languageform select { font-weight: bold; }




#content input.next { 
	display: block; 
	width: 130px;
	height: 25px;
	background: url(../images/continue-submit.png) no-repeat;
	border: none;
	overflow: hidden;
	padding-top: 25px;
	font-size: 0;
	cursor: pointer;
}
#content input.next:hover{ 	
	background-position: 0 -25px;
}
#content input.back { 
	display: block; 
	width: 60px;
	height: 17px;
	background: url(../images/back-submit.png) no-repeat;
	border: none;
	overflow: hidden;
	padding-top: 17px;
	font-size: 0;
	cursor: pointer;
}
#content input.back:hover{ 	
	background-position: 0 -17px;
}




div#debug { 
	width: 50em;
	height: 30em;
	overflow: auto;
	white-space: nowrap;
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 10;
	border: 1px solid #F00;
	padding: 10px;
	background: #FEE;
	color: #900;
	font-size: 12px;
	font-family: 'Courier New', Courier, Sans-serif;
	white-space: pre;
}