body
{
	background:#000000;
	padding:0;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:80%;
}

img
{
	border:0;
}

h1
{
	font-size:130%;
}

a
{
	color:#1058aa;
}

.clear
{
	clear:both;
}

form
{
	padding:0;
	margin:0;
}

#container
{
	width:940px;
	margin:0 auto;	
}

#header
{
	width:940px;
	background:url(../images/header-bg.gif) repeat-y;
}

#logo
{
	float:left;
}

#login-form
{
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}

#login-form div
{
	text-align:center;
}

#my-folder-icon
{
	padding:10px 0;
}

#navigation
{
	color:White;
	font-size:11px;
	width:939px;
	border-top:solid 1px #a85101;
	border-right:solid 1px #a85101;
	border-bottom:solid 1px #a85101;
	background:#000 url(../images/navigation-bg.jpg) repeat-y;
	padding-bottom:4px;
}

#departments
{
	float:left;
	margin-left:15px;
}

#main-menu
{
	float:right;
	padding-right:10px;
}

#departments ul, #main-menu ul
{
	list-style:none;
	padding:0;
	margin:0;
}

#departments ul li, #main-menu ul li
{
	display:inline;
}

#departments ul li a, #main-menu ul li a
{
	color:White;
	display:block;
	float:left;
	font-weight:bold;
	text-decoration:none;
	margin-top:4px;
}

#departments ul li a
{
	text-transform:uppercase;
	padding:2px 16px;
	letter-spacing:1px;
}

#departments ul li a:hover
{
	background:#660000;
	border-left:solid 1px White;
	border-right:solid 1px White;
	padding:2px 15px;
}

#departments ul li.active a
{
	background:#660000;
	border-left:solid 1px White;
	border-right:solid 1px White;
	padding:2px 15px;
}

#main-menu ul li a
{
	padding:2px 9px;
	border-right:solid 1px #a85101;
}

#main-menu ul li.last a
{
	border:0;
}

#main-menu ul li a:hover
{
	background:#71312a url(../images/main-menu-a-bg.gif) repeat-x;
}

#main-menu ul li.active a
{
	background:#71312a url(../images/main-menu-a-bg.gif) repeat-x;
}

#content
{
	width:940px;
	min-height:400px;
	_height:400px;
	background:url(../images/left-navigation-bg.jpg) no-repeat;
}

#left-navigation
{
	color:White;
	float:left;
	width:171px;
	padding-top:15px;
}

#left-navigation ul
{
	list-style:none;
	padding:0;
	margin:0;
	width: 150px;
}

#left-navigation ul li a
{
	display: block;
	font: 400 11px trebuchet ms, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.2em;
	padding: 5px 4px 5px 16px;
	margin: 0 0 6px 6px;
}

#left-navigation ul li a:hover
{
	background: #0a3a55;
	text-decoration: none;
	border-top: 2px solid #43687d;
	border-right: 2px solid #072b3f;
	border-bottom: 2px solid #072b3f;
	border-left: 2px solid #43687d;	
	padding: 3px 2px 3px 10px;
	margin: 0 0 6px 10px;
}

#left-navigation ul li.active a
{
	background: #0a3a55;
	text-decoration: none;
	border-top: 2px solid #43687d;
	border-right: 2px solid #072b3f;
	border-bottom: 2px solid #072b3f;
	border-left: 2px solid #43687d;	
	padding: 3px 2px 3px 10px;
	margin: 0 0 6px 10px;
}

#searcharea 
{
	display: block;
	text-align: right;
	padding: 18px 18px 18px 10px;
	margin: 0;
}

#printlinks 
{
	display: block;
	text-align: center;
	padding: 8px 14px;
}

.printlink, .emaillink
{
	display: block;
	font: normal 10px arial, sans-serif;
	color: #f9b87d;
	letter-spacing: .08em;
	white-space: nowrap;
	text-transform: uppercase;
	text-decoration:none;
	border: 1px solid #a85100;
	padding: 5px 4px;
	margin: 0 8px 14px 8px;
}

.printlink:hover, .emaillink:hover
{
	color: #fff;
	background: #0f4a6b;
	text-decoration: none;
}

#free-estimate-btn
{
	padding-left:22px;
}

#text
{
	margin-left:171px;
	width:767px;
	_width:764px;
	border-left:solid 1px #a85101;
	border-right:solid 1px #a85101;
	border-bottom:solid 1px #a85101;
	background:#e0d9c7;
	zoom: 1;
	overflow:hidden;
}

#bottom-navigation
{
	margin-top:10px;
	margin-bottom:10px;
}

#bottom-navigation a
{
	color:#fcedac;
	font-size:10px;
	text-decoration:none;
	margin:5px 0 5px 5px;
	padding-right:5px;
	border-right:solid 1px #a25304;
}

#bottom-navigation a.last
{
	border:0;
}

#bottom-navigation a:hover
{
	color:#ffffff;
	text-decoration:underline;
}

#bottom-navigation
{
	text-align:center;
}

#second-line
{
	padding-top:5px;
}

.breadcrumbs
{
	padding:10px;
	margin:0;
	list-style:none;
	color:#1058aa;
}

.breadcrumbs li
{
	display:inline;
}

.breadcrumbs a
{
	padding:5px;
}

.page-header
{
	border-bottom:solid 1px #a85200;
	background:#0a3d58;
	_height:48px;
	min-height:48px;
	overflow:hidden;
}

.main-content
{
	padding:10px;
}

.gallery-page .buttons
{
	padding:10px;
	text-align:right;
}

.comparison-page
{
	padding:10px;
}


.comparison-page th
{
	background:#0f4a6b; 
	color:White;
	font-size:10px;
	padding:3px;
}

.comparison-page td
{
	font-size:10px;
	padding:3px;
}

.comparison-page .tooltip
{
	position: absolute;
	display: none;
	border: solid 2px Black;
	width: 210px;
	background:#ffffff;
	padding:10px;
	font-size:10px;
}

.matrix
{
	margin: 0 auto;
}

.matrix th,
.matrix td
{
	text-align: center;
}

.matrix a
{
	color:Black;
	text-decoration:none;
}


.comparison-page table.matrix thead tr th a
{
	color: #ffffff;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------- */
#sitemap
{
}

#sitemap ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sitemap ul ul
{
	padding-left: 30px;
}

#sitemap ul li
{
	padding-bottom: 1em;
	font-weight: bold;
}

#sitemap ul li ul li
{
	padding-bottom: 0;
	font-weight: bold;
}

#sitemap ul li ul li ul li
{
	font-weight:normal;
}

/* --------------------------------------------------------------------------------- */

#gallery-navigation-panel table tr td.active a img
{
	border: solid 2px #99ff00;
}

a.gallery-right
{
	background:url(../images/gallery-right.gif) no-repeat;
	display:block;
	height:32px;
	width:16px;
	position:relative;
}

a.gallery-start
{
	background:url(../images/gallery-start.gif) no-repeat;
	display:block;
	height:32px;
	width:32px;
	position:relative;
}

a.gallery-end
{
	background:url(../images/gallery-end.gif) no-repeat;
	display:block;
	height:32px;
	width:32px;
	position:relative;
}

a.gallery-left
{
	background:url(../images/gallery-left.gif) no-repeat;
	display:block;
	height:32px;
	width:16px;
	position:relative;
}

a.gallery-right:hover
{
	background:url(../images/gallery-right-hover.gif) no-repeat;
}

a.gallery-left:hover
{
	background:url(../images/gallery-left-hover.gif) no-repeat;
}

a.gallery-start:hover
{
	background:url(../images/gallery-start-hover.gif) no-repeat;
}

a.gallery-end:hover
{
	background:url(../images/gallery-end-hover.gif) no-repeat;
}

.list-item
{
	padding:0 0 0 50px;
}

.list-item .description a
{
	font-size:120%;
	font-weight:bold;
}

.resources-content
{
	padding:0;
}

.page-articles
{
	padding:5px;
	border:1px solid #1058aa;
}

.page-articles p
{
	padding:0;
	margin:0;
}

.page-articles a
{
	font-weight:bold;
	text-decoration:none;
}

.page-articles a:hover
{
	text-decoration:underline;
}

/* =Tree 
------------------------------------------------------------------------*/
.tree
{

}

.tree ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree ul ul
{
	padding-left: 20px;
}

.tree ul li
{
	
}

.tree ul li span
{
	padding: 2px 0 2px 0px;
	display: block;
}

.tree ul li span.active a.name
{
    color: #000000;
}

.tree ul li span.active a.name:hover,
.tree ul li span.active a.name:visited:hover
{
    color: #000000;
}

.tree ul li span a.name
{
	font-weight: normal;
	padding: 0 1px;
	color: #484860;
}

.tree ul li span em
{
	color: Gray;
	font-size: 85%;
	padding-left: 3px;
}

.tree ul li img.icon
{
	cursor: pointer;
}

.tree ul ul ul li span a.name
{
	font-weight: normal;
}

.tree ul ul ul  li span a.name
{
	font-size: 90%;
}

.customer-info,
.property-info,
.background-info,
.project-info,
.attach-folder
{
	padding-bottom: 15px;
}


.customer-info table,
.property-info table,
.background-info table,
.project-info table,
.attach-folder table
{
	padding: 10px;
}


