/* Theme Name: J11Style - 2007
   Description: Two col model, Version: 1
   Author: Brent - Artfulpersuasion.net: brent@artfulpersuasion.net
   Author URI: http://www.artfulpersuasion/j11 = case study
*/
html, body { height: 100%; }
html { color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0;} 
body { background-image: url('../images/bk_fade.gif'); background-color: #3FAFEC;  background-repeat:repeat-x; margin:0; padding:0;}

/* Start template */
#container { min-height:100%; height:auto; background-image: url('../images/bk_nav.gif'); background-repeat:repeat-y; border:0px solid #00FFFF; }
#left      { float:left; width:269px; }
html #left { height:auto; display:block; }
#j11logo   { margin-left:14px;}
#flashcontent { position:absolute; top:199;}
#right      { margin-left:300px;  border:0; border-top:1px solid #092888;}
html #right { height:auto; display:block;}
img { border:none;}
/* End template */

/* Start content */
#footer  {position:absolute; bottom:0;  margin-bottom:8px;}
.foottxt {color:#6FCBFF; font-family:Arial, sans-serif; font-size:11px; font-style:normal; margin-left:52px;}
/* End content */

/* Start elements */
#mailme { padding:0; margin-top:120px; margin-left:35px}
#intro  { padding:0; margin-top:120px; margin-left:35px}
#titleb { padding:0; padding-bottom:12px; margin-top:120px; margin-left:35px; background-image:url('../images/top_tblack.gif'); background-repeat:repeat-x; width: 620px;}
 .content { background-color:#000000; padding:12px; padding-left:24px;}
 
/* End elements */
  
/* Start font */
 h1,h2,h3,h4,h5,h6 { font-family:"Trebuchet MS",Trebuchet, Arial, Helvetica, sans-serif; }
   h1 { font-size:24px; color:#FF6600; font-family:Verdana, Arial, sans-serif;}
   h2 { font-size:18px; color:#CCC; margin:0 0 1.2em 1ex; font:bold 10pt; }
   h3 { font-size:18px; color:#6fcbff;}
   h4 { font-size:16px; font-weight:bold; color:#FF6600; margin-left:.5em;}
   p  { color:#ededed; line-height:21px;}
 /* push text in a bit */
  .bump { padding-left:18px}
/* End font */

/* Page formatting start*/
  .breadcrumb { color:#CCCCCC; font-size:11px; font-weight:bold;}

  a.hansel     { color:#00FFFF; font-size:11px;}
  a.hansel:hover { color:#CCFF00; font-size:11px;}

  .ceimage { border:0; border-bottom:1px dotted #333; padding-bottom:29px; margin-bottom:4px;}
  .ceimage img  { margin-left:12px;  }

  blockquote    { color:#C4DF9B; font-weight:bold;}
  blockquote ul { margin-top:0;}
  blockquote li { color:#999999; font-weight:100;}
  
  .contact { display:block; height:220px}
  .cleft   { width:270px; float:left}
  .cright  { width:270px;  float:right; margin-right:23px}
/* Page formatting end */