<!-- html {background:#000000 url(images/bg_btm.jpg) bottom center no-repeat;} -->
html {background:#000000;}

body {margin:0;padding:0;background: url(../images/td_bg.jpg) no-repeat 50% 0%;font: 80% arial,sans-serif; text-align:center;}

::-moz-selection{background: #0e8496;color: #FFF;} 

::selection {background: #0e8496;color: #FFF;} 

p {margin:15px 3px; color:#FFF;}
h1, h2 {margin:15px 33px; color:#FFF;}


h1 {font: 150% arial,sans-serif;}
h2 {font: 140% arial,sans-serif;font-weight:bold;color:#000000;border-bottom:1px solid #000;}
h3 {clear:both;margin:0;padding:6px 0;font: 90% arial,sans-serif;font-weight:bold;color:#000000;}
h4 {margin:19px 20px 0 20px;padding:6px 0;border-bottom:1px solid #FFF;font: 110% arial,sans-serif;font-weight:bold;color:#999;}

.contact {margin:0 0 0 25px; font-size:.9em;}

.button_box {font-family: Verdana, Geneva, sans-serif; background:#9199a5; color:#FFF; padding:2px 4px}
.button_box_2 {font-family: Verdana, Geneva, sans-serif; background:#e3e4e6; border:1px solid #7a828c; color:#333; padding:2px 4px}

img, a {outline:none;}

a.rollover {display:block; color: #981793; padding:10px}

#container, #footer {text-align:left;width:1000px;margin:0 auto;}

/* #header {margin:0 0 0 -2px;height:143px;background:url(../images/td_bg_top.jpg) no-repeat;border:none;} */

#header {margin:0 0 0 -2px;height:143px;background:transparent;}

#content li a:link, #content li a:visited, #content_ty li a:link, #content_ty li a:visited, p a:link, p a:visited {color:#0e8496;text-decoration:none;}
#content li a:hover, #content li a:active, #content_ty li a:hover, #content_ty li a:active, p a:hover, p a:active {color:#FFF;text-decoration:none;background-color:#0e8496;}
#content, #content_ty {float:left;margin:0 10px 0 0; padding:10px 0;width:764px;background-color:#FFF;border-bottom:3px solid #0e8496;}
#content ul {margin:0 30px;list-style-type:square;}
#content li {margin:7px 0;}

#content_ty {height:300px;}
#content_ty p, #content p, #content_ff p, #content_gallery p{color:#000;line-height:1.7em;padding:0 30px;}
#signature {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;font-style:italic;font-size:1.5em;margin:13px 10px 0 38px;}

.FormButton:hover {background-color:#0e8496;color:#FFF;}

#content_ff li a:link, #content_ff li a:visited {color:#0e8496;text-decoration:none;}
#content_ff li a:hover, #content_ff li a:active {color:#FFF;text-decoration:none;background-color:#0e8496;}

#content_gallery, #content_ff {width:1000px;padding:10px 0;float:left;margin:0; background-color:#FFF;border-bottom:3px solid #0e8496;}
#container_gallery {padding:0 20px;}

#navigation {width:1000px;margin:0;}
#navigation li {display:inline;}
#navigation ul {padding:0 0 0 20px;}
#navigation ul a:link, #navigation ul a:visited, #navigation ul a:hover, #navigation ul a:active {padding:6px 8px;text-decoration:none;margin:0 1.3em 0 0; font-weight:bold;list-style-type:none;}
#navigation ul a:link, #navigation ul a:visited {color:#CCC;}
#navigation ul a:hover, #navigation ul a:active {color:#0e8496;}
#navigation ul .current a:link {color:#0e8496;text-decoration:none;list-style-type:none;}
#wrapper {}
.upnext {clear:both;margin:0 0 0 -17px; padding:5px 0 0 0;}

.contact2 {margin:0 35px 0 30px;list-style-type:square;line-height:2em;}
.form2 {margin:0 30px 0 24px;}

.gallery, .gallery2 {margin: 0 0 0 -16px;}
.gallery li, .gallery2 li {list-style:none;float:left;margin:0;}
.gallery img {margin:0;border: 4px solid transparent;opacity:.6;}
.gallery img:hover, .gallery2 img:hover {margin:0;border:4px solid #0e8496;opacity:1;}
.gallery p, .gallery2 p {clear:both;margin:0 0 0 7px;padding:20px 0 5px 0;font-weight:bold;}

.gallery2 img {margin:0;border: 4px solid transparent;opacity:1;}

ul.clients {margin: 0 0 0 -7px;}
.clients li {width:665px;list-style:none;margin:0;height:2.3em;}

#extra{background:#000;float:left;width:226px;}

.slide_box {position:fixed;background:#303030;float:left;margin:0;width:226px;}
.slide_box p {margin:0;padding:20px;color:#FFF;}
.slide_box a:link, .slide_box a:visited {color:#FFF;}
.slide_box a:hover, .slide_box a:active {color:#FFF;background-color:#0e8496;}

#iphone_columns {width:930px;}
.icolumn {float:left;width:310px;}

.footer_column {float:left; width:250px; margin:0;text-align:center;}
#footer {width:1000px; height:95px; margin:0 auto; clear:both;padding:10px 0 0 0;}
#footer img {border:none;}
#footer span {padding:0;}
#footer_text {color:#999;padding-top:12px;line-height:1.4em;}
#footer_text a:link, #footer_text a:visited {color:#999;text-decoration:none;}
#footer_text a:hover, #footer_text a:active {color:#CCC;text-decoration:underline;}

#cc_badge {padding:7px 0 0 0;}
#da_badge {}
#cc_badge a:link, #cc_badge a:visited, #da_badge a:link, #da_badge a:visited {opacity:.7;}
#cc_badge a:hover, #cc_badge a:active, #da_badge a:hover, #da_badge a:active {opacity:1;}

#bmk{height:46px;margin:0 0 0 35px;padding-top:15px;}

a.rollover:link, a.rollover:visited, a.rollover:active { background:url(../images/addthis_sprite.gif) no-repeat; } 
a.rollover:hover {background-position:0 -23px;}
  
.twt_logo{width:226px;height:50px;background: url(../images/twt.gif) no-repeat;}

/* All form elements are within the definition list for this example */
dl {font:normal 12px/15px Arial;position: relative;width: 350px;}
dt {clear: both;float:left;width: 130px;padding: 4px 0 2px 0;text-align: left;}
dd {float: left;width: 200px;margin: 0 0 8px 0;padding-left: 6px;}

/* The hint to Hide and Show */
.hint {display: none;position:absolute;width: 300px;margin-top: -5px;margin-left: 30px;border: 1px solid #c93;padding: 10px 12px;z-index:1000;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {position: absolute;left: -10px;top: 5px;width: 10px;height: 19px;background: url(../images/pointer.gif) left top no-repeat;}

/* The hint to Hide and Show */
.hint2 {display: none;position: absolute;width: 300px;margin-top: 1px;margin-left: 30px;border: 1px solid #c93;padding: 10px 12px;z-index:1000;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;}

/* The pointer image is hadded by using another span */
.hint2 .hint-pointer {position: absolute;left: -10px;top: 5px;width: 10px;height: 19px;background: url(../images/pointer.gif) left top no-repeat;}

/* textarea, input {border: 1px solid #ccc;} */
#content textarea:focus, #content input:focus {border: 2px solid #c93;background-color:#ffc;}