/* SA Engineering Style */

/* Main Tags */
body { padding: 0; margin: 0; font: .9em Tahoma, sans-serif; line-height: 1.5em; background: #fff; color: #454545; }
a {	color: #120860; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
h1 { font: normal 1.7em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; background: #E2E0EE}
h1 a, h2 a { color:#797597; text-decoration: none; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }
ul { margin: 0; padding : 0; list-style : none; }
:hover {
transition-property:border-color,border-radius,border-style,background-color,color,background,text-decoration,opacity,padding;
transition-duration: 1s;
-moz-transition-property:border-color,border-radius,border-style,background-color,color,background,text-decoration,opacity,padding; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property:border-color,border-radius,border-style,background-color,color,background,text-decoration,opacity,padding; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property:border-color,border-radius,border-style,background-color,color,background,text-decoration,opacity,padding; /* Opera */
-o-transition-duration: 1s; /* Opera */
}

/* Classes */
.content { margin: 0 auto; width: 780px;	padding: 10px;}
.image { float: left; margin: 0 9px 3px 0; }
.clear { }

/* Top Header/Logo Section #1 */
.sa  { color: #120860; font-weight: bold; }
.header { height: 50px; background: #E2E0EE; color: #808080; margin: 3px 0; padding: 10px 0 0 0; border-bottom: 1px solid #808080;}
.top { height: 40px; float: right; width: 550px; padding: 5px 0 4px 0; background: #E2E0EE; color: #808080; }
	.topright, .topright a {float: right; text-align: center; width: 150px; padding: 0 0 0 35px; border-left: 1px solid #E2E0EE;}
	.slogan { padding: 7px 0 0 8px; margin: 0; font: 1.2em Tahoma, sans-serif; line-height: 1.8em; letter-spacing: 1.2px; color: #000; }
	
/* Top Menu Section #2 */
.menu { clear: both; font-size: 1.1em; height: 35px; color: #FFF; margin: 0 0 0 0px; background: #494183;}
	.desc  {	font-size: 0.9em; width: 190px;	color: #FFF; background: inherit;}
	.menu li { margin: 0; padding: 7px 12px 5px 12px;	color: #E2E0EE;	background: #494183; float: left; }
	.menu li.active { background: #120860; color: #fff; font-weight: bold; padding: 7px 12px 5px 12px;}
	.menu li a { padding: 0px; font-weight: bold; color: #FFF; text-decoration: none;} 
	.menu li a:hover { color: #FFFF66; background: #494183;} 

/* Top Information Bar Section #3 */
.top3 { background: #fff no-repeat right; color: #808080; clear: both; font-weight: bold; padding: 0px 0px 0px 10px; margin: 0px 0; }
	.welcome a{ background: #120860 no-repeat; float: right; border: 0; font-weight: bold; padding: 5px 0; width: 170px; margin: 0 0px 0px 0; color: white; font: bold 1em Arial, Sans-Serif; text-decoration: none; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
	.welcome a:hover{ color: #FFFF66; -moz-border-radius: 0em; border-radius: 0em;}

/* Left Side */
	.open {}
		.open h3{ clear: both; background: #EDECF3 url(images/circuitsh3open.jpg) no-repeat right top; color: #797597; padding: 7px 0 7px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0 0 0px 0;}
	.main { float: left; width: 65%; margin: 0 0 10px 0; }
		.main h3 {clear: both; background: #EDECF3 url(images/circuitsh3main.jpg) no-repeat right bottom; color: #797597; padding: 7px 0 7px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0 0 0px 0;}
		.leftlinks p, .rightlinks p {background: #fff url(images/arrow.gif) no-repeat top left;}
		.leftlinks a, .rightlinks a { padding:0px; color: #454545; background-image: none; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
		.leftlinks a:hover, .rightlinks a:hover {color: #000; background: #FFFF66; padding:0px; -moz-border-radius: 5em 1em 5em 1em; border-radius: 5em 1em 5em 1em; }
		.leftlinks { text-indent: 20px; margin: 10px 0; float: left; width: 40.5%; padding: 0 0 0 10px; }
		.rightlinks { text-indent: 20px; margin: 10px 0; float: right; width: 43.3%; padding: 0 0 0 40px;}
.article, .profile { margin: 0 0 10px 0; font: 1.2em Tahoma, sans-serif; line-height: 1.8em; letter-spacing: 1.2px; color: #000; background: #FFF; padding: 3px 0; }
.profile .image, .point .image{display: none;}
.NAICSCodes {text-indent: -5em; margin-left: 5em; }

/* Right Side */		
	.right { float: right; width: 34.6%; margin: 0 0 10px 0; }
		.right h3 { background: #797597 url(images/circuitsh3point.jpg) no-repeat right top; color: #F7F6FA; padding: 7px 0 7px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0 0 3px 0; }
.point { background: #F7F6FA; color: #454545; padding: 8px; margin: 0 0 3px 0; }
.point a{text-decoration:none; color: #000}

/* Footer */
.footer { clear: both; text-align: center; padding: 10px 0 10px 0; margin: 0; border-top: 1px solid #808080; line-height: 1.8em;}
.footer a { color: #808080; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
