/*======================================================
  Screen Style Sheet
  ABS Event Solutions
  ------------------------------------------------------
  Author(s): Lonnie Minter
  Created: 02/24/09
  ======================================================*/

/* General Classes */
.hidden {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.hidetext {text-indent:-9999px;outline:0;}
.float-right {float:right; margin:0 9px 10px 10px;}
p.float-right {width:300px;padding:0 10px 0 15px;}
p.float-right img {margin:0 0 10px 0;}
.float-left {float:left;padding:0 15px 5px 0;}
.style1 {
	color: #151F67;
	font-weight: bold;
	font-size: 18px;
	float:left;
	}
.style2 {
	color: #000000 }

/* =links ***************************** */
a:link      {color: #5fab60;}
a:active    {color: #5fab60;}
a:visited   {color: #5fab60;}
a:hover     {color: #5fab60; text-decoration: none;}

/* a.home:link {color: #0058A9; text-decoration: none; font-size:18px;}
a.home:active {color: #0058A9; text-decoration:none; font-size:18px;}
a.home:visted {color: #0058A9; text-decoration: none; font-size:18px;}
a.home:hover {color: #0058A9; text-decoration: none; font-size: 18px;} */




/* Layout */
#wrap {width:960px;margin:0 auto;}
html {background: #fafbfc url(../../images/bg.jpg) repeat-x;}

#header {position:relative; background:url(../../images/header.jpg) no-repeat; width:960px; height:260px; z-index:9;}
#header2 {position:relative; background:url(../../images/header-home.jpg) no-repeat; width:960px; height:260px; z-index:9;}
#logo {position:absolute; display:block; width:300px; height:115px; top:45px; left:10px;}

#search {position:absolute; top:165px; left:30px;}
#button {margin-bottom:-6px;}

#top-nav {}
#top-nav ul li {float:left; list-style:none; display:inline; border-right:1px solid; color:#005ea8;}
#top-nav li.last {border-right:none;}
#top-nav a {display:block; color:#005ea8; padding:0 10px;}
#top-nav a:hover {color:#5ca961;}

#main-nav ul {list-style:none;margin:0; position:absolute; top:209px; left:10px;}
#main-nav li {float:left;display:inline;margin:0; color:#fff; border-right:1px solid;}
#main-nav li.last {border-right:none;}
#main-nav a {display:block; color:#fff; text-decoration:none; padding:13px 10px; font-size:85%;}
#main-nav a:hover {background:url(../../images/bg-nav-hover.jpg) repeat-x;}
#main-nav ul li ul {position:absolute; width:19em; left:-999em; background:#cce4cc;}
#main-nav ul li:hover ul {top:auto; left:auto;}
#main-nav ul li.sfhover ul {top:auto; left:auto;}
#main-nav ul li ul li {float:none; border:0;}
#main-nav ul li ul li a {border-top:1px #aad3ab solid; padding:5px; color:#193a1b;}
#main-nav ul li ul li a:hover {background:#5fab60;}

#body {float:left;width:950px; background:#fafbfc; padding:0 5px;}

#cta-main {float:left;padding-bottom:10px; position:relative; height:258px; width:941px;}
a#rfp-link {background: url(../../images/blank.gif) no-repeat 0 0;z-index:999;height:26px;width:116px;position:absolute;right:8px;top:222px;}
a#quote-solutions {background: url(../../images/blank.gif) no-repeat 0 0;z-index:999;height:26px;width:135px;position:absolute;right:8px;top:185px;}
a#quote-presentation {background: url(../../images/blank.gif) no-repeat 0 0;z-index:999;height:26px;width:135px;position:absolute;right:8px;top:185px;}
a#quote-signage {background: url(../../images/blank.gif) no-repeat 0 0;z-index:999;height:26px;width:135px;position:absolute;right:8px;top:185px;}
a#quote-ccbc {background: url(../../images/blank.gif) no-repeat 0 0;z-index:999;height:26px;width:135px;position:absolute;right:8px;top:185px;}

#main-content {float:left;}
.sub #main-content {float:right; width:680px; margin-left:20px;}

.gallery li {list-style:none;float:left;margin:0!important;padding:0 0 10px 20px;}
.gallery li a {display:block;}

#main-content h1 {margin:0 0 0.5em;font-size:153.9%; color:#0058a9;}
#main-content h2 {margin:1em 0 0.5em;font-size:123.1%; color:#008bab;}
#main-content h3 {margin:1em 0 0.5em;font-size:108%; color:#26b200;}
#main-content p {margin:0 0 1em;line-height:1.44em; color:#535353;}
#main-content ul, #main-content ol {margin:1em 0; color:#535353;}
#main-content ul ul, #main-content ul ol,
#main-content ol ul, #main-content ol ol {margin:0;}
#main-content ul li,
#main-content ol li {margin:0 2.5em;line-height:1.44em; list-style:square;}
#main-content table {margin:0 0 1em; color:#535353;}
#main-content table th {padding:3px 5px;}
#main-content table td {padding:3px 5px;}

table.specs thead {background:#57a85c; color:#fff;}

#pic-ul {position:relative; width:670px; height:445px;}
#pm-ul {position:absolute; top:0; left:0; width:250px; padding-top:20px;}

#ul-left {float:left;}
#ul-right {float:left;}

#reference {margin-top:20px;}
#reference p {font-size:85%; line-height:5px;}

ul#banner {float:left;padding:0; margin:0; width:941px;position:relative;z-index:8;}
ul#banner li {padding:0; margin:0; list-style:none; display:none;}

#presentation {float:right;}

#abs-services {height:270px; float:left; width:615px; border-right:1px #cccccc solid; border-left:1px #cccccc solid; border-bottom:1px #cccccc solid; margin-bottom:20px;}
#abs-services h3 {color:#fff; background:#5fab60; padding:10px; margin:0 0 20px 0;}
#abs-services .service {width:290px; height:56px; float:left; margin:5px 0 10px 10px;}
#abs-services .service p {font:90% arial; font-weight:bold;}
#abs-services .service img {float:left; margin-right:8px;}

.order {width:230px; height:90px; float:left; margin:1px 0 5px 5px;}

#events {position:relative; height:270px; float:right; width:320px; border-right:1px #cccccc solid; border-left:1px #cccccc solid; border-bottom:1px #cccccc solid; margin:0 8px 20px 0;}
#events h3 {color:#fff; background:#fdc350; padding:10px; margin:0;}
#events p.blue {color:#0058a9; font-weight:bold; margin:10px 0 0 5px;}
#events dl {margin:0; padding:10px 5px; font-size:90%; color:#535353;}
#events dl dt {float:left; width:60px; font-weight:bold; padding-bottom:7px;}
#events dl dd {padding-bottom:10px;}
#more-dates {position:absolute; top:225px; left:170px; padding:5px;}

#side-content {float:left; width:249px;}

#side-nav {width:249px; background:#f0f0f0;}
#side-nav ul {padding:0; margin:0;}
#side-nav ul li {list-style:none; border-top:1px #c0c0c0 solid;}
#side-nav a {display:block; font-weight:bold; color:#535353; text-decoration:none; padding:10px 0;}
#side-nav a:hover {background:#ddd;}

#sub-nav {background:#f6f6f6; width:249px; padding-bottom:20px;}
#sub-nav ul {margin:10px;}
#sub-nav ul ul {margin:5px 10px;}
#sub-nav li {list-style:none;}
#sub-nav ul a {color:#0499ad;}
#sub-nav ul ul a {color:#26b200; text-decoration:none;}
#sub-nav ul ul a:hover {text-decoration:underline;}
#sub-nav h3 {background:url(../../images/bg-nav-hover.jpg) repeat-x; color:#fff; padding:10px; margin:0;}
#sub-nav h4 {padding:10px 0 0 10px; margin:0;color:#26b200;}

#cta-ccc {width:249px; height:130px; margin:20px 0; background:url(../../images/cta-ccc.jpg) no-repeat; position:relative;}
#cta-ccc a {position:absolute; top:101px; left:148px;}

#affiliations {width:820px; margin:0 auto;}
#footer {float:left;width:100%; height:150px; padding-top:20px; background:#fafbfc; border-top:5px #008bab solid;}
#footer p {font-size:85%; color:#535353; padding-top:20px;}
#footer p#copyright {float:left;}
#footer p#links {float:right;}
#footer p a {color:#535353;}

/* Forms */
#main-content form {width:443px;}
#main-content form dl {margin:0 0 1em;}
#main-content form dt {font-weight:bold;color:#333;margin:1em 0 0.25em;}
#main-content form dd {margin:0!important;}
#main-content form p.submit {width:440px;margin:2em 0 1em;text-align:right;}
#main-content form p.required {font-size:100%;}
#main-content form .required {color:#aa0000;}
#main-content input[type=text] {width:434px;padding:3px;border:1px solid #999;}
#main-content textarea {width:440px;border:1px solid #999;}

#main-content .wFormContainer form {width:auto;}
#main-content .wFormContainer input[type=text] {width:auto;}
#main-content .wFormContainer legend {font-size:108%; font-weight:bold; color:#0499ad;}
.wFormContainer fieldset {border:1px solid black;}

/* ReCAPTCHA */
table.recaptcha_theme_clean {border:0 !important;}
table.recaptcha_theme_clean td.recaptcha_image_cell {padding-left:0 !important;padding-right:0 !important;background:none!important;}
table.recaptcha_theme_clean #recaptcha_image {width:auto !important;margin-left:0;margin-right:0 !important;border:none !important;}
table.recaptcha_theme_clean div.recaptcha_input_area {position:relative;left:-7px;}
table.recaptcha_theme_clean #recaptcha_response_field {border:1px solid #999 !important;width:292px!important;}

/**lightbox**/

#lightbox{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    }

#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }   
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    }
    

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }   
    
#caption {color:#1d1d1d;}