@charset "ISO-8859-1";
/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

*
{
	margin: 0;
	padding: 0;
	font: 13px/15px Georgia, arial;
	color: #69655a;
}


body
{
	padding: 0;
	margin: 10px 10px 10px 10px;
	background-image: url(../images/30.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	background-color: black;
	font-size: 12px;
}

h1, h2, h3, h4, h6 { color: #837e60; }
h1 { margin: 10px 0px 10px 20px; font-size: 53px; line-height: 53px; color: #d6d4ae; letter-spacing: -2px; }
h2 { margin: 0px 0px 10px 0px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
h3 { margin: 0px 0px 10px 0px; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
h4 { padding-left: 10px; margin-bottom: 5px; font-size: 14px; line-height: 23px; letter-spacing: 1px; background: url(../images/h3_back.jpg) repeat-x; text-transform: uppercase; font-weight: bold; }
h5 { font-size: 12px; background: url(../images/h3_back.jpg) repeat-x; text-transform: uppercase; }
h6 { margin: 0px 0px 10px 20px; font-size: 14px; text-transform: uppercase; float: left; }

img { border: none; }

a { color: #edecde; }
a:hover { color: #f7f6ef; }

p { margin: 0 0 20px 0; line-height: 140%; }

.hidden { display : none; }


div.hr, div.hr_thick { clear: both; height: 1px; width: 100%; background-color: #1f74b7; margin: 8px 0px 8px 0px; }

div.hr_thick { height: 3px; }

#header { height: 72px; padding-left: 30px; }

#portfolio { width: 950px; margin: 20px 0px 150px 0px; padding-bottom: 100px; }

#portfolio #what_we_do { margin: 10px 0px 0px 20px; width: 55%; float: left; }
#portfolio #contact_us { margin: 10px 20px 0px 0px; width: 40%; float: right;}
#portfolio #contact_us table { float: right; }
#portfolio #contact_us table th { padding: 5px 10px 5px 20px; text-align: left; }
#portfolio #contact_us table td { text-align: left; color: white; padding: 3px; color: #edecde; }
#portfolio #contact_us table th img { vertical-align: middle; }


#portfolio th.request     { vertical-align: middle; }
#portfolio th.request h5  { display: inline; vertical-align: middle; width: 95px; height: 23px; padding: 3px 10px 3px 10px; }
#portfolio th.request a   { color: #887a83; text-decoration: none; }
#portfolio th.request a:hover  { color: #a2919c; }
#portfolio th.request img { vertical-align: bottom; }


#portfolio div.sub_title    { float: left; margin-bottom: 5px; width: 100%; }
#portfolio div.sub_title h2 { float: left; margin-left: 20px; }

#portfolio div.back_to_top     { float: right; width: 125px; }
#portfolio div.back_to_top img { float:left; vertical-align: middle; }
#portfolio div.back_to_top h5  { float: right; width: 84px; height: 23px; display: table-cell; padding: 4px 10px 0px 10px; }
#portfolio div.back_to_top a   { color: #887a83; text-decoration: none; }
#portfolio div.back_to_top a:hover  { color: #a2919c; }


#portfolio .main_image { clear: both; }

#portfolio div.description { width: 60%; float: left; margin: 0px 30px 30px 20px; }
#portfolio div.resources { width: 33%; float: left; }
#portfolio div.resources th { text-align: left; padding: 3px 12px; }
#portfolio div.resources th img { float: none; vertical-align: middle; }
#portfolio div.resources td { text-align: left; padding: 3px; }


#contact { background-color: black; width: 613px; padding: 5px; }

#contact *, #contact #intro { color: #858175; font-size: 13px; line-height: 15px; }
#contact #intro { width: 98%; }

#contact th { white-space: nowrap; text-align: left; vertical-align: top; padding: 3px 3px 0px 0px; }
#contact th, #contact td { padding: 3px; }
#contact td.header { font-weight: bold; }

#contact .textbox,
#contact select,
#contact option,
#contact textarea { color: #999999; font-family: arial; border: solid #333333 1px; background-color: #181818; }

#contact .textbox { width: 200px; }

#bottom_fade {
	width: 100%;
	height: 76px;
	z-index: 99;
	position: fixed;
	bottom: 0%;
	background-image: url(../images/bottom-fade.png);
}