/* Body */
body {
background:#fff;
text-align: center;
margin: 0;
	/*scrollbar colors for IE and Opera*/
	scrollbar-arrow-color:#333;
	scrollbar-3dlight-color:#999;
	scrollbar-highlight-color:#FFF;
	scrollbar-face-color:#CCC;
	scrollbar-shadow-color:#999;
	scrollbar-darkshadow-color:#666;
	scrollbar-track-color:#EEE;
}

div, table, td {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

td {
vertical-align: top;
}

/*These hacks allow images with specific Border="X" tags to actually have a border, otherwise the previous style would overrule the border attribute*/
/*img { border-width: 0px; border-style: solid;}*/  /*This line has a rule that was meant to set the default, but IE doesn't use the rules in the right order (or obey the !important rule)*/
img[border='0'] { border-width: 0px !important;}
img[border='1'] { border-width: 1px !important;}
img[border='2'] { border-width: 2px !important;}
img[border='3'] { border-width: 3px !important;}
img[border='4'] { border-width: 4px !important;}
img[border='5'] { border-width: 5px !important;}
img[border='6'] { border-width: 6px !important;}
img[border='7'] { border-width: 7px !important;}
img[border='8'] { border-width: 8px !important;}

h1, h2, h3, h4, h5 {
margin: 0;
}
 
/* Container */
#container {
margin: 0 auto;
width: 900px;
text-align: center;
padding:17px 0 0 0;
}


/* Header */
#header {
background:#fff url(../images/header.gif) top left no-repeat;
width:900px;
height:72px;
text-align:left;
}

#header-logo {
padding:4px 0 0 20px;
}

#logo {
background:#fff url(../images/header-logo.gif) no-repeat;
width:214px;
height:64px;
}

#logo a {
display:block;
width:214px;
height:64px;
}

#logo span {
display:none;
}

#sub-header {
background:#fff url(../images/sub-header.gif) top left no-repeat;
width:900px;
height:11px;
line-height:0px;
font-size:0px;
}

#header-images {
background:#fff url(../images/image-bg.gif) repeat-y;
width:900px;
text-align:left;
}

#rotating-image {
width:608px;
float:left;
overflow:hidden;
}

#hm-employee-image {
width:292px;
height:222px;
float:left;
overflow:hidden;
}

#in-employee-image {
width:292px;
height:167px;
float:left;
overflow:hidden;
}

#sub-images {
background:#fff url(../images/sub-images.gif) top left no-repeat;
width:900px;
height:3px;
line-height:0px;
font-size:0px;
}

#latest-news
{
	height:121px;
	overflow:hidden;
}

#latest-news a, #latest-news a:visited {
color:#34284a;
text-decoration:underline;
}

#latest-news a:hover {
color:#34284a;
text-decoration:none;
}

/* Navigation */
#navigation {
background:#800000;
width:900px;
height:35px;
text-align:left;
}

#nav-menu {
width:609px;
float:left;
}

#search {
width:291px;
float:left;
}

#search-txtbox {
width:190px;
float:left;
padding: 7px 0 0 0;
}

#search-btn {
float:left;
padding: 9px 0 0 0;
}


#sub-nav-in {
background:#fff url(../images/sub-nav-in.gif) top left no-repeat;
width:900px;
height:24px;
text-align:left;
}

#breadcrumbs {
width:720px;
height:24px;
float:left;
}

#breadcrumbs p {
margin:0;
padding: 5px 0 0 25px;
font-size:10px;
}

#breadcrumbs a, #breadcrumbs a:visited {
color:#000;
text-decoration:underline;
}

#breadcrumbs a:hover {
color:#000;
text-decoration:none;
}

/*RESOURCE PACKETS*/

#resource-packet {
background:#fff url(../images/resource-packet.gif) top left no-repeat;
width:180px;
height:24px;
float:left;
}

.resource-packet-link
{
	height:24px;
}

.resource-packet{
text-decoration:none;
cursor:pointer;
}

.resource-packet-title {
float:left;
padding: 5px 0 0 34px;
font-size:10px;
font-weight:bold;
color:#352552;
}

.resource-packet-arrow {
float:left;
padding:4px 0 0 4px;
}

.resource-packet-links{
	background:#F0EEF3;
	border:1px solid #BCB5C9;
	margin-top:-1px;
	margin-left:-1px;
	padding: 1px 1px 1px 0;
	position:absolute;
	width:177px;
	_width:180px;
}
.resource-packet-links div{
	cursor:default;
	/*float:left;/*uncomment for horizontal*/
	margin:2px 0;
	padding:0 4px 0 10px;
}
.resource-packet-links a,
.resource-packet-links a:visited
{
	color:#000;
	text-decoration:none !important;
}
.resource-packet-links a:active,
.resource-packet-links a:hover{
	color:#000;
	text-decoration:underline !important;
}







.packet-count{
	font:10px arial narrow,helvetica narrow,arial,helvetica,sans-serif;
	letter-spacing:1px;
	color:#3F76B6;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
}
.packet-heading{
	font:bold 18px arial narrow,helvetica narrow,arial,helvetica,sans-serif;
	letter-spacing:1px;
	color:#3F76B6;
}
.packet-status{
	font:bold 9px verdana,tahoma,sans-serif;
	letter-spacing:1px;
	color:#393;
	padding:0px 0px 0px 16px;
	text-transform:uppercase;
}
.packet-text{
	font:10px arial narrow,helvetica narrow,arial,helvetica,sans-serif;
	letter-spacing:1px;
	color:#666;
	/*padding:0px 0px 0px 5px;*/
	text-transform:uppercase;
}


/* Body */
#body-bg {
background:#fff url(../images/body-bg.gif) top left no-repeat;
width:900px;
height:192px;
text-align:left;
font-size:11px;
}


.btn-read-more {
text-align:right;
padding:4px 0 0 0;
}

#left-column {
width:317px;
float:left;
}

.content-welcome {
padding: 16px 42px 0 30px;
}


#middle-column {
width:289px;
float:left;
}

.content-news {
padding: 16px 26px 0 16px;
}

.content-news a, .content-news a:visited {
color:#34284a;
text-decoration:underline;
}

.content-news a:hover {
color:#34284a;
text-decoration:none;
}


/* Right Column */
#right-column {
width:294px;
float:left;
}

#right-column-top {
width:294px;
height:89px;
}

#right-column-bottom {
width:294px;
height:103px;
}

.right-column-content {
width:202px;
float:left;
}

.content-right {
padding: 5px 20px 0 22px;
font-size:10px;
}

.content-right p {
margin:0;
padding: 2px 0 0 0;
}

.content-right a, .content-right a:visited {
font-size:9px;
font-weight:bold;
color:#9d2c40;
text-decoration:underline;
}

.content-right a:hover {
font-size:9px;
font-weight:bold;
color:#9d2c40;
text-decoration:none;
}

.right-column-image {
width:92px;
float:left;
padding:4px 0 0 0;
}


.content-headline {
font-size:14px;
font-weight:bold;
color:#800000;
padding: 0 0 3px 0;
}

a.content-headline-link:link, a.content-headline-link:visited{
font-size:14px;
font-weight:bold;
color:#800000;
text-decoration:none;
}

a.content-headline-link:hover{
font-size:14px;
font-weight:bold;
color:#800000;
text-decoration:underline;
}


/* Body InsidePage */
#body-bg-in {
background:#fff url(../images/body-bg-in.gif) repeat-y;
width:900px;
text-align:left;
}

#sub-body-in {
background:#fff url(../images/sub-body-in.gif) top left no-repeat;
width:900px;
height:38px;
}

#left-column-in {
background:url(../images/left-column.gif) top left no-repeat;
width:232px;
height:280px;
float:left;
}

html > body #left-column-in {
background:url(../images/left-column.gif) top left no-repeat;
width: auto;
height: auto;
width:232px;
min-height: 280px;
}


#side-nav h4 {
font-size:13px;
color:#34284a;
padding: 20px 0 2px 25px;
}

#side-nav ul {
margin:0;
padding:0 0 0 42px;
}

#side-nav li {
margin:0;
padding: 0 0 4px 0;
font-size:11px;
list-style: url(../images/list-side-nav.gif);
}

#side-nav a, #side-nav a:visited {
color:#34284a;
text-decoration:none;
}

#side-nav a:hover {
color:#34284a;
text-decoration:underline;
}



/* Portfolio */
#nav-portfolio-detail h4 {
font-size:13px;
color:#34284a;
padding: 20px 0 2px 25px;
}

#nav-portfolio-detail ul {
margin:0;
padding:0 0 0 32px;
}

#nav-portfolio-detail li {
margin:0;
padding: 0;
font-size:11px;
list-style:none;
line-height:15px;
width:180px;
}

#nav-portfolio-detail p {
margin:0;
padding: 2px 0 4px 12px;
}

#nav-portfolio-detail a, #nav-portfolio-detail a:visited {
color:#000;
text-decoration:underline;
}

#nav-portfolio-detail a:hover {
color:#800000;
text-decoration:underline;
}



#nav-portfolio-listing ul {
margin:0;
padding:21px 0 0 32px;
}

#nav-portfolio-listing li {
margin:0;
padding: 0 0 12px 0;
font-size:13px;
font-weight:bold;
list-style:none;
line-height:18px;
}

#nav-portfolio-listing a, #nav-portfolio-listing a:visited {
color:#34284a;
text-decoration:underline;
}

#nav-portfolio-listing a:hover {
color:#800000;
text-decoration:underline;
}


#right-column-in {
width:668px;
float:left
}

#right-column-header {
padding: 0 0 25px 0;
_padding: 0 0 22px 0;
}

#page-title {
width:535px;
float:left;
}

#page-title h2 {
font-size:18px;
font-weight:bold;
color:#800000;
}

#add-to-bucket {
float:left;
}

.addpagestatus
{
	margin:0;
	padding:0;
	background:transparent url(/images/packet-status-bg.gif) no-repeat;
	width:100px;
	text-align:center;
	padding-top:2px;
	height:17px;
	color:#756d83;
	font-weight:bold;
	font-size:10px;
	float:left;
}
.content-in {
padding:16px 18px 10px 10px;
font-size:11px;
}

.content-in hr {
background-color:#8a85a6;
color:#8a85a6;
border:0px;
height:1px;
margin:0 0 6px 0;
_margin:0 0 2px 0;
}

.content-in a, .content-in a:visited {
color:#000;
text-decoration:underline;
}

.content-in a:hover {
color:#000;
text-decoration:none;
}

.content-subheadline {
font-size:14px;
font-weight:bold;
color:#800000;
padding: 0 0 6px 0;
_padding: 0 0 2px 0;
}

/* Portfolio */
#image-overlay {
width:444px;
height:33px;
background-color:#31234a;
opacity:0.80;
_filter:alpha(opacity=80);
position:absolute;
margin: 267px 0 0 0;
overflow:hidden;
}

#image-overlay h4 {
padding: 10px 0 0 9px;
font-size:11px;
color:#fff;
}


#portfolio-listing p {
margin:0;
padding: 8px 0 0 0;
font:11px Arial, Helvetica, sans-serif;
}

#portfolio-listing a, #portfolio-listing a:visited {
color:#35264f;
text-decoration:underline;
}

#portfolio-listing a:hover {
color:#35264f;
text-decoration:none;
}

#portfolio-listing td {
padding: 10px 6px 16px 0;
}



#project-specs {
background:#fff url(../images/project-specs-bg.jpg) top left no-repeat;
width:190px;
height:300px;
font-size:8px;
}

.content-project-specs {
padding: 6px 8px 0 14px;
}

.content-project-specs h4 {
padding: 0 0 6px 0;
font-size:13px;
color:#800000;
}

.content-project-specs p {
padding:0;
margin:0;
}

.content-project-specs ul {
margin:0;
padding: 4px 8px 10px 16px;
}

.content-project-specs li {
margin:0;
padding:0;
line-height:16px;

}
/*Photo Gallery*/

#gallery-wrap1{
	background-color:transparent;
	width:444px;
}

#photo-div{
	width:444px;
	height:333px;
	overflow:hidden;
}

#gallery-wrap2{
	background-color:transparent;
	margin:auto;
	width:444px;
}
#gallery-wrap3{
	overflow:auto;
	height:auto;
	_height:auto;
	width:444px;
}

#portfolio-thumbnails {
	overflow:hidden;
	margin:0;
	_margin:0 0 15px -10px;
	padding:7px 0 16px 0;
	text-align:left;
	
}

#portfolio-thumbnails a,
#portfolio-thumbnails a:visited,
#portfolio-thumbnails a:active{
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #8a85a6;
	display:block;
	float:left;
	margin: 13px 8px 0 2px;
	text-decoration:none;
	height:59px;
	_height:63px;
	width:59px;
	_width:63px;
	z-index:100;
}
#portfolio-thumbnails a:hover{
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	border:3px solid #a03044;
	display:block;
	float:left;
	/*margin:-3px -25px -13px -15px;
	_margin:-3px -25px -12px -15px;*/
	margin:-1px -25px -10px -15px;
	_margin:-1px -25px -6px -15px;
	padding:0;
	position:relative;
	text-decoration:none;
	/*height:75px;
	_height:75px;
	width:100px;
	_width:100px;*/
	height:79px;
	_height:83px;
	width:110px;
	_width:114px;
	z-index:101;
}

.content-project-details {
margin:0;
padding:0 0 4px 0;
font-size:12px;
}

.content-project-details h4 {
padding: 0 0 6px 0;
font-size:13px;
color:#800000;
}

.image-header {
background:#352552;
width:153px;
height:22px;
}

.image-header h4 {
padding: 3px 0 0 4px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
}

#project-awards 
{
	padding: 10px 0 20px 0;
}

#project-awards ul 
{
	margin:0;
	padding:10px 0 0 18px;
}


#project-awards li 
{
	margin:0;
	padding:0 0 4px 0;
	color:#000;
}

.headline-project-award a, .headline-project-award a:visited 
{
	color:#800000;
	text-decoration:none;
	
}

.headline-project-award a:hover 
{
		color:#000;
	text-decoration:none;
} 

.awards a, .awards a:visited 
{
			color:#000;
	text-decoration:none;
}

.awards a:hover 
{
		color:#800000;
	text-decoration:underline;
}


/* AdminPage */
#body-bg-admin {
background:#fff url(../images/body-bg-admin.gif) repeat-y;
width:900px;
text-align:left;
}

.content-admin {
font-size:11px;
padding: 20px;
}

.content-admin h2 {
font-size:14px;
color:#800000;
padding: 0 0 20px 0;
}

.content-admin a, .content-admin a:visited {
color:#800000;
text-decoration:none;
}

.content-admin a:hover {
color:#800000;
text-decoration:underline;	
}


/* Footer */
#footer-nav {
background:#e2e0e9;
width:900px;
}

#footer-nav ul {
margin:0;
padding:15px 0;
}

#footer-nav li {
margin:0;
padding:0 2px 0 0;
list-style:none;
display:inline;
font-size:12px;
font-weight:bold;
}

#footer-nav a, #footer-nav a:visited {
color:#000;
text-decoration:underline;
}

#footer-nav a:hover {
color:#000;
text-decoration:none;
}

#footer {
padding: 10px 0 0 0;
font-size:10px;
}

#footer p {
margin:0;
padding:  16px 0 10px 0;
}

a.ls:link,
a.ls:visited {
color:#000;
text-decoration:none;
}

a.ls:hover {
color:#000;
text-decoration:underline;
}

a.lshome:link,
a.lshome:visited {
color:#000;
text-decoration:underline;
}

a.lshome:hover {
color:#000;
text-decoration:none;
}