/* Front_Layout.css */

* {margin: 0;padding: 0;}
html {height: 100%;}
body {font: normal .7em verdana;background:#fff;color: #000;height: 100%;background: url('../../images/left_menu_back.gif');background-repeat: repeat-y;}
p {line-height: 1.8em;margin: 1.8em 0 1.8em 0;}
img {border:none;}
a img {border: none;}
h1 {font-size: 32px;font-weight: bold;line-height: normal;color: #000;text-align:left;margin-bottom:0;}
h2 {font-size: 15px;font-weight: bold;line-height: normal;color: #000;text-align:left;margin-bottom:0;}
h3{font-size: 16px;font-weight: bold;line-height: normal;text-align:left;}
h5 {font-size: 16px;text-align:left;}
a {font-weight: bold;color: #003871;text-decoration: underline;}
a:hover {font-weight: bold;color: #BF0000;text-decoration: underline;}

/* Page Layout Elements */
#main {position:absolute;background: url('../../images/key_background2.jpg');top: 6em;width: 100%; min-width: 850px;height:100%;z-index:1;}
*html #main {width:850px;}
#block1, #block2, #block3 {float: left;}
#block1 {width: 65%; margin-left: 11em; margin-right: 1em}
#block2 {width: 280px; margin-right: -280px}
#block3 {width: 10em; margin-left: -65%;position: relative; left: -12em;height:100%;}
/* IE6 Hacks if you care about viewing proper pages get Firefox (www.getfirefox.com) */
* html  #block3 {width: 10em; position:relative;left:-51em;margin-left: -2px;top: .4em;height:100%;}
* html #block1 {display: inline; }
* html #footer {position: relative;}
#footer {clear: both;}
#intro {margin-top: 5em;line-height: 1.9em;}
#intro ul {margin: 15px 0 0 50px;list-style-type: square ;}

/* Special Formatting Elements */
.rounded {background: #CCCCCC;float: left;width: 100%;}
.centered {text-align: center;}
.leftAdvert {margin-top: 60px;}
#usa {font: bold .6em verdana;margin-top: 100px;}



/* Left Navigation Menu */
#leftLinks {position:relative;top: 1.8em;height: 100%;background: #F0F0F0;border-right: solid #CDCDCD 2px;text-align: center;}
*html #leftLinks {position:relative;top: 2em;height: 100%;background: #F0F0F0;border-right: solid #CDCDCD 2px;}
#leftLinks ul {list-style-type: none;width: 100%;margin: 10px 3px 0 0;border-bottom: 1px solid #999;} 
#leftLinks li {border-top: 1px solid #D2D2D2; border-width: 1px 0;margin: 0;background: #f8f8f8;}
#leftLinks li a {color: #333; display: block;font-weight: normal;padding:1.5em 0 1.5em .5em;text-decoration: none;}
* html #leftLinks li a {  /* make hover effect work in IE */width: 100%;}
#leftLinks li a:hover {background: #000;color: #fff;font-weight: bold;}
#leftLinks a em {color: #333;}
#leftLinks a span {color: #125F15;}



/* Right Navigation Elements */
#right_container {position: relative;top: 60px;width:100%;}
#industry_container {width:100%;padding: 3px;}
.industrysolution {position: relative;float: left;width: 94%;border-left: 1px solid #A6A6A6;border-bottom: 1px solid #A6A6A6;background-color: #fff;margin: 4px 0 0 2px;
padding: 5px;}
.solution_text {position: relative;float: left;display: inline;width: 72%;padding-right: 0px;font-size: .9em;line-height: 1.5em;}
.solution_action {position: relative;float: left;display: inline;width: 100%;margin-top:.5em;font-size: .9em;line-height: 1.5em;}
	
	/* Sprite Image for Industry Container */
	.sprite{position: relative;float: left;width: 50px;height: 50px;background-color:#FFF; background-image:url(http://www.cyma.com/images/frontpage/all-sprite.jpg); background-repeat:no-repeat; overflow:hidden;margin-right: 4px;}
	.pic1 {width:50px; height: 50px;background-position:0 0;border: solid 1px #fff;}
	.pic2 {width:50px; height: 50px;background-position:-50px 0;border: solid 1px #fff;}
	.pic5 {width:50px; height: 50px;background-position:-101px 0;border: solid 1px #fff;}
	.pic3 {width:50px; height: 50px;background-position:-152px 0;border: solid 1px #fff;}
	.pic4 {width:50px; height: 50px;background-position:-204px 0;border: solid 1px #fff;}
	.pic6 {width:50px; height: 50px;background-position:-255px 0;border: solid 1px #fff;}
 


/* MENU.css */
#header_container {position: absolute;top: 0;left: 0;z-index: 99;width: 100%;}
#top_header {float: left;width: 100%;height: 6.5em;text-align: left;background: #2c476e url('../../images/menu/copperback.jpg') top right no-repeat;min-width: 790px;}
#searchbar {background:  #E5E8ED;float:left;width: 100%;text-align:right;padding: 2px 0 6px 0px;height: 1.8em;font-size: .9em;border-bottom: solid 1px #CFCFCF;border-top: solid 1px #CFCFCF;min-width: 790px;}
*html #searchbar {position: relative; top: -.38em;}


#cymaphone {position:relative;float: right;top: 4px;padding-right: 52px;height: 45px;text-align: left;color: #fff;z-index: 8;}
#logo {float: left;margin-left: 5px;}
#logo img {border: 0px;}
a.contactheading {color: #fff;font: bold 9.5px verdana;letter-spacing: .1em;}
a.contactheading:hover {color: #FFFF80;font: bold 9.5px verdana;letter-spacing: .1em;}
input.topsearch {width: 10em;}
#top_navigation {/*margin: 4.4em 0 0 14em;*/position: absolute;top: 0px;left: 1em;z-index: 6;width: 100%;}
*html #top_navigation {position: absolute;top: 0px;left: 1em;z-index: 6;width: 750px;}
.ie6width {height: 0; padding: 0;margin: -1.5em -2em 0 0;}

/* CSS Menu Functionality courtesy of http://www.cssplay.co.uk/ */
/* style the outer div to give it width */
.menu {font-size:11px;padding:0px;margin-top:4.4em;margin-left: 110px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:1.6em; }

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:1.8em;line-height:1.8em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;font-size:1em;font-weight:normal ;}

/* style the links for the top level */
.menu a, .menu a:visited 

{display:block;float:left;height:100%;font-family:verdana;font-size:1em;text-decoration:none;color:#000;background: #DADADA;padding:.2em 1.3em .1em 1.2em;background-image: url('../../../images/menu/tab_left.gif');background-repeat: repeat-y;background-position: left top;border-right: solid 1px #DADADA; border-left: solid 1px #878787;border-bottom: solid 1px #878787; }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background: #F3F3F3;font-size:1em;color:#000;width:21em;height:100%;line-height:2.4em; padding:.2em 0 0 .8em;font-weight: normal;font-family:verdana;border: 1px solid #808080;
}
.menu ul table ul a, .menu ul table ul a:visited  {width:16em; w\idth:16em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:-.3em; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:0;}

.menu li:hover {position:relative;z-index:1000;}
* html .menu a:hover {position:relative;z-index:1000;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#F3F3F3;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background: #002B55;}
.menu :hover > a {color:#fff;background:#002B55;border:solid 1px #CCC;}
/* second */
.menu ul ul a:hover{color: #fff;;background:#5f5f64;}
.menu ul ul :hover > a {color:#EADD95;background:#5f5f64;font-weight: bold;}
/* third */
.menu ul ul ul a:hover {color: #eadd95; background:#5f5f64;}
.menu ul ul ul :hover > a {color: #eadd95; background:#5f5f64;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2.1em;left:0;width:1em;}
*html .menu ul ul {visibility:hidden;position:absolute;height:0;top:2.3em;left:0;width:1.5em;}


/* position the third level flyout menu */
.menu ul ul ul{left:21.95em;top:0;width:14em;}
*html .menu ul ul ul{left:17em;top:0;width:16em;}


/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; z-index:1000;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


.cyma_footer {font-size:9.5px;}
.cyma_footer a {font-weight: bold;}
.cyma_footer span {padding: 0 .45em 0 .4em;color: #BBB;}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size:32px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 10px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 10px;
}

.sIFR-hasFlash h5 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 16px;
}