/* CSS Document */

/**** Reset Browser Defaults: ****/



html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, button, textarea {
	margin: 0;
	padding: 0;
/*	border: 0; */
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	font-weight: normal;
	vertical-align: baseline;

}

.img {
	float: right;
	border: 4px solid #252525;
	margin-top: 6px;
	margin-left: 5px;
}
.imgborderoff {
	float: right;
	margin-top: 6px;
	margin-left: 5px;
}

a img, :link img, :visited img {

	border: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

ol, ul {

	list-style: none;
}
sup {
	vertical-align: top;
	font-size: 10px;
}

q:before, q:after,

blockquote:before, blockquote:after {

	content: "";

}

strong, bold { font-weight: bold; }



.left { float: left; } .right { float: right; }

.tagline { font-size: 1em; font-style: italic; color: #333; }

/***\

| A | Body

\***/

	

	body {

		background:url(../images/bg.jpg);

		font-size: 10px;

		font-family: Tahoma, Arial, Helvetica, Tunga, sans-serif;

		color: #fff;

		}

		

	#container { width: 820px; margin: 0px auto; /* background: url(../images/bg.header.gif) center top no-repeat*/ }

		hr.orange { width: 818px; height: 5px; background-color:#d63336; color: #d63336; border: none; margin-top: 3px; }

	.noshow { display: none; }

		

/***\

| B | Header

\***/



	#header {

		/*height: 99px;*/
		
		height: 69px;
		padding-top: 0px;
		
		padding-left: 0px;
		/* Old logo position padding-left: 66px; */

		/* Client does not like logo here? background: url(../images/logo.dk.gif) no-repeat right 8px; */ 

		font-family: Arial, Helvetica, sans-serif;

	} 
	

	#header #mainmenu {
	height: 44px;
	margin-top: 25px;
	float: left;
	font-size: 14px;
	z-index: 99 !important;
	background: url(../images/bg.menu.hover.gif) repeat-x;

		}
		
		#header #affilitatemenu {

		height: 44px;

		margin-top: 55px;

		width: 194px;

		float: right;

		font-size: 12px; 

		background: #0F0F0F; /*url(../images/bg.menu.hover.gif) repeat-x;*/

		}
		
		#affilitatemenu li { padding-left: 0px; padding-right: 0px; }

		#affilitatemenu li a { padding-left: 0px; padding-right: 0px; color: #768594; text-decoration: none; line-height: 44px; }

		#affilitatemenu li a:hover { color: #afc7e0; }

		#affilitatemenu li.active {background: url(../images/bg.menu.gif) repeat-x; }

		#affilitatemenu li.active a { color: #fff; }
		

		#mainmenu li { float: left; padding-left: 5px; padding-right: 5px; }

		#mainmenu li a { padding-left: 8px; display: block; padding-right: 8px; color: #768594; text-decoration: none; line-height: 44px; }

		#mainmenu li a:hover { color: #afc7e0; }

		#mainmenu li.active {background: url(../images/bg.menu.gif) repeat-x; }

		#mainmenu li.active a { color: #fff; }

	 	#mainmenu li ul { /* second-level lists */
		position: absolute;
		background: #1b1b1b;
		width: 200px;
		padding: 3px 0px 3px 0px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }


		#mainmenu li:hover ul, #mainmenu li.sfhover ul { /* lists nested under hovered list items */ left: auto !important; }
		#mainmenu li:hover, #mainmenu li.hover { position: static; }

		#header p.address {
		float: right;
		font-size: 1.2em;
		line-height: 1.5em;
		padding-right: 8px;
		text-align: right;
		width: 125px;
		background: url(../images/tab.gif) no-repeat right bottom;
		padding-top: 30px;
		margin-bottom: 0px;
		padding-bottom: 8px;
		margin-right: 1px;
}


	#header p.address strong { color: #929292; }
	#header p.address a { color: #768594; }

		

/***\

| C | MainImg

\***/

	

	#mainimg { border: 9px #252525 solid; width: 800px; margin-bottom:0; z-index: 0 !important; }

	#mainimg img { padding: 0; margin: 0; }

	#mainimg p.caption { margin: 0; padding: 4px; float: right; position: relative; background-color: #464849; opacity: .76; }



/***\

|C.5| Mainimg Home Page Edition

\***/

	

	#gallery { width: 822px; overflow: hidden; }

	#gallery .left { width: 616px; margin-right: 9px; float: left; background: #252525; }

	#gallery .right { float: right; margin: 0; padding: 0; }

	#gallery .right ul li { display: block;  }

	#gallery img { border: 3px solid #252525; margin-bottom:3px; }

/***\

| D | Content

\***/

	

	#content {

		width: 800px;

		padding: 25px 10px 20px 10px; 

		background: #131313;

		color: #949393;

		overflow: hidden;

		}

		

	
		#content h1 { line-height: 45px; font-size: 2.5em; overflow: hidden; color: #252525; margin-bottom: 40px; }
		#content h1 span { background: #131313; color: #d1d1d1; display: block; float: left; line-height: 45px; padding: 0px 5px 0px 5px; margin-right: 10px; }
		#content h1 a { color: #393939; text-decoration: none; } #content h1 a:hover { color: #fff; }
	
			

	#content p, #content li, #content pre, #content blockqoute { font-size: 1.3em; line-height: 1.7em; }

	#content p { margin-bottom: 30px; margin-left: 10px; }
	#content .left p { width: auto!important; }

	#content h2, #content h3{ display: block; }

	#content h2 { color: #D63336; font-size: 1.8em; margin-bottom: 4px; margin-left: 10px; }

	#content h3 {

	color: #768594;

	font-size: 1.4em;

	margin-bottom: 5px;

	margin-left: 10px;

	font-weight: bold;

}

		

/*#content ul { margin: 10px; }*/

#content ul li {

	padding-top: 5px;

	/* Make new style for the 2 listslist-style: square;*/

	margin-right: 5px;
	
	margin-bottom: 5px;

}



a {

	color: #81A9E8;

	text-decoration: none;

}


a:hover {

	text-decoration: none;

	color: #D63336;

/*	background-color: #131313;*/

}

#body a { padding: 0 3px 0 3px; } /*#body a:hover { background: #f4e18b; border-bottom: 1px solid #d6b94e; }*/

			

	#body { width: 820px; overflow: hidden; background:url(../images/bg.body.jpg) repeat-y center; }

	#body #aboutus { width: 480px; padding: 18px; float: left; }

	#body #aboutus h1 { color: #D63336; margin-top: 0; margin-right: 10px; font-size: 2.5em; }

	#body #aboutus h1 em { color: #D63336; } 

	#body #aboutus p { font-size: 1.2em; line-height: 19px; color: #333333; margin-top: 10px; }
	
	#body #aboutus a { color: #2b4faf; text-decoration: underline; }

	#body #aboutus a:hover { text-decoration: none; color: #2b4faf; background-color: transparent; }
	
	#body #news {
	width: 190px;
	padding-right: 5px;
	padding-top: 15px;
}

	#body #news h2 {
	color: #f4e08a;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Tahoma, sans-serif;
	padding-left: 15px;
}

	#body #news h1 {
	color: #fff;
	font-family: cambria, serif;
	font-size: 1.6em;
	margin-top: 3px;
	padding-left: 15px;
}

	#body #news p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 6px;
	padding-left: 15px;
}

	#news a {

	color: #fff;

	text-decoration: underline;

}


	#news a:hover {

	text-decoration: underline;

	color: #fff;

	background-color: #960103 !important;

}

/*Sub Menu*/


	
	#content .left { width: 600px; overflow: hidden; }

	#content #subnav { margin-top: 15px; }
	#content #subnav h2 {
	color: #D63336;
	font-size: 2.1em;
	font-weight: bold;
	padding-left: 0px;
}

	#content #subnav h1 {
	color: #fff;
	font-family: cambria, serif;
	font-size: 1.6em;
	margin-top: 3px;
	padding-left: 15px;
}

	#content #subnav p {
	color: #fff;
	font-size: 2.0em;
	padding-left: 0px;
}


	#content #subnav a:hover {

	text-decoration: none;

	color: #fff;

	background-color: transparent;

}


/*Contact Sub Menu*/
	#content #subnav h2 {
	color: #D63336;
	font-size: 2.1em;
	font-weight: bold;
	padding-left: 0px;
}

	#content #subnav h1 {
	color: #fff;
	font-family: cambria, serif;
	font-size: 1.6em;
	margin-top: 3px;
	padding-left: 15px;
}

	#content #subnav p {
	color: #d1d1d1;
	font-size: 12px;
	padding-left: 0px;
}

	#content #subnav a:hover {

	text-decoration: none;

	color: #fff;

	background-color: transparent;

}

	#bullets { /*Construction and Preconstruction Pages*/
	list-style: square;
	margin-left: 25px;
	padding-top: 0px !important;
}	

/***\

|   | News Archive Section

\***/	

	
	#content #newsarchive {
	width: 70px;
	padding-right: 15px;
	padding-top: 15px;	
	background: #131313;
}

	#content #newsarchive h2 {
	color: #D63336;
	font-size: 2.1em;
	font-weight: bold;
	padding-left: 0px;
}

	#content #newsarchive h1 {
	color: #fff;
	font-family: cambria, serif;
	font-size: 1.6em;
	margin-top: 3px;
	padding-left: 15px;
}

	#content #newsarchive p {
	color: #d1d1d1;
	font-size: 12px;
	padding-left: 0px;
}

	#content #newsarchive a {

	color: #d1d1d1;
	text-decoration: none;

}

	#content #newsarchive a:hover {

	text-decoration: none;

	color: #fff;

	background-color: transparent;

}

    .newsblurbs {
	height: 80px;
	border: 20px solid #1e1e1e;
	font-size: 1.2em;
	padding: 20px;
	width: 80px;
}

	#archive {
	float: left;
	font-size: 14px;
	margin-top: 15px;
	background: #131313;
	list-style: none !important;
}
		
	#archive li {
	height: 90px;
	width: 90px;
	border: 15px solid #1e1e1e;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;

}

	#archive li a {
	color: #768594;
	text-decoration: none;
	font-size: 1em;
}

	#archive li a:hover { color: #afc7e0; }

	#archive li.active {background: url(../images/bg.menu.gif) repeat-x; }

	#archive li.active a { color: #fff; }


/***\

| E | Footer

\***/



	#footer { width: 820px; margin: 30px auto; text-align: center; color: #484646; }
#footerdetails {
	color: #969595;
	padding-bottom: 4px;
	padding-top: 4px;
}


	#footer ul { margin: 10px; }

	#footer ul li { display: inline; border-right: 1px solid #282626; padding: 0 7px 0 7px; }

	#footer a { color: #969595; text-decoration: none; }

	#footer a:hover { color: #fff; }



/***\

| E | Forms

\***/	



	form { margin: 0 0 1.5em 0; padding: 0; }

	form input.text,

	form textarea { background: #fcfefa; border: 2px solid #252525; font-size: 1em; padding: 3px 5px; font-family: Verdana, sans-serif; color: #565656; width: 465px; }

	form input.captcha { background: #fcfefa; border: 1px solid #c1d885; font-size: 1em; padding: 3px 5px; font-family: Verdana, sans-serif; color: #565656; width: 165px; }

	form label { color: #0075BB; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; line-height: 2em; }

	form button {

	background: #dededd;

	border: 1px solid #c1d885;

	font-size: 1em;

	padding: 5px 5px;

	font-family: Verdana, sans-serif;

	color: #565656;

	width: 90px;

	margin-left: 14px;

}

	form span.required {

	font-family: Verdana, sans-serif;

	font-style: italic;

	color: #bbbbbb;

    font-size: .8em;

}

	form fieldset { margin: 0; padding: 0; border: 0; }

.projectdescription {
	font-size: 1.1em;
	padding-left: 5px;
	vertical-align: top;
	height: 40px;
	color: #969595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}



	form legend { display: none; }



.projectthumb {

	margin-top: 6px;

	margin-left: 5px;

}

.projecthead {

	color: #D63336;

	font-size: 1.8em;

	margin-bottom: 4px;

	margin-left: 10px;

	height: 30px;

	vertical-align: middle;

	padding-top: 7px;

}



/*


#mainmenu li > #mainmenu ul {
	top: auto;
	left: auto;
	}

#mainmenu li ul li a
{
	color:#768594;
	display:block;
	font-weight:700;
}

#mainmenu li:hover ul
{
	display:block;
}

#mainmenu li:hover,#mainmenu li.hover
{
	position:static;
}


#mainmenu li ul ul
{
	margin:-21px 0 0 8.5em;
}

#mainmenu li:hover ul ul,#mainmenu li.sfhover ul ul
{
	display: none;
}

#mainmenu li:hover ul,#mainmenu li li:hover ul,#mainmenu ul li:hover ul,#mainmenu li.sfhover ul,#mainmenu li li.sfhover ul
{
	left:auto;
	z-index:999999;
}*/
#mainmenu li ul { /* second-level lists */
	position: absolute;
	background: #1b1b1b;
	width: 200px;
	padding: 3px 0px 3px 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainmenu li ul li a { width: 175px; color:#768594; display: block; }
#mainmenu li ul li a:hover
{
	background:#2b2b2b;
	color:#fff;
	text-decoration:none;
}

#mainmenu li:hover ul, #mainmenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#copy { width:700px; }
#folio { width:800px; }

/***\

| G | Folio 

\***/

#proscope li {
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 3px;
	color: #969595;
	list-style-type:square;
	font-size: 13px;
}
.projectdetails {
	font-size: 12px;
	color: #6B6B6B;
}
#folioimage {
	float: right; 
}
#links p, a { line-height:25px!important; }