/* --- RESET + BASIC RESTORATION (derived from Yahoo Reset, Base) --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
blockquote,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
dl dd{margin-left:1em;}
th{font-weight:bold;text-align:center;}
th,td{border:1px solid #e0e0e0;padding:.5em;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,pre, ul{margin-bottom:1em;}
label {padding-bottom:3px;}
strong {font-weight:bold;}

body {
	margin: 30px 0 0 0;
	padding: 0px;
	background-color: #f8fbef;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 8pt;
}

#main {
	width: 894px;
	margin: 0 auto;
}

#header {
	margin-bottom: 24px;
	width: 843px;
	height: 44px;
	background-color: #eae7d5;
	padding: 12px 27px 10px 24px;
}

#navigation {
	width: 546px;
	float: left;
	margin:0px;
	padding: 0px;
	position: relative;
	z-index: 10;
}

#navigation ul {
	padding: 0;
	margin: 0;
}

#Home a, #Services a, #LookingForward a, #Portfolio a, #AboutUs a, #Contact a{
	width: 180px;
	height: 21px;
	position: absolute;
}

#Home a { background: url('../images/but_home1.gif') no-repeat; }
#Home a:hover { background: url('../images/but_home2.gif') no-repeat; }
#Services a { background: url('../images/but_services1.gif') no-repeat; }
#Services a:hover { background: url('../images/but_services2.gif') no-repeat; }
#LookingForward a { background: url('../images/but_lookingforward1.gif') no-repeat; }
#LookingForward a:hover { background: url('../images/but_lookingforward2.gif') no-repeat; }
#Portfolio a { background: url('../images/but_portfolio1.gif') no-repeat; }
#Portfolio a:hover { background: url('../images/but_portfolio2.gif') no-repeat; }
#AboutUs a { background: url('../images/but_aboutus1.gif') no-repeat; }
#AboutUs a:hover { background: url('../images/but_aboutus2.gif') no-repeat; }
#Contact a { background: url('../images/but_contact1.gif') no-repeat; }
#Contact a:hover { background: url('../images/but_contact2.gif') no-repeat; }

.SubNav {
	width: 184px;
	height: 20px;
	position: absolute;
}

#AboutUsSub, #ServicesSub, #LookingForwardSub, #PortfolioSub {
	position: absolute;
	visibility: hidden;
	width:184px;
	background: url('../images/subnav_bottom.gif') no-repeat bottom;
}

#AboutUsSub {
	top:44px;
	left:180px;
	height:69px;
}

#ServicesSub {
	top:21px;
	left:180px;
	height:129px;
}

#LookingForwardSub {
	top:21px;
	left:362px;
	height:49px;
}

#PortfolioSub {
	top:44px;
	left:-2px;
	height:349px;
}

#AboutUsSub1 {background: url('../images/but_aboutus_sub11.gif') no-repeat;top:4px;}
#AboutUsSub1:hover {background: url('../images/but_aboutus_sub12.gif') no-repeat;}
#AboutUsSub2 {background: url('../images/but_aboutus_sub21.gif') no-repeat;top:24px;}
#AboutUsSub2:hover {background: url('../images/but_aboutus_sub22.gif') no-repeat;}
#AboutUsSub3 {background: url('../images/but_aboutus_sub31.gif') no-repeat;top:44px;}
#AboutUsSub3:hover {background: url('../images/but_aboutus_sub32.gif') no-repeat;}

#ServicesSub1 {background: url('../images/but_services_sub11.gif') no-repeat;top:4px;}
#ServicesSub1:hover {background: url('../images/but_services_sub12.gif') no-repeat;}
#ServicesSub2 {background: url('../images/but_services_sub21.gif') no-repeat;top:24px;}
#ServicesSub2:hover {background: url('../images/but_services_sub22.gif') no-repeat;}
#ServicesSub3 {background: url('../images/but_services_sub31.gif') no-repeat;top:44px;}
#ServicesSub3:hover {background: url('../images/but_services_sub32.gif') no-repeat;}
#ServicesSub4 {background: url('../images/but_services_sub41.gif') no-repeat;top:64px;}
#ServicesSub4:hover {background: url('../images/but_services_sub42.gif') no-repeat;}
#ServicesSub5 {background: url('../images/but_services_sub51.gif') no-repeat;top:84px;}
#ServicesSub5:hover {background: url('../images/but_services_sub52.gif') no-repeat;}
#ServicesSub6 {background: url('../images/but_services_sub61.gif') no-repeat;top:104px;}
#ServicesSub6:hover {background: url('../images/but_services_sub62.gif') no-repeat;}

#LookingForwardSub1 {background: url('../images/but_lookingforward_sub11.gif') no-repeat;top:4px;}
#LookingForwardSub1:hover {background: url('../images/but_lookingforward_sub12.gif') no-repeat;}
#LookingForwardSub2 {background: url('../images/but_lookingforward_sub21.gif') no-repeat;top:24px;}
#LookingForwardSub2:hover {background: url('../images/but_lookingforward_sub22.gif') no-repeat;}

#PortfolioSub1 {background: url('../images/but_portfolio_sub11.gif') no-repeat;top:4px;}
/*#PortfolioSub1:hover {background: url('../images/but_portfolio_sub12.gif') no-repeat;}*/
#PortfolioSub2 {background: url('../images/but_portfolio_sub21.gif') no-repeat;top:24px;}
#PortfolioSub2:hover {background: url('../images/but_portfolio_sub22.gif') no-repeat;}
#PortfolioSub3 {background: url('../images/but_portfolio_sub31.gif') no-repeat;top:44px;}
#PortfolioSub3:hover {background: url('../images/but_portfolio_sub32.gif') no-repeat;}
#PortfolioSub4 {background: url('../images/but_portfolio_sub41.gif') no-repeat;top:64px;}
#PortfolioSub4:hover {background: url('../images/but_portfolio_sub42.gif') no-repeat;}
#PortfolioSub5 {background: url('../images/but_portfolio_sub51.gif') no-repeat;top:84px;}
/*#PortfolioSub5:hover {background: url('../images/but_portfolio_sub52.gif') no-repeat;}*/
#PortfolioSub6 {background: url('../images/but_portfolio_sub61.gif') no-repeat;top:104px;}
#PortfolioSub6:hover {background: url('../images/but_portfolio_sub62.gif') no-repeat;}
#PortfolioSub7 {background: url('../images/but_portfolio_sub71.gif') no-repeat;top:124px;}
/*#PortfolioSub7:hover {background: url('../images/but_portfolio_sub72.gif') no-repeat;}*/
#PortfolioSub8 {background: url('../images/but_portfolio_sub81.gif') no-repeat;top:144px;}
#PortfolioSub8:hover {background: url('../images/but_portfolio_sub82.gif') no-repeat;}
#PortfolioSub9 {background: url('../images/but_portfolio_sub91.gif') no-repeat;top:164px;}
#PortfolioSub9:hover {background: url('../images/but_portfolio_sub92.gif') no-repeat;}
#PortfolioSub10 {background: url('../images/but_portfolio_sub101.gif') no-repeat;top:184px;}
#PortfolioSub10:hover {background: url('../images/but_portfolio_sub102.gif') no-repeat;}
#PortfolioSub11 {background: url('../images/but_portfolio_sub111.gif') no-repeat;top:204px;}
#PortfolioSub11:hover {background: url('../images/but_portfolio_sub112.gif') no-repeat;}
#PortfolioSub12 {background: url('../images/but_portfolio_sub121.gif') no-repeat;top:224px;}
/*#PortfolioSub12:hover {background: url('../images/but_portfolio_sub122.gif') no-repeat;}*/
#PortfolioSub13 {background: url('../images/but_portfolio_sub131.gif') no-repeat;top:244px;}
#PortfolioSub13:hover {background: url('../images/but_portfolio_sub132.gif') no-repeat;}
#PortfolioSub14 {background: url('../images/but_portfolio_sub141.gif') no-repeat;top:264px;}
#PortfolioSub14:hover {background: url('../images/but_portfolio_sub142.gif') no-repeat;}
#PortfolioSub15 {background: url('../images/but_portfolio_sub151.gif') no-repeat;top:284px;}
/*#PortfolioSub15:hover {background: url('../images/but_Portfolio_sub152.gif') no-repeat;}*/
#PortfolioSub16 {background: url('../images/but_portfolio_sub161.gif') no-repeat;top:304px;}
#PortfolioSub16:hover {background: url('../images/but_portfolio_sub162.gif') no-repeat;}
#PortfolioSub17 {background: url('../images/but_portfolio_sub171.gif') no-repeat;top:324px;}
#PortfolioSub17:hover {background: url('../images/but_portfolio_sub172.gif') no-repeat;}

#navigation li {
	background-color: #999750;
	list-style: none;
	float: left;
	width: 180px;
	height: 21px;
	line-height: 21px;
	margin-bottom:2px;
	margin-right:2px;
	font-weight:bold;
}

#logo {
	margin-left: 16px;
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat;
	width: 281px;
	height: 44px;
	float: left;
}

#logo a {
	width: 281px;
	height: 44px;
	position: absolute;
}

#sidenav, #sidenav_grn, #sidenav_gry {
	width: 323px;
	height: 487px;
	float: left;
	position: relative;
	z-index: 2;
}

#sidenav { background-color: #de6422; }
#sidenav_grn { background-color: #809d30; }
#sidenav_gry {
	background-color: #e1decc;
	background-image: url('../images/sidenav_gry_bg.gif');
	background-repeat: repeat-y;
}

#description, #description_gry  {
	width: 284px;
}

#description_gry {
	padding: 0 15px 0 24px;
	color:#6b6b6a;
}

#description {
	height: 409px;
	padding: 0 15px 0 24px;
	color:#FFFFFF;
}

#title {
	font-weight: bold;
	font-size: 10pt;
	letter-spacing:-0.5px;
	
}

#footer {
	margin-top: 25px;
	margin-bottom: 28px;
	width: 893px;
	height: 52px;
	background-image: url('../images/footer.gif');
}

#footer p {
	padding-top:63px;
	text-align:right;
	color: #9b9487;
}

#content {
	width: 570px;
	float: left;
}

#MoreProjects {
	position: absolute;
	bottom: 10px;
	left: 20px;
	color: #a1a1a1;
	width: 140px;
}

#MoreProjects div {
	float: left;
	padding-right: 10px;
}

#MoreProjects1, #MoreProjects2 {
	width: 8px;
	height: 9px;
	cursor: pointer;
}

#MoreProjectsText {line-height: 9px;}

#MoreProjects1 { background: url("../images/but_otherprojects_11.gif") no-repeat; }
#MoreProjects1:hover { background: url("../images/but_otherprojects_12.gif") no-repeat; }
#MoreProjects2 { background: url("../images/but_otherprojects_21.gif") no-repeat; }
#MoreProjects2:hover { background: url("../images/but_otherprojects_22.gif") no-repeat; }

#MoreImages {
	position: absolute;
	bottom: 10px;
	right: 20px;
	z-index: 3;
}

#MoreImages1, #MoreImages2, #MoreImages3, #MoreImages4 {
	width: 9px;
	height: 24px;
	float: left;
	padding-left: 10px;
}

#MoreImages1 { background: url("../images/but_11.gif") no-repeat; }
#MoreImages1:hover { background: url("../images/but_12.gif") no-repeat; }
#MoreImages2 { background: url("../images/but_21.gif") no-repeat; }
#MoreImages2:hover { background: url("../images/but_22.gif") no-repeat; }
#MoreImages3 { background: url("../images/but_31.gif") no-repeat; }
#MoreImages3:hover { background: url("../images/but_32.gif") no-repeat; }
#MoreImages4 { background: url("../images/but_41.gif") no-repeat; }
#MoreImages4:hover { background: url("../images/but_42.gif") no-repeat; }

.clear { clear: both;}