@charset "utf-8";
    /*------------------------------------------------------------------------------------
      Global Styles
    ------------------------------------------------------------------------------------*/
    * {
        padding:0;
        margin:0;
    }
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:.7em 0; }
    li, dd { margin-left:5%; }
    fieldset { padding: .5em; }
    select option{ padding:0 5px; }

    .hide, .print-logo, .close-button{ display:none; }
    .left{ float:left; }
    .right{ float:right; }
    .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; }
    a img{ border:none; outline:none; }
	

/*----------------------------------------------------------------------
  Basics
----------------------------------------------------------------------*/

body {
	background:#151515;
	color: #CCC;
	font-size:1.2em;
	font-family:"Times New Roman", Times, serif;
}


a:link, a:visited {
	color: #FAB809;
	text-decoration:none;
	
}

p > a:link, p > a:visited {
	border-bottom: 1px dotted #FAB809;
}

a:hover {
	color:#FFF;
}

h1, h2, h3, h4 {
	color: #FFF;
}

strong {
	font-weight:normal;
	}

/*----------------------------------------------------------------------
  Navigation
----------------------------------------------------------------------*/

#navbar {
	position: absolute;
	top:0px;
	right:0px;
	background: url(images/nav-bg.gif) #151515 no-repeat bottom left;
	height: 40px;
	margin: 0;
}

#navbar a {
	border: none;
}

#navbar li {
	float: left;
	margin: 10px;
	list-style: none;
}


/*----------------------------------------------------------------------
  Main Bits
----------------------------------------------------------------------*/

#tree {
	width: 100%;
	height: 346px;
	margin: 0 auto;
	text-align:center;
	background: url(images/ground.gif) repeat-x bottom center;
}

#danmc {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 5px;
}

#content {
	margin: 0 auto;
	width: 600px;
}



h1.about, h1.work, h1.contact {
	height: 50px;
	margin: 0;
}

h1.about span, h1.work span, h1.contact span {
	display: none;
}

h1.about {
	background: url(images/h1-about.gif) no-repeat;
	width:210px;
}

h1.work {
	background: url(images/h1-work.gif) no-repeat;
	width: 210px;
}

h1.programs {
	background: url(images/h1-programs.gif) no-repeat;
	width: 250px;
	height: 60px;
}

h1.contact {
	background: url(images/h1-contact.gif) no-repeat;
	width: 210px;
}

h2 {
	margin-top: 0;
}

.port,.port1, .forms {
	/*border: 1px solid #111;
	border-top: 1px solid #222;
	border-left: 1px solid #222;*/
	margin-bottom: 5px;
	padding: 4px;
}


.box {
	position: relative;
	background-color: #222;
	padding: 5px;
	border-left: 1px solid #333;
	background:url(images/boxfade.gif) repeat-y;
}

.box-tr, .box-bl {
	position:absolute;
	height: 10px;
	width: 10px;
}

.box-tr {
	background:url(images/box-tr.gif) no-repeat;
	top: -1px;
	right: -1px;
}

.box-bl {
	background: url(images/box-bl.gif) no-repeat bottom;
	bottom: -1px;
	left: -1px;
	margin-bottom: -1px;
}

img {
	/*border: 2px solid #333;*/
}

#footer {
	margin: 10px auto 10px;
	width: 600px;
	border-top: 1px solid #333;
	color: #333;
	font-size: .8em;
}

li {
	list-style-type:circle;
}

body {
	background:url(images/bg.gif) repeat-x #151515;
}

.contactform label{
	width: 120px;
	display: block;
	color: #FFF;
	float:left;
	margin: 1px;
	font-size:14px;
}

.contactform div {
	clear:both;
	padding: 1px;
}

input {
	width: 150px;
	border: 1px solid #666;
	background-color: #222;
	color: #CCC;
	margin-top: 12px;
	padding: 2px;
}

textarea{
	width: 350px;
	height: 200px;
	overflow: auto;
	background-color: #222;
	border: 1px solid #666;
	color: #CCC;
	padding: 2px;
}

button{
	background-color: #222;
	border: 1px solid #666;
	color: #CCC;
}

#msgmsg{
	float: left;
}



/*-----------------------------------------------------------------------
Forms
------------------------------------------------------------------------*/

ol.forms {
	float: left;
	list-style: none;
	width: 100%;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
	list-style: none;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding-right: 1%;
	text-align: right;
	width: 15%;
}

ol.forms input { width: 39%; }

ol.forms textarea {
	height: 20em; 
	width: 64%; 
}

ol.forms input, ol.forms textarea, ol.forms button { font: 1em Georgia, "Times New Roman", Times, serif; }

ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
	font-size: .8em;
	color: #BF3D3D;
}


ol.forms li.buttons {
	padding-left: 11%;
	width: 89%;
}