/* CSS Document */

/* 	concepX red #a80000
	concepX gold #f7c708
*/

body { margin:0px; font-family:"Trebuchet MS", Arial, sans-serif; text-align:center; color:#fff; background:#000; }
img { border:0px; padding:0px; margin:0px; }
a, a:hover { color:#A80000; text-decoration:none; }
a img { padding:0px; }
p { position:relative; font:"Trebuchet MS", Arial, sans-serif !important; font-size:14px !important; line-height:22px !important; color:#fff; }
h1 { color:#fbbe03; font-style:italic; margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #444444; }
h2 { color:#fbbe03; }
table, table tr, table tr td a { padding:0px; overflow:hidden; }
.clear { display:block; clear:both; }
.blackwrap { width:1000px; margin:0 auto; color:#333; text-align:left; padding:0; }
#footer	{ position:relative; height:auto;  top:20px; background:#464646 url(/images/ftr-bg.jpg) repeat; width:100%; min-height:300px; border-top:1px solid #232323; }
.copy { position:relative; color:#D0D3D5; margin:50px 30px 0px 30px; width:700px; padding:0px; z-index:98; }
span.label, span.spacer, span.multiple span {width:200px;float:left; } 
span.multiple {float:left;} 
span.button {padding-left:120px;}
#cm234795, #cm234797 { margin-left:200px; }
#cm234796 { margin-left:124px; }
#cm234798 { margin-left:90px; }
.button { margin-left:500px; }
.ticker { display:block; width:1000px; height:28px; background:transparent; margin-bottom:5px; }
.con { position:relative; float:left; margin-left:10px; padding:10px z-index=9999; }
#content { margin-top:10px; height:1100px auto; width:760px; }
#contenta { margin-top:50px; height:auto; width:760px; }
#content_body { width:700px; position:relative; padding:40px 40px 0px 40px; background: url("images/blk_dot_50pct.png") 50%;}
.title { width:780px; text-align:center; font:"Trebuchet MS", Arial, sans-serif; font-size:24px; color:#f7c708; font-weight:bold; margin: 25px 0px 20px; padding:0px; }
.titlea { position:relative; float:left; width:780px; text-align:left; font:"Trebuchet MS", Arial, sans-serif; font-size:32px; color:#f7c708; font-weight:bold; margin: 20px 0px 0px; padding:0px; }
.titleb { width:780px; text-align:left; font:"Trebuchet MS", Arial, sans-serif;; font-size:24px; color:#f7c708; font-weight:bold; margin: 20px 0px 0px; padding:0px; }

/*--Right Nav--*/
#rightnavbar { position:relative; width:220px; float:right; top:0px; z-index: 101; }
.rightnav a { color:#161616; }
.rightnav a:hover { color:#a80000; font-size:18px; line-height:24px; }
.rightnav { position:relative; padding:5px;  background:#fbbe03; margin-top:10px; top:10px; border-radius:8px; -moz-border-radius:8px; }
.subform { padding:5px; }

/*--Social Media Nav--*/
.socialnavbar { position:relative; width:220px; float:right; }
.socialnavbar ul li { margin:0px; padding:5px; }
.socialnavbar li { float:left; list-style: none outside none; }

.tyl { position:relative; width:300px; text-align:center; float:left; margin:20px 0 10px; font-size:12px; font-weight:bold; color:#CCC; }
.shero { position:relative; width:300px; text-align:center; float:left; margin:20px 0 10px; }

/*--Ticker CSS--*/
ticka { position:absolute; left:0px; top:0px; width:1000px; height:30px; overflow:hidden; margin:0; }
tickb { position:absolute;left:0px;top:0px; width:1000px; height:30px; background: #161616;  overflow:hidden; }

#header { background:#161616 url(/images/hdr-bg.jpg) repeat; width:100%; height:100px; border-bottom:1px solid #232323; }


/*--CSS Home Nav Menu--*/
#home_nav { position:relative; width:1100px; margin-left:120px; z-index:100; line-height:145px; }
#home_nav ul { padding: 0; margin: 0; list-style:none; }
#home_nav ul li { padding:5px; background:url(images/opacity.png); border-bottom:1px solid #666; }
#home_nav ul li:hover { background:#161616; }
#home_nav ul li a:hover { text-decoration:none; color:#a80000; }
#home_nav a { display:block; width:7em; color:#f7c708; text-decoration:none; }
#home_nav a:hover { text-decoration:none; font-size:20px; }
#home_nav li { float:left; width:7em; list-style:none; font-weight:bold; }
#home_nav li ul { position: absolute; width: 7em; left: -999em; z-index:1; }
#home_nav li:hover ul { left: auto; }
#home_nav li.sfhover ul { left: auto; }


/*--CSS Dropdown Menu--*/
#nav { position:relative; width:800px; margin-left:410px; z-index:100; line-height:145px; font-size:16px; }
#nav ul { padding: 0; margin: 0; list-style:none; }
#nav ul li { padding:5px; background:url(images/opacity.png); border-bottom:1px solid #666; }
#nav ul li:hover { background:#161616; }
#nav ul li a:hover { text-decoration:none; color:#a80000; }
#nav a { display:block; width:9em; color:#f7c708; text-decoration:none; }
#nav a:hover { text-decoration:none; font-size:20px; }
#nav li { float:left; width:7em; list-style:none; font-weight:bold; }
#nav li ul { position: absolute; width: 9em; left: -999em; z-index:1; }
#nav li:hover ul { left: auto; }
#nav li.sfhover ul { left:auto; }




/*--CSS footer Menu--*/
.ftr_menu { font-size:12px; width:515px; float:left; padding: 10px; }

#ftr_nav { position:relative; float:left; width:auto; z-index:100; line-height:22px; }
#ftr_nav ul { padding: 0; margin: 0; list-style:none; }
#ftr_nav ul li { padding:5px; background:url(images/opacity.png); border-bottom:1px solid #666; }
#ftr_nav ul li:hover { background:#161616; }
#ftr_nav ul li a:hover { text-decoration:none; color:#a80000; }
#ftr_nav a { display:block; width:7em; color:#f7c708; text-decoration:none; }
#ftr_nav a:hover { text-decoration:none; font-size:14px; }
#ftr_nav li { float:left; width:5em; list-style:none; font-weight:bold; }
#ftr_nav li ul { position: absolute; width: 5em; left: -999em; z-index:1; }
#ftr_nav li:hover ul { left: auto; } 
#ftr_nav li.sfhover ul { left: auto; }



/*--CSS Home Footer Nav Menu--*/
#ftr_home_nav { position:relative; width:40px; margin-left:0px; z-index:100; }
#ftr_home_nav ul { padding: 0; margin: 0; list-style:none; }
#ftr_home_nav ul li { padding:5px; background:url(images/opacity.png); border-bottom:1px solid #666; }
#ftr_home_nav ul li:hover { background:#161616; }
#ftr_home_nav ul li a:hover { text-decoration:none; color:#a80000; }
#ftr_home_nav a { display:block; width:7em; color:#f7c708; text-decoration:none; }
#ftr_home_nav a:hover { text-decoration:none; font-size:20px; }
#ftr_home_nav li { float:left; width:7em; list-style:none; font-weight:bold; }
#ftr_home_nav li ul { position: absolute; width: 7em; left: -999em; z-index:1; }
#ftr_home_nav li:hover ul { left: auto; }
#ftr_home_nav li.sfhover ul { left: auto; }


/*--CONTACT FORM --*/
.contactName, .contactEmail, .contactSubject {
	width:200px; background:#fff; border:1px solid #000; padding:3px 5px; margin:0px 0 10px; color:#000; font:12px arial, sans-serif; }
.contactMessage{
	width:200px; height:100px; background:#fff; border:1px solid #000; padding:5px; margin:0px 0 10px; color:#000; font:12px arial, sans-serif; }
.contactSubmit{
   position:relative; left:10px; font:14px Arial, sans-serif;  color:#000; width:80px; height:25px; border:1px solid #a69d83; background:#fbbe03; }
.contactSubmitsub{
   position:relative; left:130px; font:14px Arial, sans-serif;  color:#000; width:80px; height:25px; border:1px solid #a69d83; background:#a80000; }

/*--THICKBOX DIVS--*/
#about, #aboutg, #aboutnex, #work, #partners, #contact, #stuff, #info, #graphics, #webdes, #webdev, #illustration, #writing, #brand, #market, #custom, #organicflux { display:none; /*position:absolute; left:-9999px;*/ }

.closebutton { float:right; height:19px; width:19px; margin:-5px 0px 0px; padding:0px; overflow:hidden; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background:#212121 url(images/watermark.jpg) no-repeat bottom right;
  z-index: 102;
  color:#dfdfdf;
  display:none;
  border: 4px solid #ffffff;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
  margin-bottom:60px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.callout {
	position:absolute;
	display:none;
}

/*carousel*/
#s3slider {
   width: 750px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   top:10px;
   clear:left;
}

#s3sliderContent {
   width: 750px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   z-index:1
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 18px Arial, Helvetica, sans-serif;
   font-weight:bold;
   padding: 5px 10px;
   width: 750px;
   background-color: #;
   filter: alpha(opacity=30); /* here you can set the opacity of box with text */
   -moz-opacity: 0.5; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.5; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #a80000;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}