* { /* Remove all padding and margins to sort out browser differences: */ 
	padding:0;
	margin:0;
}

/* HTML */

body { /* Magusta */
	background:#9ac;

	font-family:Verdana,sans-serif;
	text-align:center;
	line-height:1.5em;
	color:#000;

	padding:0;
	margin:0;	
	
	font-size:x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	font-size:small;
}
html>body { /* be nice to Opera */
	font-size:small;
}

/* links */

a:link, a:visited {
	color:#359;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#359;
	text-decoration:underline;
}

/* text elements */

p {
	line-height:1.75em;

	margin: 0 0 1em;
	padding: 0;
}

h1 {
	font:160% Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#890;
	
	margin-bottom:.625em;
}

h2 {
	color:#359;
	font-weight:normal;
	text-transform:uppercase;
	font:145% Arial, Helvetica, sans-serif;

	margin-bottom:.125em;
}

h3 {
	font-size:130%;
	font-weight:normal;
	color:#890;
	padding:.75em 0 0 0;
	margin:0 0 .75em 0;
}

h4 {
	font-size:115%;
	color:#359;
	font-weight:normal;
}

blockquote {
	line-height:1.75em;

	padding-left:2em;
	margin-bottom:1em;
}

address {
	font-style:normal;
	padding-left:2em;
	font-size:90%;
}

abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
strike {
	text-decoration: line-through;
}
.hide,
hr { display: none; }

/* form elements */

form {
	margin: 0;
	padding: 0;
	}
select, input {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	margin-top: .3em;
}
input.text, input.searchbox {
	background: #fff;
}
input.button {
	background: #fff;
	color: #448;
	font-weight: bold;
	padding: 0;
}
input.button:hover {
	color: #77a;
}
	

/* tables */
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
table { margin: 1em 0; }


/* STRUCTURAL */ /* Note: this layout based on (but not identical to) the markup and styles shown in the alistapart.com article here: http://www.alistapart.com/articles/negativemargins/ */

#wrapper {
	background:#fff url(../images/background_sidebar.gif) repeat-y 0 0;

	text-align:left;

	border-right:1px solid #fff;
	border-left:1px solid #fff;
	
	margin:0 auto;
	
	width:760px; /* For IE5 Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 758px;
}
html>body #wrapper {  
  	width: 758px;
}

#container {
	width: 100%;
	float:right;
		
	margin-left:-245px;
}

#content {
	padding:.5em 40px 2em 40px;
	margin-left:245px;
}

#sidebar {
	width:245px;
	float:left;
	
	padding:.5em 0 2em 0;
}

.clearing {
	height:0;
	clear:both;
}

.last { /* Not used this layout */
	margin-bottom: 0;
}

#footer { /* M */
	background:#359 url(../images/background_footerBorder.gif) repeat-x 0 0;

	text-align:left;
	font-size:85%;
	color:#cde;
	
	padding:2.5em 20px 1.5em 20px;
	margin:0 auto;
	
	width:758px; /* For IE5 Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width:718px;
}
html>body #footer {  
  	width:718px;
}

#footer a, #footer a:link, #footer a:visited {
	color:#fff !important;
	font-weight:normal;
	text-decoration:underline;
}

#footer a:hover {
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}


/* Header styles: */
#printHeader {
	display:none;
}

@media print {
	#printHeader {
		display:block;
	}
}

#header {
	height:149px;
	background-repeat:no-repeat;
	background-position:246px 1px;
}

/* Logo styles: */

#logo {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
	height:149px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height:147px;
}
html>body #logo {
  	height:147px;
}

#logo a img {
	border-style:none;
}

/* ==> */
#logo h1 { 
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:90%;
}
		
#logo h1 em {
	display:block;
	position:absolute;
	top:0; 
	left:0; 
	z-index:10; 
}
* html>body	#logo h1 { 
	position:static;
	overflow:visible;
	font-size:10px;
}
* html>body	#logo h1 em  { 
	position:static;
}
#logo h1, #logo h1 em {
	width:246px;
	height:147px;
} 
* html>body #logo h1 em {			/* for ie5.x/mac only */
	margin-bottom:-147px;
} 
/* <== */

/* Navigation styles */

#navigation {
	background:#359;
	display:block;
	text-align:left;
	
	border-top:4px solid #9ac;
	border-bottom:4px solid #bd1;	
}
	
#navigation ul {
	z-index:15;
	padding:0;
	margin:0;
	color:#000;
	font-size:90%;
	
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
	padding:0 0 0 9px;
	
	height:29px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height:27px;
}
html>body #navigation ul { /* be nice to Opera */
	height:27px;
}

#navigation ul li { display: inline; }

#navigation ul li a {
	float:left;
	text-indent:-9000em;
	text-decoration:none;
}

#homeLink a {
	width:60px;
	height:27px;
	background:url(../images/nav_home.gif);
}

#homeLink a:hover,
#home #homeLink a {
	background:url(../images/nav_homeOver.gif);
}

#currentLink a {
	width:154px;
	height:27px;
	background:url(../images/nav_current.gif);
}

#currentLink a:hover,
#current #currentLink a {
	background:url(../images/nav_currentOver.gif);
}

#pastLink a {
	width:125px;
	height:27px;
	background:url(../images/nav_past.gif);
}

#pastLink a:hover,
#past #pastLink a {
	background:url(../images/nav_pastOver.gif);
}

#aboutLink a {
	width:131px;
	height:27px;
	background:url(../images/nav_about.gif);
}

#aboutLink a:hover,
#about #aboutLink a {
	background:url(../images/nav_aboutOver.gif);
}

#customerLink a {
	width:153px;
	height:27px;
	background:url(../images/nav_service.gif);
}


#customerLink a:hover,
#customer #customerLink a {
	background:url(../images/nav_serviceOver.gif);
}

#contactLink a {
	width:107px;
	height:27px;
	background:url(../images/nav_contact.gif);
}

#contactLink a:hover,
#contact #contactLink a {
	background:url(../images/nav_contactOver.gif);
}

/* Print link styles */

#screen-link {
	display:none;
}

#print-link {
	height:22px;

	text-align:right;
	font-size:90%;

	border-top:1px solid #fff;	
	
	padding-bottom:30px;
}

#print-link a {
	position:relative;
	overflow:hidden;
	margin: 0;
	padding: 0;
	font-size: 90%;

	float:right;
	clear:both !important;	
	width:150px;
	height:22px;
}

#print-link a em {
	display:block;
	width:150px;
	height:22px;	
	position:absolute;
	top:0; 
	left:0; 
	z-index:10; 
	background:#cde url(../images/button_printFriendly.gif) no-repeat 0 0;
}

#print-link a:hover em {
	background:#cde url(../images/button_printFriendlyOver.gif) no-repeat 0 0;
}


/* section-specific selectors, e.g. header images, patterns, etc. */

/* For header... */
#home #header {
	background-image:url(../images/header_home.jpg);
	background-position:247px 1px;
}

#current #header {
	background-image:url(../images/header_current.jpg);
}

#past #header {
	background-image:url(../images/header_past.jpg);
}

#about #header {
	background-image:url(../images/header_about.jpg);
}

#customer #header {
	background-image:url(../images/header_customer.jpg);
}

#contact #header {
	background-image:url(../images/header_contact.jpg);
}


#testimonials {}

#testimonials p {
	font-style:italic;
	font-size:90%;
	line-height:1.5em;
	
	padding-left:2em;
	margin-bottom:2em;
}

/* LISTS */

#content ul {
	margin: 1em 0 1em 0;
	padding-left: 24px;
}
#content ul li {
	padding: 0 0 4px 21px;
	line-height: 1.3em;
}
#content dl dd {
	margin: 0;
	padding: 0 0 1em 0;
}
#content dl dt {
	font-weight: bold;
}
#content dl dt span {
	font-weight: normal;
}

.project-list {
	width:400px; /* Not really necessary, but fixes a display bug in IE 5 Mac */

	list-style-type:none;
	
	padding:0 !important;
	margin:0 !important;
}

.project-list li {
	border-top:2px solid #bd1;
	
	padding:20px 0 25px 15px !important;
	margin:0 !important;
}

.project-list li img {
	border-style:none;
}

/* Hide from IE Mac \*/
* html .project-list li {height:1%;} /* Fixes whitespace bug in li */
/* End hiding from IE Mac */

.project-list img {
	float:left;
	
	vertical-align:top;
	
	padding:0;
	margin:0 2.5em 1em 0;;
	
	/* TEMP: remove the following background declaration: */
	background:#efefef;
}

.project-list div {

}

.project-list .first-list {
	border-top-style:none;
}

.project-list p.link {
	background:transparent url(../images/bullet_arrow.gif) no-repeat center right;
	
	text-align:right;
	
	padding-right:12px;
	margin-bottom:0;
}