/* $Id: synterein-content-screen.css 1432 2007-01-20 02:16:34Z aleclair $ */

/* Set default values. */
/* This stylesheet uses em font sizing. To change overall font size, adjust the
	font size percentage value here. */
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Helvetica, sans-serif;
	font-size: 81%;
	color: #333;
	}

/* Format the background that extends to either side of the layout. */	
#content {
	width: 100%;
	margin-top: 20px;
	}	

/* Define a different background for each class of pages. */
#home #content {
	background: #fff url("images/home-background.gif") no-repeat scroll top left; 
	}
#about-us #content {
	background: #fff url("images/about-us-background.gif") no-repeat scroll top left; 
	}
#our-work #content {
	background: #fff url("images/our-work-background.gif") no-repeat scroll top left; 
	}
#contact-us #content {
	background: #fff url("images/contact-us-background.gif") no-repeat scroll top left; 
	}
#news #content {
	background: #fff url("images/news-background.gif") no-repeat scroll top left; 
	}
#prospect #content {
	background: #fff url("images/prospect-background.gif") no-repeat scroll top left; 
	}
	
/* Center the layout, and define the dotted rules that separate the content columns. */
#content-container {
	width: 685px;
	margin: 0 auto;
	padding: 0;
	background-color: white;
	background: #fff url("images/content-background.gif") repeat-y scroll top left; 
	}

/* Set default link color (blue). */
a {
	color: rgb(36,52,147);
	// color: #9B2A4A;
}
/* Set rollover link color (dark red). */
a:hover {
    color: rgb(155,42,74);	
}
/* Set visited link color (dark red). */
a:visited {
    color: rgb(155,42,74);	
	//color: #9B2A4A;
}

/* Format the left content column. */
#column-left {
	width: 162px;
	float: left;
	margin: 0;
	padding: 0;
	}

/* Format the white page heading that indicates the top level location in the 
	left column. */
#column-left h1 {
	position: absolute;
	margin-top: 105px;
	margin-left: 36px;
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	}
	
#column-left h1 a {
	text-decoration: none;
	color: #fff;
}
	
/* Format the bold list heading in the left column. */
#column-left h3 {
	margin-top: 10px;
	margin-left: 36px;
	margin-right: 18px;
	font-size: 1em;
	font-weight: bold;
	}

/* Format the default paragraph in the left column. */
#column-left p {
	margin-top: 10px;
	margin-left: 36px;
	margin-right: 18px;
	font-size: 0.8em;
	}
	
/* Format the lists in the left column. */
#column-left ul {
	font-size: 0.8em;
	}	
#column-left li {
	margin-left: 9px;
	margin-right: 18px;
	margin-top: 10px;
	}

/* Format links in the left column. */
#column-left a {
	font-weight: bold;
	text-decoration: underline;
	}

/* Define a different list bullet for each class of pages. */
#home #column-left li {
	list-style-image: url("images/home-bullet.gif");
	}
#about-us #column-left li {
	list-style-image: url("images/about-us-bullet.gif");
	}
#our-work #column-left li {
	list-style-image: url("images/our-work-bullet.gif");
	}
#contact-us #column-left li {
	list-style-image: url("images/contact-us-bullet.gif");
	}
#news #column-left li {
	list-style-image: url("images/news-bullet.gif");
	}
#prospect #column-left li {
	list-style-image: url("images/prospect-bullet.gif");
	}

/* Format the center content column. */
#column-center {
	width: 361px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	}

/* Format the headings in the center column. */
#column-center h1 {
	margin-top: 12px;
	margin-left: 36px;
	margin-right: 36px;
	text-align: left;
	font-size: 1.5em;
	}

#column-center h2 {
	margin-top: 12px;
	margin-left: 36px;
	margin-right: 36px;
	text-align: left;
	font-size: 1.3em;
	}

/* Format the default paragraph in the center column. */	
#column-center p {
	margin-top: 12px;
	margin-left: 36px;
	margin-right: 36px;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	color: #333;
	}

/* Format the lists in the center column. */
#column-center ul {
	margin-top: 12px;
	margin-left: 54px;
	margin-right: 36px;
	text-align: left;
}
#column-center li {
	margin-top: 12px;
}

/* Format the tables used to display the projects with thumbnails and contact
	information with alignment.*/
#column-center table {
	margin-top: 18px;
	margin-left: 36px;
	margin-right: 36px;
	text-align: left;
	}

/* Change the link color on the news page to dark blue, and shrink the body text. */
#news a {
	color: #243493;
	}
#news p {
	font-size: 0.8em;
	}

/* Shrink the text in the table of projects, but keep the links the default size.. */
#our-work table p {
	margin: 0;
	font-size: 0.8em;
}
#our-work table a {
	margin: 0;
	font-size: 1em;
}

/* Format the "Back to Top" link on the FAQ page. */
.back-to-top {
	margin-bottom: 36px;
	font-size: 0.8em;
	}

/* Format the right content column. */
#column-right {
	width: 162px;
	float: left;
	margin: 0;
	padding: 0;
	}

/* Format the heading at the top of the right column that indicates second level
	location. */
#column-right h2 {
	position: absolute;
	margin-top: 9px;
	margin-left: 18px;
	color: #fff;
	font-size: 1.5em;
	}

/* Format the lists of keywords in the right column. */
#column-right ul {
	position: absolute;
	margin: 0;
	padding: 0;
	margin-top: 54px;
	margin-left: 18px;
	list-style: none;	
	}
#column-right li {
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: bold;
	}

/* Override default formatting for the list on the home page. */
#home #column-right ul {
	position: relative;
	margin-top: 10px;
	}
/* Define a different list color for each class of pages. */
#home #column-right li {
	color: #243493;
	}
#about-us #column-right li {
	color: #7A8924;
	}
#our-work #column-right li {
	color: #9B2A4A;
	}
#contact-us #column-right li {
	color: #243493;
	}
#news #column-right li {
	color: #AF750E;
	}
#prospect #column-right li {
	color: #11625A;
	}

/* Format the default paragraph in the right column. */
#column-right p {
	margin-left: 18px;
	margin-right: 36px;
	text-align: center;
	font-family: Times, serif;
	font-style: italic;
	font-size: 1em;
	}

/* Format the copyright notice used for printing. */
#column-right #print-copyright {
	visibility: hidden;
	margin-top: 18px;
	text-align: left;
	font-size: 0.75em;
	}

/* Clears the floated columns to correctly position the footer. */
.cleaner {
	clear: both;
	height: 100px;
	}

/* Format the page footer. */
#footer {
	width: 100%;
	background: #fff url("images/footer-background.gif") repeat-x scroll top left; 
	}
#footer-container {
	width: 685px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

/* Format the copyright notice in the footer. */
#footer p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-family: Times, serif;
	font-size: 0.75em;
	}