/* Base CSS Document for ahri*/

/* Global reset of font sizes, margins and padding */

* { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }

body { font-size:76%; background:#000;}


/* Global heading styles */

h1, h2, h3, h4 { font-family:Arial,Verdana,Helvetica; font-weight:normal; color:#c7c7c7}

h1 {font-size:2.5em; font-weight:normal;}

h2 {font-size:1.6em; line-height:1.6em}

h3 {font-size:1.2em;}


h1 {width: 269px;height: 61px;position: relative;margin-top:20px;}
h1 span {background: url(../images/logo.gif) no-repeat;position: absolute;width: 100%;height: 100%;cursor:pointer;}
	


p, ul, ol { margin-bottom:1em; color:#747474; font-size:1.1em}
p, li{line-height:1.4em;}
li {list-style-type:none; padding-left:10px;}

.clear{clear:both}

img{border:none;}

a{text-decoration:none;}
a:link{color:#8fbf00;}
a:visited {color:#8fbf00;}
a:hover {text-decoration:underline; color:#b0ea00}
a:active {color:#8fbf00;}

a.pdf{background:url(icon-pdf.gif) top left no-repeat; padding:2px 0 10px 30px; height:20px;}

form {margin:0; padding:0; }

/*::::::::::::::: ACCESSIBILITY ::::::::::::::::::::::::::::::::::::::::*/
.accessibility{position: absolute !important;top: -1000em !important;left: -1000em !important;}

p.bright{color:#FFFFFF}
p.backToTop{text-align:right; clear:both; font-size:.9em}

.aboutIntro{border:1px dotted #333; padding:10px; margin-bottom:2em; width:95%!important;}

span.the{color:#83c51f; font-size:1.4em}
span.retail{color:#fff; font-size:1.4em; margin:0 1px}
span.space{color:#8a8a8a; font-size:1.4em}

/*::::::::::::::: The global content container ::::::::::::::::::::::::::::::::::::::::*/
#container {width:992px; margin:0 auto 60px auto; overflow:visible; background:#080504 url(bg_top.gif) top left repeat-x;}
#container.flashIntro{background:#000}

/*::::::::::::::: LAYOUT ::::::::::::::::::::::::::::::::::::::::*/
#main{margin:0 25px 25px 25px; background:#000; padding:15px; clear:both; float:left}
#main p{line-height:1.6em}
#main li{list-style-type:circle; margin-left:2em}
#main.success{width:90%; text-align:center; padding:30px 0}
.scrollPane{height:292px; overflow:auto; float:left}

#navigation {margin:0 auto; width:740px; margin-bottom:4em; overflow: hidden; position: relative;}
#navigation ul{float:left; font-size:1em; text-align:center;}
#navigation li{float:left; margin-right:5px; color:#858585; margin-right:1em; position: relative; top:15px;}
#navigation li a{ padding:4px 0 4px 0; color:#fff; display:block; position:relative;height:155px; width:124px; font-weight:bold; font-size:1.2em; text-transform:lowercase; }
#navigation li a.current, #navigation li a:hover.current{ color:#99cc00; text-decoration:none;}
#navigation li a:hover{color:#99cc00; text-decoration:none;}

#navigation li a span{display:block; color:#232323; font-weight:normal; font-size:.8em}
/*#navigation li a.current span{color:#585858}*/

#navigation li a:hover.home, #navigation li a:hover.staffing, #navigation li a:hover.software, #navigation li a:hover.training, #navigation li a:hover.promotions{background-position:50% -107px}

#navigation li a.home{background:url(../images/logo-home.gif) 50% 50px no-repeat;}
#navigation li a.staffing{background:url(../images/logo-bods.gif) 50% 50px no-repeat;}
#navigation li a.software{background:url(../images/logo-www.gif) 50% 50px no-repeat;}
#navigation li a.training{background:url(../images/logo-headspace.gif)  50% 50px no-repeat;}
#navigation li a.promotions{background:url(../images/logo-launchpad.gif) 50% 50px no-repeat;}

/*::::::::::::::: HEADER ::::::::::::::::::::::::::::::::::::::::*/
#header{background:#080504 url(bg_header.gif) top left no-repeat; height:120px; padding:5px 15px 0}
#header a{color:#8a8a8a}
#header a:hover{color:#c2c2c2}

#header ul{float:right;}
#header ul li{float:left; background:url(bg_pipe1.gif) .3em .2em no-repeat}
#header ul li.first{background:none;}

/*::::::::::::::: FOOTER ::::::::::::::::::::::::::::::::::::::::*/

#footer{background:#080504 url(bg_footer.gif) top left no-repeat; height:80px; padding:60px 0 0 35px; clear:both}
#footer a{color:#373737;}
#footer a:hover {text-decoration:underline; color:#7f7f7f}
#footer ul{float:left}
#footer ul li{float:left; padding-left:5px; color:#231f1f}
#footer ul li.first{background:none;}

p.closeModal a{float:right; padding-top:10px; font-size:11px; color:#FFFFFF; clear:both; margin-right:10px}
p.closeModal a span{color:#990000}

#contact-overlay {background-color:#000; cursor:wait;}

/*::::::::::::::: CONTACT CONTAINER ::::::::::::::::::::::::::::::::::::::::*/
#contact-container{font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; margin-top:20px; background:#000}
#contact-container p{margin-left:10px}
#contact-container p.instructions{font-size:.8em; margin:0 0 3px 185px; padding:0; color:#99cc00;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#99cc00; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left; height:1.4em;}
#contact-container h1 span{color:#747474; background:none;}
#contact-container .contact-loading {position:absolute; background:url(loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:170px; float:left; text-align:right; padding-right:14px; font-weight:bold; margin-bottom:.5em}
label.error { float: none; color: red; vertical-align: top;  width:400px; font-size:.7em; margin-left:129px}
#contact-container label span{font-size:.8em}

#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px;}
#contact-container textarea {height:44px; margin-bottom:.3em; width:255px; margin-left:1px; font-size:.7em}
#contact-container textarea.resume{height:80px}

#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:138px; height:38px; background:url(submit.gif) no-repeat; margin-left:124px}
/*#contact-container .contact-cancel {width:65px; background:url(../images/contact/cancel.png) no-repeat;}*/
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:400px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

/*::::::::::::::: ABOUT CONTAINER ::::::::::::::::::::::::::::::::::::::::*/
#about-container{font-family:'Trebuchet MS', Verdana, Arial; font-size:12px; text-align:left; margin-top:40px; background:#000}
#about-container h1 {color:#99cc00; margin:0; padding:0 0 6px 12px; font-size:1.6em; text-align:left; height:1.4em;}
#about-container ul{float:left; width:270px; margin-right:10px;}
#about-container p{margin:0 10px 2em 10px}
#about-container strong{color:#FFFFFF}

/*::::::::::::::: Content CONTAINER ::::::::::::::::::::::::::::::::::::::::*/
#content-container h1, #content-container h2{font-size:1.6em; margin-bottom:.5em;}
#content-container h2 span{color:#FFF}


#content-container div{float:left; width:600px}
#content-container .secondary-nav{width:300px; }

#content-container ul.slideShow, #content-container ul.slideShowStatic{float:left; margin-right:15px}
#content-container .slideShow, #content-container .slideShowStatic {border:3px solid white; width:337px; height:250px;}
#content-container .slideShow li, #content-container .slideShowStatic li{margin:0; padding:0; list-style-type:none;}


#content-container .secondary-nav ul{width:200px; float:left;}
.secondary-nav li{list-style-type:none!important; margin-left:0!important;}
.secondary-nav li a, .secondary-nav li a:visited{display:block; background:#151515; margin-top:2px; padding:5px; color:#666666; width:100%}

.secondary-nav li a.current, .secondary-nav li a:hover.current, .secondary-nav li a:visited.current{text-decoration:none; background:#1e4371; color:#f1f1f1;width:100%}
.secondary-nav li a:hover{background:#333333; text-decoration:none; color:#fff; }

/*:::::::::::::::Jscroll PANE ::::::::::::::::::::::::::::::::::::::::*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #181c16;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(basic_arrow_up.gif) no-repeat 0 0;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -10px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(basic_arrow_down.gif) no-repeat 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -10px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*::::::::::::::: Nyro Modal ::::::::::::::::::::::::::::::::::::::::*/

div#nyroModalFull {
	font-size: 12px;
	color: #777777;
	font-family: Verdana;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #000;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/close.gif) no-repeat;
	outline: 0;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	/*filter: alpha(opacity=20);*/
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	/*filter: alpha(opacity=50);*/
	cursor: help;
}
div.wrapperImg a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
a.nyroModalPrev {
	left: 0;
	width: 40%;
}
a.nyroModalPrev:hover {
	background: url(../images/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
	width: 40%;
}
a.nyroModalNext:hover {
	background: url(../images/next.gif) right 20% no-repeat;
}