/* = general 
------------------- */
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, address, em, img, small, strong, ol, ul, li, fieldset, form, label, input, legend, table, thead, tbody, tfoot, caption, tr, th, td {
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin: 0px;
outline: 0px;
padding: 0px;
}
body {
color: #000;
font: normal 12px Verdana,Arial,Helvetica,sans-serif;
line-height: 1;
}
:focus {
outline: 0px;
}
ol, ul {
list-style-type: none;
}

/* = masthead 
------------------- */
#dashboard {
background-color:#000; 
clear: left; 
height:20px;
left: 0px; 
letter-spacing: 1px; 
margin: 0px; 
overflow: hidden; 
padding: 8px 5px; 
position: fixed; 
top: 0px; 
width: 100%; z-index: 5;
}
#dashboard h2 {
font: 900 20px century gothic,Arial,Helvetica,sans-serif;
}
#dashboard h2 a {
color: #999; 
float: left; 
font-weight: normal; 
font-size: 20px; 
margin: 0px 0px 8px 35px;
text-decoration: none;
}
#dashboard em {
color: #fff; 
float: right; 
font-style: italic;
margin: 0px 35px 8px 0px;
}
#dashboard small {
color: #666;
font-size: 14px;
}
#header, #footer {
height: 144px;
margin: 0px auto;
overflow: hidden;
}
#header {
height: 144px;
}
#header, #footer {
margin: 10px auto;
overflow: hidden;
width: 100%;
}
#footer {
margin: 35px auto 5px;
width: 900px;
}
#footer img {
border: 0px none;
vertical-align: middle;
}
#footer, #footer a {
color: #999;
text-align: left;
text-decoration: none;
}
#footer ul {
list-style-type: none;
margin: 0px;
padding:0px;
}
#footer ul li {
float: left;
margin-right: 25px;
}
.wrapper { 
overflow: hidden;
position: relative;
}
.rtCol {
float: right;
}
.ltCol {
float: left;
}

#logo {
height: 144px;
margin: 0px;
position: relative;
text-align:center;
width: 252px;
}
#logo #title {
bottom: 50px;
left: 25px;
position: absolute;
}
#logo #hgc {
background: transparent url(../images/logos/logo-hgc.gif) no-repeat 0 0;
display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}

.errorbox {
background-color:#FFFFFF;
font-size: 12px;
padding:10px;
position: absolute;
right: 145px;
text-align: center;
top: 70px;
width: 265px;
z-index: 30;
}
.errorbox h3 {
color: #993300;
}

/* = forms
------------------- */
.form {
position: relative;
}
fieldset {
border: 0px none; 
}
legend {
font: normal 16px Georgia,Times New Roman,Times, serif;
font-weight: 900;
}
textarea {
border-bottom: 0px none;
}
input {
font-size: 11px;
}
.text{
border: 0px none;
border-bottom: 1px #999999 solid;
}
.fdcheckbox {

}
.fdradio .title, .fdcheckbox .title {
display: block;
font-weight: 900;
clear:right;
margin-bottom:5px;
width:200px;
}
.fdtext input  {
background-color: transparent;
border: 0px none;
border-bottom: 1px #000 solid;

}
.fdselect  {
border: 0px none;

}
fieldset ol, fieldset ul {
list-style-type: none;
}


/* = Default Landing Page
------------------- */
#lp {
/*background: transparent url(../images/bg-brick.jpg) repeat 0 0;*/
background: #000 url(../images/bg-color4.jpg) repeat 0px;
}
/*
#lp #wrapper #footer {
background-color:#FFFFFF;
border-top:2px solid #999999;
}
*/
#lp #wrapper {
margin: 15px auto 0px;
padding:0px;
position: relative;
width: 900px;
z-index: 3;
}
#mainlp {
margin-top:15px;
overflow: hidden;
padding: 0px 15px;
width: 870px;
}
#mainlp legend {
text-indent: -5000px;
}
#about, #contact  {
margin:0;
padding: 20px 5px;
position: relative;
width: 375px;
}
#about a {
color: #000;
}
/*#about span, #contact span {
background-color: #E5EECC;
display: block;
opacity: 0.6;
filter:alpha(opacity=6);
height: 300px;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: -1;

}*/
#lp #wrapper span {
background-color: #FFF;
display: block;
opacity: 0.6;
filter:  alpha(opacity=50);
height: 410px;
left: 0px;
margin-top:30px;
position: absolute;
top: 0px;
width: 100%;
z-index: -1;

}
#contact  {
margin: 80px auto 0px;
}
#about #portfolio {
margin-bottom: 5px;
width: 200px;
}
#mainlp .fdtext {
overflow: hidden;
}

#mainlp .fdtext li {
clear: both;
line-height: 2.5;
width: 300px;
}

#mainlp .fdtext input  {
width:190px;
}

#mainlp p {
line-height: 1.5;
margin:7px 0px 0px;
padding: 0px 5px;
}

#contact .fdradio, #contact .fdcheckbox, #contact .fdtext {
margin: 10px auto 5px;
overflow:hidden;
padding:0px;
}
#contact .fdradio li {
float: left;
margin-bottom:5px;
width: 100px;
}
#mainlp .fdradio label {
float: left;
margin-left:8px;
}
#mainlp .fdradio input {
float: left;
}
#mainlp #fdsubmit {
clear: both;
float: left;
margin-top: 20px;
padding: 0px;
}

#mainlp #fdsubmit li {
float:left;
}
#mainlp #about label {
display: block;
font-weight: 900;
margin:8px 0px 5px;
}
#mainlp #contact label {
font-weight: 900;
}
#mainlp #submit {
background-color: #333;
border: 1px #fff solid;
color: #fff;
cursor: pointer;
letter-spacing:1px;
padding:0px 5px 2px;
}
address {
font-style: normal;
line-height:1.5;
margin-top: 10px;
}