/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

body {/* set page background colour */
		background: #2387B9 url(../images/santur_homepage_2008_bg3.jpg) repeat-x;
		padding-bottom: 30px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}

#skipNav {/* skip-navigation container */
		position: absolute;
		top: 2px;
		left: -200px;
		width: 60px;
		text-align: center;
		}
			
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
		width: 860px;
		margin: 0 auto;
		/* background-color: #EBECEA; */
		background: #EBECEA url(../images/background_cols2.gif) repeat-y 0 0;
		border-right: 1px solid #888;
		border-bottom: 1px solid #00438B;
		/* border-top: 0px; */
		}
		
.sectionHome #wrapper {
		background-image: none;
}
		
#masthead {/* add border to masthead */
		background: url(../images/masthead-background.jpg) repeat-x;
		border-bottom: 2px solid #DDD;
		}
		
#logo {/* logo container */
		float: left;
		height: 88px;
		width: 237px;
		}

#taglineArea {/* second masthead area */
	/* border: 1px solid #555555; */
		float: left;
	margin: 30px 30px 0 0;
	width: 520px;
	height: 2em;
	color: #FFF;
	font-size: 1.6em;
	font-style: italic;
	text-align: right;
		}
	
	
#navContainer {/* navigation container */
		clear: left;
		}

#content {/* content container */
		background: #EBECEA;
		padding: 0;
		}
		
	/* Navstrip
================================================*/
#navStrip {
	width: 860px;
	height: 1.9em;
	margin: 0 auto;
	}
	
	/* Site support navigation
================================================*/
#siteSupp {
	color:#c8ddf6;
	font-size:0.98em;
	line-height:100%;
	width:auto;
}
#siteSupp ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	}
#siteSupp li {
	display:inline;
	float:right;
	padding: 5px 10px 5px 10px;
	}
#siteSupp a {
	color:#DFDFDF;
	border:0;
	font-weight:bold;
	text-decoration:none;
	}
	
#siteSupp a:hover {
	color:#fff;
	border-bottom: 1px solid #fff;
	}

		

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
		color: #0B64AC;
		}
		
	/* -- skip navigation -- */
#skipNav a {
		font: 1.0em Arial, sans-serif;
		display: block;
		color: #2388B9;
		width: 60px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #FFF;
		background: url(../assets/skip-nav.gif) 50% 100% no-repeat;
		}


	/* -- main navigation -- */
#mainNavigation {
		background: #333;
		border-top: 1px solid #555555;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.2em Arial, sans-serif;
		color: #CCC;
		text-decoration: none;
		padding: 6px 16px;
		}
		
#mainNavigation a:hover {
		color: #FFF;
		}
		
.sectionHome #mainNavigation #linkHome a, .sectionSolutions #mainNavigation #linkSolutions a, .sectionCompany #mainNavigation #linkCompany a, .sectionCareers #mainNavigation #linkCareers a, .sectionPartners #mainNavigation #linkSupport a, .sectionContact #mainNavigation #linkContact a {/* automation for active tab */
		background: #28b767 url(../images/active-tab-background.jpg) 0 100% repeat-x;
		border-top: 1px solid #5cc98d;
		color: #FFF;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionSolutions #mainNavigation #linkSolutions a:hover, .sectionCompany #mainNavigation #linkCompany a:hover, .sectionCareers #mainNavigation #linkCareers a:hover, .sectionPartners #mainNavigation #linkSupport a:hover, .sectionContact #mainNavigation #linkContact a:hover {/* hover over-ride for automated tab */
		color: #005434;
		}
		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #3FD663 url(../images/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #33DD66;
		padding: 4px 0;
		}

#subNavigation ul {
		text-align: center;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1.1em Arial, sans-serif;
		color: #22743A;
		text-decoration: none;
		padding: 4px 16px;
		}

#subNavigation a:hover, .selectedSubnav {
		color: #fff !important;
		}
		
		
		
		/* -- vertical nav menu -- */
		
#vertNav {
	width: 166px;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	background-color: #E0E3E2;
	color: #333;
	}
	
#vertNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#vertNav li {
		border-bottom: 1px solid #888;
		margin: 0;
		}
		
#vertNav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #888;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #vertNav li a {
		width: auto;
		}

	#vertNav li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #fff;
		color: #5ba3e0;
		}		
		
	/* Main Content Area
================================================*/
	
#leftEdge {
	float: left;
	width: 200px;
	padding: 23px 0 33px 18px;
}

#rightEdge{
	float: right;
	width: 220px;
	padding: 0px 0 10px 0;
}

#mainContent { 
	float: left;
	width: 46%;
	padding: 22px 10px 33px 0px;
	}
	
#wideContent {
	float: left;
	width: 70%;
	padding: 22px 10px 33px 0px;
	overflow: visible;
	}
	
#wideContent ul {
margin-left: 33px;
}
	
#homeContent { 
	float: left;
	width: 70%;
	padding: 15px 10px 0px 15px;
	}
	
#content-level1 {
	float:left;
	width:610px;
	margin:0 0 0 15px;
	}
#content-level2 {
	float:right;
	width:260px;
	margin:0;
	}
	
#mainContent h2 {/* cross-head */
		font: bold 1.2em/1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-top: 0.3em;
		margin-bottom: 1.7em;
		}

/* Flex-msg area
================================================*/

#flexMessage {
	float:left;
	margin:10px 0 10px 0;
	display:block;
	width:600px
	}	

	/* newsList
================================================*/

.glowHeader {
	background: #EBECEA url(../images/glow-gradient.gif) repeat-x 0 100%;
	padding: 0px 10px 0px 12px;
}

#rightEdge h2 {
font-size: 1.6em;
color:#888;
font-weight:300;
margin-bottom: 0px;
margin-top: 1.0em;
line-height: 1.5em;
}

#newsList ul {
	font-size: 0.95em;
	margin:0;
	padding:0;
	list-style:none;
	}		

#newsList li {
	display:block;
	padding:0 10px 10px 0;
	margin:0;
	border:1px solid #fff;
	border-width:1px 0 0 0;
	background: #dfdfdf url(../images/nav-gradient2.gif) no-repeat 0 0;
	}
	
#newsList li.first {	
	background: #dfdfdf url(../images/nav-gradient1.gif) no-repeat 0 0;
}
#newsList li:hover {
	background-position:0 -200px;
	}
#newsList a {
	border:0;
	display:block;
	line-height:133%;
	padding:0.7em 0.5em 0 0px;
	color:#0B64AC;
	}
#newsList a:hover {
	color:#4C96CC;
	}
	
#newsList .blurb {
padding: 0 0 0 15px;
font-size: 0.94em;
}

#newsList .featlist {
padding: 10px 0 0 15px;
font-size: 0.94em;
line-height: 1.2em;
}

.underbar {
	display:block;
	text-align:right;
	background: #dfdfdf url(../images/glow-gradient-inverted.gif) repeat-x 0 0;
	font-size: 10px;
	}
	
.underbar a {
	line-height:120%;
	margin: 0 20px 0 0;
}

/* eventList
================================================*/

#eventList ul {
	font-size: 0.95em;
	margin:0;
	padding:0;
	list-style:none;
	}

#eventList li {
	display:block;
	padding:0 10px 10px 0;
	margin:0;
	border:1px solid #fff;
	border-width:1px 0 0 0;
	background: #dfdfdf url(../images/nav-gradient2.gif) no-repeat 0 0;
	background-position:0 0;
	}
	
#eventList li.first {	
background: #dfdfdf url(../images/nav-gradient1.gif) no-repeat 0 0;
}

#eventList li:hover {
	background-position:0 -200px;
	}
#eventList a {
	border:0;
	display:block;
	line-height:133%;
	padding:0.7em 0.5em 0 0px;
	color:#0B64AC;
	}
#eventList a:hover {
	color:#4C96CC;
	}

#eventList .blurb {
	padding: 0 0 0 15px;
	font-size: 0.94em;
}

#eventList .featlist {
padding: 10px 0 0 15px;
font-size: 0.94em;
line-height: 1.2em;
}



/* featureBox
================================================*/	

.featureBox {
	background:#89E587;
	padding:1em;
	margin: 3.3em 0 0 0;
	border-top:1px solid #c8ddf6;
	border-bottom:1px solid #c8ddf6;
	font-size: 0.94em;
	}	
.featureBox h3 {
	color:#0B64AC;
	font-size:1.2em;
	line-height:0.5em;
	padding:0 0 .5em 0;
	margin:0 0 .5em 0;
	border-bottom: 1px dotted #d2e4fa;
	}
.featureBox ul {
	margin:0 0 1em 0;
	}
.featureBox ul ul {
	margin:0;
	}					
.featureBox ul li {
	color: #3f7bbc;
	padding:0 0 0 15px;
	background:url(../../images/bullet-arrow-small.gif) no-repeat 0 .4em;
	}
.featureBox a.noborder,
.featureBox a.noborder:link,
.featureBox a.noborder:visited,
.featureBox a.noborder:hover {
	border:none;
	}	
	
	
	/* Footer
================================================*/

#footer {
	width:860px;
	text-align:right;
	padding:0.7em 0 0.5em 0;
	background:#0B64AC;
	color:#fff;
	clear:both;
	margin: 0 auto;  /* margin:1em 0; */
	font-size:0.94em;
	}
#footer a {
	color:#c8ddf6;
	font-weight:normal;
	border:0;
	margin:0 0 0 1em;
	}
#copyright {
	float:left;
	text-align:left;
	padding: 0 0 0 20px;
	background:#0B64AC;
	}
	
#foot-address {
	width:auto;
	padding: 0 20px 0 0;
	text-align:right;
	background:#0B64AC;
	}
	
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {/* main heading */
		font: normal 1.8em/1.1em Arial, sans-serif;
		margin-bottom: 5px;
		}
		
.flexHeadline {/* main heading */
		font: normal 1.8em/1.1em Arial, sans-serif;
	}

h2 {/* cross-head */
		font: bold 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-top: 1.3em;
		margin-bottom: 2px;
		color: #0B64AC;
		clear: both;
		}

p {
		font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}
		
.prContent p{
font: 1.1em/1.9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
.productImage img {
		border: 7px solid #FFF;
		}
		
.productImage {
margin-bottom: 18px;
}
		
.imageCaption {
	background-color: #FFF;
	padding: 3px 15px 4px 12px;
	font: 0.9em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #666;
	font-weight: bold;
	}
	
.headshot {
float: left;
margin: 0 10px 5px 0;
}	
		
#logo img {
	margin-top: 25px;
	margin-left: 10px;
		}
		
.archiveDate {
		font-size: 0.94em;
		color: #555555;
		}
		
		
/* ---------- 6. tables ---------- */

table {
		border-collapse: collapse;
		font-size: 1em;  /* fix for IE6 and below not inheriting font size */
		} 

th, td { 
		border: 1px solid #bbbbbb; 
		font-size: 0.96em;
		padding: 4px 10px 4px 6px;
		line-height: 1.2;
		background-color: #EBECEA;
		} 
		

tbody td {
		border-top: 0;
		border-bottom: 0;
		}

caption {
		font-weight: bold;
		font-size: 1.1em;
		text-transform: uppercase;
		padding: 15px 0 5px 0;
		color: #444;
		}

th {
		background: #e4e5e4 url(../images/table-heading-background.gif) 0 50% repeat-x; 
		text-align: left;
		}

tfoot {
		background-color: #e2e2e2;
		color: #555555;
		}

tfoot td {
		font-size: 0.94em;
		text-align: center;
		background-color: #e2e2e2;
		color: #555555;
		}

tbody tr.alt td {
		background: #C1DDF5;
		}

tbody tr.over td, tbody tr:hover td {
		background: #A0C5E5;
		color: #ffffff;
		}

tbody tr.over+tr td {
		background-image: url(../images/shadow.png);
		background-repeat: repeat-x;
		}
		
		
/* ---------- 7. new structures ---------- */

.fullWidthBox {
width: 90%;
border-top: 1px inset;
}

.fullWidthBox img {
float: left;
margin: 15px 10px 10px 0;
}

.fullWidthBox a {
float: right;
margin: 20px 30px 0 0;
}

.fullWidthBox a.leftLink{
float: left;
margin: 20px 10px 0 0;
}

.fullWidthBox p {
clear: both;
}

.underLink {
width: 90%;
border-top: 1px inset;
}

.underLink a {
float: right;
margin: 7px 30px 20px 0;
}

.underLink a.leftLink{
float: left;
margin: 7px 30px 20px 0;
}

.archiveDivider {
width: 90%;
border-top: 1px inset;
}

.archiveDivider img {
margin: 5px 5px 0 0;
}
.archiveDivider p {
margin: 0 0 20px 29px;
}

.dualColumnLeft {
width: 260px;
float: left;
margin-right: 25px;
}

.dualColumnRight {
width: 260px;
float: left;
}

.tripleColumn {
width: 180px;
float: left;
margin-right: 20px;
}

.tripleColumnRight {
width: 180px;
float: left;
margin-right: 0px;
}

.boxLeveller {
width: 99%;
margin: 0;
padding: 0;
clear: both;
}