/* CSS Document for all synthosys web pages *********************************** */

/*General styles ************************************************************* */
body {
	background-color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #444444;
	margin:0; 
	padding:0;
}
/* clearfix hack prevents floats from falling out of enclosing divs */	
	.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body, div, span { margin:0; padding:0;}
p { margin:8px 0 4px 0;}	
h1 {
	color:#3E8E86;
	margin:8px 0 10px 0;
	font-size: 20px;
	line-height:25px;
	font-style: bold;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom:12px;
	}
h2 {
	margin:8px 0 8px 0;
	font-size: 17px;
	font-style: bold;
	color: #7D848E;
	line-height: 18px;
	}
h3 {
	margin:8px 0 4px 0;
	font-size: 14px;
	font-style: bold;
	}
h4 {
	color: #829931;
	margin:9px 0 2px 0;
	font-size: 12px;
	font-style: bold;
	}	
a  {
	text-decoration:none;
	font-weight:bold;
	color:#DB46C1; 
	}
a:hover {
	color:#D020AB;       
	text-decoration:none;
	font-weight:bold;
	}
	
/* Global navigation  ******************************************************** */ 
.globalmenu {
	/*position:absolute;
	z-index:2;*/
	position:relative;
	top:60px;  padding:0 150px 0 0; height:200px; 
	margin-bottom:-50px;
	}

a.navtext {
	display:block;
	color: #8E8E8E;   
	text-decoration:none;
	cursor:pointer;
	padding:5px 15px 7px 15px; 
	float:right; 
	font-size: 10px; 
	line-height: 12px; 
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0 3px;
	margin:  0 3px 0 0;	
	}
a.droptext {
	display:block;
	font-size:10px;
	line-height: 12px; 
	color: #8E8E8E; 
	text-decoration:none;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0 3px;
	padding:5px 15px 7px 15px; 
	background-color:white;
	/*position:absolute;*/
	}
a.navtext:hover, a.droptext:hover {
	color:white;
	background-color:#BAB237;
	}
.dropmenu {
   	display:none;
   	position:absolute;
	}


/* new .droptext style for mouseover new div holding a.droptext links */
.droptextover {
	font-size:10px;
	line-height: 12px; 
	color: white; 
	text-decoration:none;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0 3px;
	padding:5px 15px 7px 15px; 
	background-color:#BAB237;
	position:absolute;
	}
/* new .droptext style for mouseover a.droptext links  */
a.droptextover {
	color: #FFFFFF; 
	background-color:#BAB237;
	position:absolute;	
	}
	
/* *********************************** */

#content {border-top:#CCCCCC solid 7px; 
		border-bottom:#CCCCCC solid 9px; 
		padding:16px 90px 28px 0; 
		margin:0px -1px 0px 190px;
		}
ul {list-style-type:none;
margin:0;
padding:0;
}

ul li {
	background-image: url(textpromobullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:2px 0 2px 14px;  
	margin:0 0 0 8px;
	font-weight:normal;
	font-size: 11px; 
	line-height: 13px; 
	}
#art {width:140px;float:right; background:white; padding-left:0px; margin: 0 0 6px 24px;}
.collage {float:right;width:60px;height:60px;margin:2px;border:2px solid #DDDDDD;}


#headline { background-image: url(images/pattern1.gif); 
			background-repeat: repeat-x repeat-y; 
			border-top:#CCCCCC solid 1px; 
			border-bottom:#CCCCCC solid 1px; 
			padding:0px 90px 0px 190px; 
		}	
	
acronym {
	text-decoration:underline;
	cursor:help; 
	}
	
	
table {
	margin:6px 0 4px 0;
	border:1px solid #F0EFEC;
	}
td, th {
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	color: #333333;
	padding:6px;
	text-align: left;
	background-color: #ECFAFA;  
	vertical-align: top;
	}
th {
	background-color: #F0EFEC;  
	}
				
#industrytable {width:340px; 
	float:right; padding:4px; 
	margin: 0 0 30px 15px; 
	border: 1px #CCCCCC solid; 
	background: white;}

/* breakoutwrap and breakout are always nested as a box model hack *******************  */
.breakoutwrap {
	position:absolute;
	left:4px;
	width:172px;
	top: 260px;
	border-right: 1px #CCCCCC solid;
	}
.breakout {
	padding:0 4px 0 2px; 
	color:#BAB237; 
	font-size:16px; 
	line-height:17px; 
	font-weight:bold; 
	text-align: right;
	}
	
#footer  {
		background-image: url(images/pattern1.gif); 
		background-repeat: repeat-x repeat-y;  
		color:#666666; 
		border-top:#CCCCCC solid 1px;  
		height:20%; 
		padding:2px 90px 240px 190px;
		} 
