* {
margin: 0;
padding: 0;
}

#indicatorwrapper {
display: block;
float: left;
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 5px;
}

#indicatorwrapper #loading {
position: relative;
width: 16px;
height: 16px;
}

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

body, p {
color: #BFBFBF;
font: .9em tahoma, century gothic, Trebuchet MS, verdana, sans-sarif;
line-height: 17px;
letter-spacing: .02em;
}

p {
margin-bottom: 10px;
}

a {
color: #F7A240;
text-decoration: none;
border-bottom: 1px solid white;
}

sup {
font-size: 70%;
}

em, strong, sup {
color: #F7A240;
}

a:hover {
background: white;
color: #151515;
}

#header {
position: relative;
width: 100%;
height: 75px;
background: url(images/header.png);
}

* html #header {
height: 67px;
border-bottom: 7px solid #292929;
}

#header h1 {
text-indent: -3000px;
height: 47px;
width: 243px;
position: absolute;
top: 10px;
right: 20px;
}

html > body #header h1 {
background: url(images/logo.png) no-repeat;
}

* html  #header h1 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop')
}


#subheader {
width: 100%;
height: 309px;
text-indent: -3000px;
position: relative;
}

html > body #subheader {
background: url(images/subheader.png) top center no-repeat;
}

* html  #subheader h3 {
margin: 0 auto;
width: 1000px;
height: 309px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subheader.png', sizingMethod='crop')
}

#wrapper {
width: 890px;
margin: 0 auto;
position: relative;
margin-top: 0px;
}

#folio {
list-style: none;
float: left;
width: 379px;
}

#folio li {
width: 100%;
float: left;
margin-bottom: 0;
/* margin-bottom: 70px; */
padding: 0;
}

#folio .description p strong {
/*color: #70003B;
color: #F7A240;
color: #141414;*/
color: #5F482F;
border-bottom: none;
text-align: left;
font-size: 12px;

/*padding-left: 5px !important;
background: url(images/highlight.png) repeat-x;*/
background: #DFDDD1;
padding: 1px;

}

#folio .screenshot img {
float: left;
padding: 2px;
border: 3px solid #222;
opacity: .7;
}

#folio li:hover .screenshot img {
background: #222;
border: 2px solid #EFEFEF;
padding: 3px;
opacity: 1;
}

#folio li {
position: relative;
}

* html #folio li {
margin-bottom: 10px;
}

.screenshot {
position: relative;
width: 379px;
display: inline-block;
text-decoration: none;
border: none;
}

#folio li .screenshot span {
display: block;
width: 379px;
height: 103px;
position: absolute;
z-index: 99;
visibility: hidden;
cursor: hand;
}

html > body #folio li .screenshot span {
background: url(images/closerlook.png) top center no-repeat;
}
	html > body ul#folio li a.web span {
	background: url(images/visitsite.png) top center no-repeat;
	}
	
* html  #folio li .screenshot span {
top: 5px; left: 5px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/closerlook.png')
}

	* html  ul#folio li a.web span {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/visitsite.png')
	}

#folio li .screenshot:hover span {
visibility: visible;
}

#folio a.pull {
display: block;
width: 379px;
float: left;
text-indent: -3000px;
height: 19px;
text-decoration: none;
border: none;
margin-bottom: 10px;
overflow: hidden;
outline: none;
cursor: hand;
}

html > body #folio li .pull {
background: url(images/pulldown.png) top left no-repeat;
}

* html  #folio li .pull {
margin-top: -3px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pulldown.png', sizingMethod='crop')
}

* html  #folio li .pull:hover {
background: transparent;
text-decoration: none;
}

#folio li a.pull:hover, #folio li:hover a.pullopen {
background: url(images/pulldown.png) bottom left no-repeat;
}

#folio .description {
float: left;
width: 379px;
background: #222 url(images/gradient.jpg) repeat-x;
border-bottom: 2px solid #70003B;
}

* html #folio .description {
margin-top: -3px;
}

#folio .description p {
color: #EFEFEF;

color: #CFCFCF;
text-align: justify;

font-size: 85%;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
}

#info {
float: left;
width: 487px;
margin-left: 12px;

}

#info p {
width: 430px;
margin-left: 31px;
margin-bottom: 20px;
line-height: 20px;
border-left: 7px solid #1f1f1f;
padding-left: 10px;

}

#contactwrapper {
float: left;
width: 484px;
height: 792px;
background: #1f1f1f;
margin-top: 30px;
margin-left: 27px;
}

#contact {
background: #1f1f1f;
float: left;
width: 452px;
border-left: 7px solid #1f1f1f;
padding: 15px 15px 15px 10px;
}

#contact p {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid black;
}

#contact .formline {
width: 100%;
float: left;
clear: both;
}

#contact label {
float: left;
}

#contact input, #contact select {
float: right;
width: 250px;
}

#contact select {
width: 262px;
}

#contact select option {
padding: 2px;
}

#contact label[for=who], #contact label[for=message] {
padding: 15px 0 5px;
}

#contact textarea {
margin-top: 5px;
width: 438px;
height: 200px;
}

#contact input, #contact textarea, #contact select {
border: 1px solid #222;
background: #EFEFEF;

font: 100% tahoma, century gothic, Trebuchet MS, verdana, sans-sarif;
line-height: 17px;
letter-spacing: .02em;

padding: 5px;

}

#contact input#submit {
float: left;
}

#closecontact {
float: left;
margin: 5px;
}

#contactresults {
/*position: absolute;
top: 100px;
left: 50%;
margin-left: -250px;
border: none;
width: 500px;
padding: 50px 0px !important;
background: #1F1F1F;
z-index: 999999999;*/
background: #FFFFBF;
text-align: center;
padding-top: 9px;
color: black;
}

#lightbox {
color: black;
}

br.clear {
clear: both;
}

#footer {
margin-top: 50px;
float: left;
clear: both;
width: 100%;
background: #040404;
border-top: 3px solid #222;
}

#footer p {
text-align: center;
padding: 10px;
margin: 0;
color: #CFCFCF;
}