/* ------------------------------- body, forms, links, and fonts ------------------------------ */

body {
	background-color: #E5F0F5;
	font-size: 11px; color: #6B6B6B;
	font-family: Arial, Sans-Serif;
	line-height: 15px; 
}

img { display: block; }

input, textarea {
	color: #323F40; font-size: 10px;
	font-family: Verdana, MS Sans Serif;
}

a:link { color: #7DB2CE; text-decoration: underline }
a:visited { color: #678DA1 }
a:hover { color: #6B6B6B }
a:active { color: black }

a.white2Olive:link { text-decoration: underline; color: white }
a.white2Olive:visited { color: white }
a.white2Olive:hover { color: #9FAA5A }
a.white2Olive:active { color: red }

.font20 { font-size: 20px; }

.font20blue { font-size: 20px; color: #7DB2CE }

.subHeader { font-weight: bold }

.blueText { color: #7DB2CE }

.blueTextBold { color: #7DB2CE; font-weight: bold }

/* ------------------------------- layout ------------------------------ */

a.imageRoll { float:left; border: 1px solid #E4E6D7; }
a.imageRoll:hover { border: 1px solid #999; }

#mainContainer {
	left: 50%; top: 0px; width: 811px; 
	position: absolute; margin-left: -393px; 
	background: url("../img/menu/back.gif");
}

.newsImage {
	float: right; padding: 0px 0px 5px 5px; border: none;
	width: 75px; height: 75px;
}

.newsItem {
	background-color: #E5F0F5; padding-left: 10px;
}

.newsItemContent {
	width: 182px; padding: 10px 0px 10px 0px; line-height: 12px; 
	background: url("../img/home/news_divide.gif") no-repeat;
	black 1px solid; font-size: 10px; font-weight: bold;
}

/* -------------------------------- menu ------------------------------- */

.menuItem1 a { background: url("../img/menu/home.gif") 0 0 no-repeat; } 
.menuItem2 a { background: url("../img/menu/press_release.gif") 0 0 no-repeat; } 
.menuItem3 a { background: url("../img/menu/clients.gif") 0 0 no-repeat; } 
.menuItem4 a { background: url("../img/menu/services.gif") 0 0 no-repeat; } 
.menuItem5 a { background: url("../img/menu/case_studies.gif") 0 0 no-repeat; } 
.menuItem6 a { background: url("../img/menu/the_team.gif") 0 0 no-repeat; } 
.menuItem7 a { background: url("../img/menu/articles.gif") 0 0 no-repeat; } 
.menuItem8 a { background: url("../img/menu/links.gif") 0 0 no-repeat; } 
.menuItem9 a { background: url("../img/menu/contact_us.gif") 0 0 no-repeat; } 
.menuItem10 a { background: url("../img/menu/syncing.gif") 0 0 no-repeat; } 
.menuItem11 a { background: url("../img/menu/project.gif") 0 0 no-repeat; } 


.menuItem1 a, .menuItem2 a, .menuItem3 a, .menuItem4 a, .menuItem5 a, 
.menuItem6 a, .menuItem7 a, .menuItem8 a, .menuItem9 a, .menuItem10 a, .menuItem11 a  {
	float: left; width: 203px; height: 31px; text-decoration: none; font-size: 12px; 
}

.menuItem1 a:hover, .menuItem2 a:hover, .menuItem3 a:hover, .menuItem4 a:hover, .menuItem5 a:hover, 
.menuItem6 a:hover, .menuItem7 a:hover, .menuItem8 a:hover, .menuItem9 a:hover, .menuItem10 a:hover, .menuItem11 a:hover { 
	background-position: 0 -31px; text-decoration: none; 
}

.menuItem1 a:active, .menuItem2 a:active, .menuItem3 a:active, .menuItem4 a:active, .menuItem5 a:active, 
.menuItem6 a:active, .menuItem7 a:active, .menuItem8 a:active, .menuItem9 a:active, .menuItem10 a:active, .menuItem11 a:active { 
	background-position: 0 -62px; 
}

/* -------------------------------- syncing ------------------------------- */

.synctow {
	width:565px;
	height:143px;
	background-color:#E5F0F5;
	border-top:1px solid #B1B7BB;
	border-bottom:1px solid #B1B7BB;
	margin-bottom:9px;
	}
	
.towmainleft {
	float:left;
	width:437px;
	}
	
.towmainright {
	float:left;
	padding-top:13px;
	}
	
.towtop {
	height:100px;
	width:435px;
	}
	
.towtopleft {
	float:left;
	width:84px;
	}
	
.towtopright {
	float:left;
	}
	
.towbottom {	
	clear:left;
}

.towbottomleft {	
	float:left;
	margin-left:10px;
	width:330px;
	}
	
.towbottomright {
	float:left;
	padding-top:15px;
	}
	
.syncarchive {
	width:565px;
	height:54px;
	background-color:#E5F0F5;
	border-top:1px solid #B1B7BB;
	border-bottom:1px solid #B1B7BB;
	margin-bottom:9px;
	}
	
.saleft {
	float:left;
	width:74px;
	margin-left:10px;
	}
	
.saleft2 {
	float:left;
	width:228px;
	}
	
.saleft p, .saleft2 p {
	margin:7px 0 0 0;
	padding:0;
	}
	
.saleft3 {
	float:left;
	width:110px;
	padding-top:10px;
	}
	
.saleft4 {
	float:left;
	width:85px;
	padding-top:20px;
	}
	
.saleft5 {
	float:left;
	padding-top:6px;
	}