/*   Signature Group   */
/*  SRS Red:  #9f0000  */

html {
	height: 100%;
	}

body {
	min-width: 960px;
	height: 100%;
	background: #121212;
	background: #4b4b4b url("images/sg-bg.gif");
	}


/* ======================== General Styles ========================= */

a {outline: none;}
a visited {color: #9f0000;}
a img {border: none;}

/* ======================== Font Styles ========================= */

@font-face {
    font-family: 'SignatureRetailRegular';
    src: url('webfonts/signatureretail-webfont.eot');
    src: url('webfonts/signatureretail-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/signatureretail-webfont.woff') format('woff'),
         url('webfonts/signatureretail-webfont.ttf') format('truetype'),
         url('webfonts/signatureretail-webfont.svg#SignatureRetailRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

/* ----------------------- Unordered Lists ------------------------------ */
			ul{
			/*clear:both;*/
			}
				
			ul li {
			padding:0 0 0 15px;
			list-style-type:none;
			background:url(images/ses-bullet-arrow.gif) 0px 6px no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 16px;
			color: #444;
			}
				
			ul li a, ul li a:visited, ul li a:active {	
			text-decoration: none;
			color: #444;
			}
						
			ul li a:hover {
			text-decoration: none;
			color: #9f0000;
			}

/* ----------------------- Paragraph ------------------------------ */
		p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
			}

		p a, p a:visited, p a:active {
			text-decoration: none;
			color: #9f0000;
			}
			
		p a:hover {
			text-decoration: underline;
			color: #9f0000;
			}
	
/* ----------------------- H1 [headings]------------------------------ */
		h1 {
			font-family: 'SignatureRetailRegular', serif;
			font-size: 28px;
			line-height: 28px;
			color: #9f0000;
			text-decoration: none;
			font-weight: normal;
			padding: 0;
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0.5em;
			margin-left: 0;
			clear:both;
			}

		h1 a, h1 a:visited, h1 a:active {
			text-decoration: none;
			color: #9f0000;
			}
			
		h1 a:hover {
			text-decoration: none;
			color: #555;
			}

/* ----------------------- H2 [interior headings] ------------------------ */
		h2 {
			font-family: 'SignatureRetailRegular', serif;
			font-size: 20px;
			line-height: 20px;
			color: #444;
			text-decoration: none;
			font-weight: normal;
			padding: 0;
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0.5em;
			margin-left: 0;
			}

		h2 a, a:visited, h2 a:active {
			text-decoration: none;
			color: #9f0000;
			}
			
		h2 a:hover {
			text-decoration: underline;
			}

/* ----------------------- H3 [interior subheadings] ------------------------ */
		h3 {
			font-family: 'SignatureRetailRegular', serif;
			font-size: 22px;
			line-height: 24px;
			color: #9f0000;
			text-decoration: none;
			font-weight: normal;
			padding: 0;
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0.8em;
			margin-left: 0;
			}

		h3 a, h3 a:visited, h3 a:active {
			text-decoration: none;
			color: #555555;
			}
			
		h3 a:hover {
			color: #9f0000;
			}
		
/* ----------------------- H4 [sidebar headings] ------------------------ */
		h4 {
			font-family: 'SignatureRetailRegular', serif;
			font-size: 14px;
			line-height: 14px;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			}

		h4 a, h4 a:visited, h4 a:active {
			text-decoration: none;
			color: #555555;
			}
			
		h4 a:hover {
			text-decoration: underline;
			}
			
/* ----------------------- H4 - H5 [unused] ------------------------ */

/* ----------------------- H6 [comments] ------------------------ */
		
	h6 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 18px;
		color:#393;
		text-decoration: none;
		font-weight: bold;
		}

	h6 a, h6 a:visited, h6 a:active {
		text-decoration: none;
		color: #fff;
		}
			
	h6 a:hover {
		text-decoration: underline;
		}
		
	address {
		font-family: 'SignatureRetailRegular', serif;
		font-size: 10px;
		line-height: 16px;
		color: #666;
		text-decoration: none;
		font-weight: normal;
		}
	

	
/* ========================= Misc Styles ========================= */

	hr {
		border: none 0; 
		border-top: 1px dashed #9f0000;
		width: 100%;
		height: 1px;
		padding: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
		}
			
	.tab { float:left; margin: 0px 0px 0px -11px; }
	.align-right { float:right; margin: 0 0 15px 15px; }
	.align-left { float:left; margin: 0 15px 15px 0; }
	p img {padding: 0;max-width: 100%;}
	img.centered {display: block;margin-left: auto;margin-right: auto;}
	img.alignright { float:right; padding: 4px;margin: 0 0 0 15px;display: inline;}
	img.alignleft {padding: 4px;margin: 0 15px 0px 0;display: inline;}
		
	.formtable {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px;
		font-style: normal;
		line-height: normal;
		color: #333;
		width:585px;
		/*border:1px solid #aaa;
		background-color: #eee;*/
		}

	.formboxes {
		font-family: 'SignatureRetailRegular', serif;
		font-size: 12px;
		padding: 3px;
		font-style: normal;
		line-height: normal;
		color: #9f0000;
		width:185px;
		border:1px solid #aaa;
		/*background-image: url(images/formfade.gif);*/
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		}

.divider-top {
	width: 295px; height: 12px;
	background: url(images/ses-side-divider.gif);
	margin-bottom: 7px;
	}

.divider-bottom {
	width: 295px; height: 1px;
	background: #585858;
	}

.side-menu, .side-menu:visited, .side-menu:active  {
	display: block;
	height: 28px;
	width:291px;
	background: #fff;
	text-align: center;
	font-family: 'SignatureRetailRegular', serif;
	font-size: 22px;
	line-height: 24px;
	color: #888;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	margin: 0px;
	}

.side-menu:hover {
	color: #fff;
	text-decoration: none;
	background: #9f0000;
	}

.bios {
	position: relative; display: block;
	background:#fff;
	clear: both;
	min-height:155px;
	width: 576px;
	overflow:hidden;
	}
	
.ses-bios {
	background:#ddd;
	width: 288x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	text-decoration: none;
	font-weight: normal;
	padding: 10px;
	margin-bottom: 20px;
	}

img.bio-photo {	
	float:left;
	margin: 0 15px 0px 0;
	}



/* ======================== Page Layout Styles ========================= */

html {
	height: 100%;
	}

body {
	min-width: 960px;
	height: 100%;
	background: #121212;
	}

	#body-wrap {
		position: relative;
		width: 100%;
		height: 100%;
		margin: auto;
		background: #121212;
		}

/* HEADER */
	#spacer-wrap {
		position: relative; margin: auto;
		width: 100%; height: 18px;
		background: #4b4b4b url("images/srs-bg.gif");
		}
		
	#header-wrap {
		position: relative; margin: auto;
		width: 100%;height: 20px;
		background: #fff;
		border-top: solid 3px #000;
		border-bottom: solid 5px #333;
		}
		
		#header {
			position: relative; margin: auto;
			width: 960px; height: 20px;
			}

			#header-logo {
				position: absolute; display: block; text-indent: -9999px;
				left: 0px; top: 0px; width: 225px; height: 95px; padding: 0px;
				background: url("images/srs-logo.png") no-repeat;
				background-position: 0 0px;
				}
				
			#header-logo span {
				display: block;
				width: 225px; height: 95px; 
				cursor: pointer;
				}
			
			#header-logo:hover {
				background-position: 0 -95px;
				}
				
			#header-tabs {
				position: absolute; display: block;
				right: 0px; top: -28px;
				width: 160px; height: 45px;
				/*background-color:#42c8f4;*/
				}	

				  #header-tab-sigengineered {
						  position: absolute; display: block;
						  right: 163px; top: 0px;		
						  height: 45px; width: 34px;
						  text-indent: -9999px;
						  background: url("images/srs-tab-sigengineered.png") no-repeat;
						  background-position: 0 -5px;	
						  -webkit-transition: background 0.1s ease-out;
   						  -moz-transition: background 0.1s ease-out;
   						  -o-transition: background 0.1s ease-out;
						  }
						  
				  #header-tab-login {
						  position: absolute; display: block;
						  right: 56px; top: 0px;	
						  height: 45px; width: 104px;
						  text-indent: -9999px;
						  background: url("images/srs-tab-login.png") no-repeat;
						  background-position: 0 -5px;	
						  -webkit-transition: background 0.1s ease-out;
   						  -moz-transition: background 0.1s ease-out;
   						  -o-transition: background 0.1s ease-out;
						  }
				  
				  #header-tab-twitter {
						  position: absolute; display: block;
						  right: 28px; top: 0px;	
						  height: 45px; width: 25px;
						  text-indent: -9999px;
						  background: url("images/srs-tab-twitter.png") no-repeat;
						  background-position: 0 -5px;
						  -webkit-transition: background 0.1s ease-out;
   						  -moz-transition: background 0.1s ease-out;
   						  -o-transition: background 0.1s ease-out;
						  }
						  
				  #header-tab-facebook {
						  position: absolute; display: block;
						  right: 0px; top: 0px;		
						  height: 45px; width: 25px;
						  text-indent: -9999px;
						  background: url("images/srs-tab-facebook.png") no-repeat;
						  background-position: 0 -5px;	
						  -webkit-transition: background 0.1s ease-out;
   						  -moz-transition: background 0.1s ease-out;
   						  -o-transition: background 0.1s ease-out;
						  }
			
				#header-tab-sigengineered:hover, #header-tab-login:hover, #header-tab-twitter:hover, #header-tab-facebook:hover {
					  background-position: 0 0px;
					  }	
			
			#header-menu{
				position: absolute; display: block;
				right: 0px; top: 55px;
				height: 25px;
				/*background-color: #aaa;*/
				z-index:1000;
				text-align:right;
				}

				  #header-menu a, #header-menu a:visited, #header-menu a:active {
					  text-decoration: none;
					  color: #444;
					  }
					  
				  #header-menu a:hover {
					  text-decoration: none;
					  color: #9f0000;
					  }
			  
						  
				  #header-menu ul li {
					  list-style-type:none;
					  background-image: none;
					  padding: 0px;
					  line-height: 25px;
					  font-family: 'SignatureRetailRegular';
					  font-size:16px;
					  text-transform:uppercase;		
					  }

#sub-header-wrap {
		position: relative; margin: auto;
		width: 100%;height: 150px;
		background: #4b4b4b url("images/sg-bg.gif");
		padding: 9px 0px 9px 0px;
		}

#sub-header {
		position: relative; margin: auto;
		width: 950px; height: 140px;
		background-color: #450b00;
		border: solid 5px #fff;
		}
		
		#sub-header-title{
			position: absolute; display: block;
			left: 40px; top: 55px; width: 800px; height: 50px; padding: 0px;
			text-align:left;
			/*background: #0f0;*/
			}
			
			#sub-header-title h1 {
				color:#fff;
				font-size: 40px;
				text-transform:uppercase;
				}
	
/* CONTENT */

	#home-content-wrap {
		position: relative;
		width: 100%;
		margin: auto;
		/*background: #0f0;*/
		padding: 0px 0px 0px 0px;
		}



	#content-wrap {
		position: relative;
		width: 100%;
		margin: auto;
		/* background: #ccc; */
		background: #4b4b4b url("images/srs-bg.gif");
		padding: 0px 0px 9px 0px;
		border-bottom: solid 1px #999;
		}

	#content-onecolumn {
		position: relative;
		width: 920px;
		padding: 20px 20px 20px 20px;
		margin: auto; position: relative;
		clear:both;
		overflow:hidden;
		min-height: 480px;
		background: #fff;
		}
		
	#content-twocolumn {
		position: relative;
		width: 960px;
		margin: auto; position: relative;
		clear:both;
		min-height: 400px;
		background:url(images/srs-2column-bg.gif) repeat-y;
		}	
		
		#column-main { 
			margin: auto; position: relative;
			float: left; width: 576px;
			/*background: #ff0;*/
			padding: 30px 30px 30px 30px;
			/* border-top: 3px solid #444; */
			} 
			
		#column-side {
			margin: auto; position: relative;
			float:right; width: 295px;
			padding: 10px;
			/*background:#f0f;*/
			/* border-top: 2px solid #999; */
			}
			
		#blog-sidebar {
			list-style-type: none;
		 	background: none;
			}
			
		#column-side p {
			font-size: 12px;
			}
			
		#column-side-copy {
			margin: auto; position: relative;
			float:left; width: 195px;
			min-height:450px;
			padding: 10px  15px  10px  15px;
		    background:#F90;
			}
			
		#column-side-copy p {
			font-size: .8em;
			line-height: 1.5em;
			}
		
		.clearfloat { 
			clear:both;
			height:0;
			font-size: 1px;
			line-height: 0px;
			}
	
		
/* HOMEPAGE */

	  #home-content {
		position: relative; margin: auto;
		width: 960px; min-height: 660px;
		}
		
		#home-slideshow-wrap {
		position: relative; margin: auto;
		width: 100%; height: 420px;
		/*background:  #999;	*/
		background: #4b4b4b url("images/srs-bg.gif");
		}
		
		
/* -----------------  HOMEPAGE NEWS CALLOUT -------------------- */		
	  #home-slideshow{
		position: relative; margin: auto;
		width: 960px; height: 420px;
		top: 0px; left: 0px;
		/*background: #333;*/
		color: fff;
		}		
  
/* -----------------  BELOW SLIDESHOW -------------------- */
		#home-callouts-wrap {
	position: relative;
	margin: auto;
	width: 100%;
	background: #fff;
	border-top: solid 6px #9f0000;
	height: 480px;
		}
				
		#home-callouts {
	position: relative;
	margin: auto;
	width: 960px;
		}		
								
				#home-callouts  p {
					font-family: Arial, Helvetica, sans-serif
					font-size: 12px;
					line-height: 16px;
					color: #444;
					text-decoration: none;
					font-weight: normal;
					}

				#home-callouts p a, #home-callouts p a:visited, #home-callouts p a:active {
					text-decoration: none;
					color: #9f0000;
					}
			
				#home-callouts p a:hover {
	text-decoration: none;
	color: #9f0000;
					}
					  
		#home-callout1 {
	position: absolute;
	display: block;
	top: 20px;
	left: 0px;
	width: 442px;
	height: 402px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #999;
	background: #fff;
	z-index: 100;
				}
				
		#home-callout2 {
	position: absolute;
	display: block;
	top: 20px;
	right: 0px;
	width: 442px;
	height: 402px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #999;
	background: #fff;
	z-index: 100;
				}

				
#home-callout1-bg, #home-callout2-bg, #home-callout3-bg, #home-callout4-bg {
	position: absolute;
	display: block;
	top: 20px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	}

	  #home-callout1-bg {
		  left: 0px;
		  background:url(images/callout-rollover-1-off.png) no-repeat 0px 50px;
		  }
	  #home-callout2-bg {
		  left: 243px;
		  background:url(images/callout-rollover-2-off.png) no-repeat 0px 50px;
		  }
	  #home-callout3-bg {
		  left: 486px;
		  background:url(images/callout-rollover-3-off.png) no-repeat 0px 50px;
		  }
	  #home-callout4-bg {
		  left: 729px;
		  background:url(images/callout-rollover-4-off.png) no-repeat 0px 50px;
		  }
		  
	  #home-callout1-bg:hover {
		  background:url(images/callout-rollover-1-on.png) no-repeat 0px 0px;
		  }
	  #home-callout2-bg:hover {
		  background:url(images/callout-rollover-2-on.png) no-repeat 0px 0px;
		  }
	  #home-callout3-bg:hover {
		  background:url(images/callout-rollover-3-on.png) no-repeat 0px 0px;
		  }
	  #home-callout4-bg:hover {
		  background:url(images/callout-rollover-4-on.png) no-repeat 0px 0px;
		  }	
				
				
/* FOOTER */
	#footer-wrap {
		position: relative; width: 100%;
		background-color: #121212;
		height: 50px;
		}
		
	#footer {
		position: relative; margin: auto;
		width: 960px; 
		}
		

			.footer-callout-left {
				position: absolute; display block;
				/*background-color: #00f;*/
				float: left;
				top: 16px; left: 16px;
				padding: 0px;
				font-family: 'SignatureRetailRegular';
				font-size: 28px;
				line-height: 26px;
				text-align:left;
				color: #999;
				}
			
			.footer-callout-right {
				position: absolute; display block;
				/*background-color: #f00;*/
				float:right;
				top: 10px; right: 10px;
				padding: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				line-height: 12px;
				text-align:right;
				color: #aaa;
				}

	#footer-callout1:hover, #footer-callout2:hover, #footer-callout3:hover {
	    opacity: 1.0;
	    z-index:0;
	    filter: alpha(opacity=100); /*workaround to make clickable in IE */
		}


	  #footer-leftcopy {
		  position: absolute;  display: block;
		  top: 10px; left: 0px;
		  width: 637px; height: 17px;
		  /*background-color: #606;*/
		  }
		  
	  #footer-rightcopy {
		  position: absolute; display: block;
		  top: 10px; right:0px; 
		  width:314px; height: 17px;
		  text-align:right;
		  /*background:#0ff;*/
		  }
			  
	  .footer-copy, .footer-copy a, .footer-copy a:visited, .footer-copy a:active {
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  color: #666;
		  text-decoration: none;
		  vertical-align:bottom;
		  }
		  
	  .footer-copy a:hover {
		  color: #a00; 
		  text-decoration: none;
		  }
		
.button1 {
	font-family:'MuseoSlab500', sans-serif;
	font-size: 11px;
	background-color:#666;
	/*display:inline-block;*/
	color:#fff;
	font-weight:normal;
	padding:6px 12px;
	text-decoration:none;
	}.button1:hover {
	background-color:#f00;
	color:#fff;
	}.button1:active {
	position:relative;
	top:0px;
	right:0px;
	}		

.button2 {
	font-family:'MuseoSlab500', sans-serif;
	font-size: 9px;
	background-color:#666;
	
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
	
    padding:10px 4px 0px 4px;
    display: block;
    text-align: center;


    color: #ffffff;
    font-weight: 100;

    height: 20px;
		text-decoration:none;
}
.button2:hover {
    background: #ff0000;
    font-size: 11px;

}
.button2:active {
    background: #a30000;
    -webkit-transition: font-size 0s linear;
    -moz-transition: font-size 0s linear;
    -o-transition: font-size 0s linear;
    transition: font-size 0s linear;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px);
}		

.shadow, #home-slideshow-wrap {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
	}


.redbutton, .redbutton:visited, .redbutton:active  {
background-color: #9f0000;
padding: 8px 16px 8px 16px;
color: #fff !important;
}

.redbutton:hover {
background-color: #555;
}

.redbutton a, .redbutton a:visited, .redbutton a:active  {
text-decoration: none;
color: #fff;	
}
			
		.redbutton a:active {
			text-decoration: underline;
			background-color: #f00;
			color: #fff;	
			}



		 
/* ========================================================= */