/*
 * NAME: style.css
 * DESCRIPTION: Master stylesheet for the Electronic Systems
 * Illinois
 * AUTHOR: Bill Patrianakos and Clever Web Design
 * AUTHOR URI: http://chooseclever.com OR
 * http://billpatrianakos.com
 * LICENSE: This work is protected by copyright. See 
 * http://chooseclever.com/legal/clicense.html for license
 * information.
 */

/*
 *IMPORTS
 */

@import url("reset.css");
@import url("layout.css");

/*
 * SITE-WIDE STYLING
 */
 


/*
 * MAIN NAVIGATION
 */

#menu {
	
	width: 100%;
	float: left;
	padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	background-color: #537db9;
	-o--webkit-box-shadow: 5px 5px 10px gray;
	-moz--webkit-box-shadow: 5px 5px 10px gray;
	-webkit-box-shadow: 5px 5px 10px gray;
	box-shadow: 5px 5px 10px gray;
	font: bold 10pt "Helvetica Neue", Helvetica, arial, veranda;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 95px;
	float: left;
	background-color: #537db9;
	
}

#menu a {
	display: block;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
	color: white;
	text-shadow: gray 3px 3px 5px;
	background-color: #537db9;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
	
}

#menu ul a:hover {
	background-color: #D33431;
}

#menu li {
	position: relative;
	text-align: left;
	
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	border-radius: 5px;
}

div#menu ul ul {
	display: none;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}

/*
 * BENEFITS AREA
 */
 
#benefits {
	margin-left: auto;
	margin-right: auto;
}

/*
 * MAIN CONTENT AREA STYLING
 */


#maincontent a {
	color: #537DB9;
	text-decoration: none;
}

#maincontent a:hover {
	color: #404040;
	border-bottom: 2px dotted #404040;
	font-weight: bold;
}

#maincontent h2 {
	font: bold 14pt/40px "Helvetica Neue", Helvetica, arial, veranda;
	padding-left: 10px;
	background-color: #537DB9;
	color: white;
	-o-text-shadow: #404040 3px 3px 5px;
	-moz-text-shadow: #404040 3px 3px 5px;
	-webkit-text-shadow: #404040 3px 3px 5px;
	text-shadow: #404040 3px 3px 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}

#maincontent p {
	font: 11pt "Helvetica Neue", Helvetica, arial, veranda;
	padding: 10px;
	border-bottom: 2px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
}

.contentimg {
	float: right;
	padding-left: 10px;
}

/*
 * SIDEBAR STYLES
 */

#sidebar h3 {
	background-color: #404040;
	color: white;
	-moz-text-shadow: #404040 3px 3px 5px;
	-o-text-shadow: #404040 3px 3px 5px;
	-webkit-text-shadow: #404040 3px 3px 5px;
	text-shadow: #404040 3px 3px 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-left: 10px;
	font: bold 14pt/35px "Helvetica Neue", Helvetica, arial, veranda;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}

#subpages {
	font: 10pt/20px "Helvetica Neue", Helvetica, arial, veranda;
	border-bottom: 2px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	padding-left: 10px;
	padding-top: 5px;
}

#sidebar a {
	text-decoration: none;
	color: #537DB9;
	font-weight: bold;
	font-size: 11pt;
}

#sidebar a:hover {
	color: #404040;
	border-bottom: 2px dashed #404040;
}

/*
 * BOX STYLES
 */
 
 .boxcontent {
	border-bottom: 2px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
}
 
.boxh2 {
	font: bold 18pt/50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #537db9;
	color: white;
	-o-text-shadow: #404040 3px 3px 5px;
	-moz-text-shadow: #404040 3px 3px 5px;
	-webkit-text-shadow: #404040 3px 3px 5px;
	text-shadow: #404040 3px 3px 5px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-indent: 10px;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}

.boxp {
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	padding: 5px;
}

.boxul {
	font: bold 10pt/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-indent: 15px;
	padding: 5px;
	list-style-type: square;
	list-style-position: inside;
}

/*
 * FOOTER STYLING
 */
 
#contactbuttons {
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	vertical-align: bottom;
}

.copyright {
	color: white;
	font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

.copyright a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
	text-shadow: #404040 1px 1px 1px;
}

.clevermark {
	text-align: center;
	color: white;
	font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.clevermark a {
	color: white;
	-moz-text-shadow: #404040 3px 3px 5px;
	-webkit-text-shadow: #404040 3px 3px 5px;
	-o-text-shadow: #404040 3px 3px 5px;
	text-shadow: #404040 3px 3px 5px;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}

.clevermark a:hover {
	color: #D33431;
}

/*
 * SPECIAL CLASSES
 */
 
#newsletterformp {
	font-size: 9pt;
}

.hidden {
	display: none;
}

.morebox {
	font: 8pt "Helvetica Neue", Helvetica, arial, veranda;
	color: white;
	background-color: #404040;
	text-decoration: none;
	margin-left: 240px;
	bottom: 5px;
	position: relative;
	padding: 5px 7px;
}

.morebox:hover {
	background-color: #D33431;
}

.absolute {
	position: relative;
	z-index: 3;
	font: 11pt "Helvetica Neue", Helvetica, arial, veranda;
}

#sidebar .squareborder {
	-o-border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}

.phone {
	padding: 10px;
	font: 11pt "Helvetica Neue", Helvetica, arial, veranda;
	border-left: 1px solid #404040;
	border-bottom: 2px solid #404040;
	border-right: 1px solid #404040;
}

strong {
	font-weight: bold;
}

.strong {
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #404040;
	border-bottom: 2px solid #404040;
}

.indent {
	text-indent: 15px;
	list-style-type: circle;
	list-style-position: inside;
}

#data {
	font: 11pt "Helvetica Neue", Helvetica, arial, veranda;
	background-color: #537DB9;
}

.listheading {
	font-weight: bold;
	font-size: 14pt;
	color: white;
	text-shadow: #404040 3px 3px 5px;
}

.aclient {
	color: #404040;
	margin-top: 5px;
	border-right: 3px solid #537DB9;
	border-left: 3px solid #537DB9;
	background-color: white;
}

.bclient {
	margin-top: 5px;
	color: #404040;
	font-weight: bold;
	border-left: 5px solid #537DB9;
	border-right: 5px solid #537DB9;
	background-color: white;
}

.aquote {
	font: italic 11pt "Helvetica Neue", Helvetica, arial, veranda;
	display: block;
	border-left: 1px solid #404040;
	padding-left: 10px;
	text-indent: 20px;
}

.quotee {
	font-weight: bold;
	font-size: 9pt;
}

.quotationmark {
	font: bold 12pt Georgia, "Times New Roman", Times, serif;
	display: block;
	padding-left: 3px;
	float: left;
}

/*
 * FORMS
 */
 
form {
	font: 10pt "Helvetica Neue", Helvetica, arial, veranda;
	margin-right: auto;
	padding: 10px;
	border: 1px solid #404040;
	border-bottom-width: 2px;
	margin-top: 20px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 10px solid #404040;
	/* IE FIX */
	behavior: url(http://electronicsystemsofillinois.com/files/PIE/PIE.htc);
}