/*_________________________________________________________________________________
		GENERAL / COLUMN LAYOUT AND RESET
===================================================================================*/
* { margin: 0px; padding: 0px; }
:focus { outline: 0; }

body { font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-size: 13px; min-width: 782px; background-color: #50515b; position: relative; }

div#wrapper { background: #60636F url("/images/adcHeader2.jpg") no-repeat -80px 0px; margin: 0 auto; padding: 0px 10px 5px; width: 750px; position: relative; border-style: solid; border-color: #777; border-width: 0px 1px 1px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.7); box-shadow: 0px 0px 5px rgba(0,0,0,.7); }

div#main { padding: 0px 300px 0px 0px; overflow: hidden; margin-bottom: 5px; position: relative; }

div#col1 { float: left; width: 100%; position: relative; }
div#col2 { float: left; width: 300px; margin: 0px -300px 0px 0px; position: relative; }

div.wrapper { padding: 20px 10px; overflow: hidden; }
div#col1 div.wrapper { padding-top: 140px; position: relative; }
div#col2 div.wrapper {  }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { font-size: 13px; line-height: 1.5em; margin: 0px 0px 15px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,.4); }

h1 { font-size: 30px; text-shadow: 2px 2px 5px rgba(0,0,0,.5); color: #fff; margin: 0px 0px 10px; }
h2 { font-size: 21px; line-height: 25px; color: #fff; letter-spacing: -.5px; text-shadow: 1px 1px 2px rgba(0,0,0,.5); margin-bottom: 5px; }
h3 { color: #eee; font-size: 15px; line-height: 17px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }
h4 { }
h5 { }
h6 { }

.weak { color: #999; font-weight: normal; font-size: 90%; }

div#content ul { margin-left: 10px; }

/*_________________________________________________________________________________
		COLUMN 1 LAYOUT
===================================================================================*/
div#col1 a#siteName { height: 75px; display: block; margin: 0px; text-decoration: none; text-indent: -9999px; position: absolute; top: 39px; left: 10px; width: 428px; border: 1px solid transparent; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
div#col1 a#siteName h1 { color: rgba(0,0,0,.2); font-size: 2px; line-height: 2px; text-shadow: none; margin: 0px; }
div#col1 a#siteName:hover { background-color: rgba(255,255,255,.05); border: 1px solid #ccc; border: 1px solid rgba(255,255,255,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5), inset 0px 0px 7px rgba(255,255,255,.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5); box-shadow: 0px 0px 10px rgba(0,0,0,.5); }
div#col1 a#siteName:active { background-color: rgba(0,0,0,.15); border: 1px solid #333; border: 1px solid rgba(255,255,255,.1); -moz-box-shadow: 4px 4px 5px rgba(0,0,0,.6) inset; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.9); box-shadow: 4px 4px 5px rgba(0,0,0,.6) inset; }
body#homepage div#main div#col1 a#siteName { display: none; }

div#content { background-color: #fff; padding: 10px 20px; margin: 0px; min-height: 302px; -moz-box-shadow: 0px 2px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.5); box-shadow: 0px 2px 10px rgba(0,0,0,.5); }

div#content p { color: #222; text-shadow: none; }
body#homepage div#content p { font-size: 14px; }
div#content h1 { color: #222; font-size: 25px; line-height: 28px; text-shadow: 1px 1px 2px rgba(0,0,0,.1); }
div#content h2 { color: #222; text-shadow: 1px 1px 2px rgba(0,0,0,.1); }
div#content h3 { color: #222; text-shadow: 1px 1px 2px rgba(0,0,0,.1); }

div#productLogos { overflow: hidden; padding: 2px; }
div#productLogos a { float: none; margin: 0px 8px 8px 0px; display: inline; display: inline-block; text-align: center;  }
div#productLogos a img { vertical-align: middle; padding: 5px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div#productLogos a:hover img { border: 1px solid #999; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
div#productLogos a:active img { border: 1px solid #333; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset; }

/*div#alluredCareers {
	border-top: 1px solid #666;
	background: url(fadeDarkGrey.png) repeat-x 0 0;
	margin: 10px 0px;
	padding: 10px 20px;
	background-color: rgba(255,255,255,.15);
	border: 1px solid rgba(255,255,255,.4);
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 7px rgba(255,255,255,.5), 0px 0px 4px rgba(0,0,0,.3) inset;
}*/

div#alluredCareers { padding-top: 7px; margin-top: 5px; border-top: 1px solid #8a8b92; }
body#homepage div#alluredCareers h2 { margin-bottom: -2px; }
body#homepage div#alluredCareers p { margin: 10px 0px 0px; font-size: 13px; line-height: 1.25em; }

/*_________________________________________________________________________________
		COLUMN 2 LAYOUT
===================================================================================*/
div#websiteList { background-color: #70727d; background-color: rgba(255,255,255,.1); border: 1px solid #43444b; border: 1px solid rgba(0,0,0,.4); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 2px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.5); box-shadow: 0px 2px 10px rgba(0,0,0,.5); }
div#websiteList h2 { padding: 7px 20px 9px; background: url("/images/adcGroove.gif") repeat-x 0 100%; margin: 0px; }

div#websiteList div.sites { padding: 10px 20px 12px; background: url("/images/adcGroove.gif") repeat-x 0 100%; }
div#websiteList div.sites ul { list-style: none; padding-top: 3px; }
div#websiteList div.sites ul li { margin-bottom: 4px; text-shadow: 1px 1px 2px rgba(0,0,0,.1); }

div#websiteList p { margin-bottom: 0px; padding: 10px 20px 10px 30px; background: url("/images/icon-book-open.png") no-repeat scroll 8px 13px; text-shadow: 1px 1px 2px rgba(0,0,0,.1); }

/*_________________________________________________________________________________
		CONTACT AND FOOTER STYLES
===================================================================================*/
div#contact { clear: both; overflow: hidden; padding: 10px 10px 12px; background: url("/images/adcGroove.gif") repeat-x 0 0%; }

div#address {  }
div#address p { float: left; width: 220px; margin: 0px 20px 0 0; }

div#footer { clear: both; text-align: center; padding: 7px 0px; }
div#footer p { margin: 0px; font-size: 11px; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
div#content a:link, div#content a:active { color: #039; }
div#content a:visited { color: #444; }
div#content a:hover { color: #06f; }

a:link, a:active { color: #e0eeff; text-decoration: underline; }
a:visited { color: #cdf; }
a:hover { color: #fff; }

/*_________________________________________________________________________________
		IE STYLES
===================================================================================*/
* html body { position: static; }
* html div#col1 a#siteName { border-width: 0px; }
* html div#col1 a#siteName:hover { border: 1px solid #ccc; }
* html div#productLogos a { padding: 1px; }
* html div#productLogos a img { border: 1px solid #fff; }
* html div#productLogos a:hover img { border: 1px solid #ccc; }
* html div#websiteList { background-color: #70727D; border: 1px solid #43444b; }
* html div#websiteList p { background-image: url("/images/icon-book-open.gif"); }
* html * { zoom: 1; }
