/* all style in here including IE */
/* colors:
    text grey:      #444;
    nav red:        #c71322;
    strong cyan:    #23bdf2;
    link blue:      #025fdd;
*/
body {
    background: #eeedec url(/img/background-phone-widetile.jpg) repeat scroll top center;
    margin:0;
    padding:0;
    text-align:center;
    font-family: Georgia, serif;
    font-size: 13px;
    color:#444;
    line-height:22px;
}
a {
    text-decoration:none;
    color:#444;
}
a.current { color: #c71322; }
strong {
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color: #23bdf2;
}
blockquote {
    margin:-1px 0 0 0;
    line-height:22px;
    font-size: 12px;
    font-style:italic;
}
blockquote.client {
    margin:0;
}
#content p.quoter {
    text-align:right;
    font-size: 12px;
    margin:0 0 10px 0;
}
#content p.quoter .agency {
    font-weight:bold;
}
div.name {
    text-align:right;
    font-size: 12px;
}
#phoneWrapper {
    position:relative;
    background: transparent url(/img/background-phone.jpg) no-repeat scroll top center;
    margin:0 auto;
    top:0;
    left:0;
    padding:0;
    width:900px;
    height:654px;
}
#spacer {
    float:right;
    padding:0;
    margin:0;
    width:1px;
    height:500px;
}
#spacerImg {
    height:500px;    
}
#jetsonWedge {
    position:fixed;
    bottom:12px;
    right:12px;
    width:300px;
}
#copyright {
    position:fixed;
    bottom:12px;
    left:12px;
    font-family: Tahoma, sans-serif;
    font-size:10px;
    line-height:11px;
    padding:0;
    margin:0;
    color:#BFBFBD;
    width:300px;
}
#copyright a { color:#BFBFBD; }
#copyright a:hover { color:#a7daed; }

#jetsonWedge img {
    border:0;
}
#jetsonMailToLink {
    position:fixed;
    bottom:20px;
    right:35px;
    width:257px;
    height:17px;
}
#button {
    position:absolute;
    top:310px;
    left:175px;
    width:30px;
    height:36px;
    border:0;
}
#longDots {
    margin:0 20px 10px 41px;
    padding:28px 0 0 0;
    text-align:right;
}
.shortDots { margin:9px 0 12px 0; }
.shortDots.who { margin:5px 0 12px 0; }
#hhbLogo {
    float:left;
    padding:0;
    margin:0 0 0 19px
}
#contentBlock {
    float:right;
    width:430px;
    margin:0 20px 0 20px;
    text-align:left;
    padding:0;
}
#intro { margin: -4px 0 0 0; padding:0;}
#intro p, #content h2 {margin-top:0;}
#content {
    margin: -1px 0 80px 0;
    line-height:17px;
}
#content p {
    margin:0 0 9px 0;
}
#content a {
	font-size:12px;
    font-weight:bold;
	color:#025fdd;
}
#content ul {
    list-style-type:none;
    margin-left:1em;
    padding-left:0;
}
#cartoon {
    margin-left:18px;
}
span.bullet {
    padding-left:1.2em;
    padding-right:1.2em;
}
#navigation {
    width:130px;
    float:right;
    margin:-4px 0 0 0;
    text-align:right;
    font-size:11px;
    font-weight:bolder;
    text-transform:uppercase;
}
#navigation ul { margin:0; padding:0;}
#navigation li { list-style-type:none; }

#bioPrecis {
    font-size:12px;
}
.bio {
    font-size:12px;
    margin-bottom:12px;
}
.actions a {
    margin-left:4em;
}
.actions a.first {
    margin-left:0;
}
.screenshot {
    float:right;
    margin:0 0 5px 12px;
}
.wideImg {
    margin-bottom:18px;
    margin-top:12px;
}
#footer {  }
.clear { clear:both; }

/* slide viewer */
#slideshowHolder {
    display:none;
}

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

#simplemodal-container {
  height:470px;
  width:600px;
  background-color:#fff;
  border:3px solid #ccc;
  z-index:3199;
}

#simplemodal-container a.modalCloseImg {
  background:url(/img/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
/*border: 5px solid #ff0000;   */
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
    margin: 0; 
    padding: 0; 
    float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 12px Verdana, Arial; 
text-align: center; 
line-height: 18px; 
background: #fff; 
color: #666; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}



/* popup window code */
/* modal dialogue code */
iframe {
    border:0;
}
#popupContent {
    text-align:left;
    margin:14px;
    padding:0;
    font-size:11px;
    line-height:15px;
}
#popupContent p {
    font-size:11px;
    line-height:15px;
    margin:0.8em 0;
}
#popupContent dd.description {
/*    display:none;*/
}
dl {
    margin-left:2em;
    margin-top:0;
}
dt {
    font-weight:bold;
    margin-top:0.5em;
}
dd {
    margin-left:1em;
    padding-left:0;
}
div.features {
    clear:both;
    margin-top:1em;
    margin-bottom:0.5;
}
div.features img { float:left; margin:0 1em 0 0;}
div.features p { }

.formRow {
    text-align:center;
    clear:both;
}
.formLeft {
    width:220px;
    float:left;
    text-align:right;
}
.formRight {
    width:220px;
    float:right;
    text-align:left;
}

#popupContent h1 {
	font-size:12px;
    font-weight:bold;
/*  color:#025fdd;*/
	margin-top:0;
	padding:0;
	line-height:12px;
}
#popupContent h1 .title { color:#025fdd; }
#popupContent h2 {
	font-size:12px;
    font-weight:bold;    
}
#popupContent strong {
    font-size:12px;
}
#popupContent #player,
 #popupContent #player1,
  #popupContent #player2,
   #popupContent #player3 {
    display:block;
    width:320px;
    height:240px;
    border:1px solid #999;
}
.dhtmlwindow{
    position: absolute;
    border: 2px solid #666;
    visibility: hidden;
    background-color: white;
}
.drag-handle{ /*CSS for Drag Handle*/
    padding: 2px;
    text-indent: 5px;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: white;
    color: #999;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
    /*position: absolute;*/
    text-align:right;
    cursor: hand;
    cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
    margin:0 10px 0 10px;
    border: 1px solid #666;
    background-color: white;
    color: #666;
    height: 150px;
    padding: 0px;
    overflow: auto;
    text-align:left;
}
.drag-contentarea h1 {
    color: #666;
    font-size:15px;
    margin:0;
}
.drag-contentarea h2 {
    border:0;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0 0;
}

.drag-contentarea p {
    font-size:12px;
    margin:8px 0 0 0;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
/*    border-top: 1px solid gray;*/
    background-color: white;
    height: 11px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
    /*float: right;*/
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
    background-color: white;
    z-index:20;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
    position: absolute;
    background: black;
    width: 10px;
    left: 0;
    top: 0;
    z-index: 5;
    visibility: hidden;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    opacity: 1;
}