/* Basic Elements */

body{background:url(/images/bkground-body.gif); background-color:#2e2e33; margin:0px 0px 20px 0px; padding:0px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#333; text-align:center; font-size:14px; line-height:18px}
h1, .nodis{display:none}
a img{border:none}
form{margin:0px; padding:0px}
p, ul, ol, li{font-size:12px}
select{font-size:14px}
p{margin:10px 0px 10px 0px; line-height:20px;}
address{font-style:normal; font-size:14px; line-height:18px; margin:0px 0px 10px 0px}
h3 { font-size: 14px; color: #000; margin: 10px 0px 10px 0px; padding: 0px; }

/* Containers */

#container-content{background-color:#fff; width:900px; text-align:left; z-index:2; position:relative; margin:10px auto 0px auto; background:url(/images/bkground-content-right.gif)}
#welcome #container-content{background:url(/images/bkground-content-left.gif)}

#welcome #content, #content{width:565px; padding:15px 15px 15px 15px; position:relative; z-index:2; margin:0px; background-color:#fff}
#content{margin:0px 0px 0px 305px; min-height:745px}
*html #content{height:755px}

#content-wide{background-color:#fff; width:850px; text-align:left; z-index:2; position:relative; margin:5px auto 0px auto; padding: 25px; }
#content-wide:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#content-left {width: 410px;float: left;}
#content-right {width: 427px;float: right;}

#container-header{width:100%; text-align:left}
#header{width:900px; margin:0px auto 0px auto; height:174px; position:relative; background:url(/images/888-578-7865.gif) 742px 95px no-repeat}

#container-menu{height:63px; width:683px; z-index:2; position:absolute; top:120px; left:0px;}

#topnav{width:341px; height:28px; background-color:#474747; padding:0px 0px 0px 0px; position:absolute; top:52px; left:559px}
#topnav ul{margin:0px; padding:0px}
#topnav ul li{float:left; list-style:none; padding:4px 8px 0px 0px; margin:0px; border-right:1px solid #000; height:22px}
*html #topnav ul li{padding:6px 8px 0px 0px}
#topnav #topnav-last{border:none}
#topnav a{font-size:11px; color:#ccc; text-decoration:none}
#topnav a:hover{color:#fff; text-decoration:underline}
#topnav img{margin:0px 4px -3px 8px}

#footer{position: relative; margin:1px auto 0px auto; text-align:left; width:900px; padding:10px 0px 10px 0px; color:#999; background:url(/images/call-toll-free-888-578-7865.gif) right 6px no-repeat}
#footer p{clear:both; padding:5px 0px 0px 0px; margin:0px}
#footer p a{color:#999}
#footer p a:hover{color:#fff}
#footer ul{margin:0px; padding:0px}
#footer ul li{float:left; list-style:none; margin:0px 7px 15px 0px; border-right:1px solid #ccc; padding:0px 7px 0px 0px; height:16px}
*html #footer ul li{margin:0px 7px 3px 0px}
#footer #footer-last{border:none}
#footer ul li a{color:#ccc}
#footer ul li a:hover{color:#fff}

#facebook {position: absolute; right: 0px; top: 40px; font-size: 12px;}
#facebook a { color: #fff; }
#facebook img { margin: 11px 0px -11px 0px; }

#sidebar{width:284px; color:#999; font-size:10px; z-index:2; padding:200px 0px 10px 0px; line-height:14px; position:absolute; top:0px; left:0px}
*html #sidebar{padding:205px 0px 10px 0px}
#welcome #sidebar #categories{ position:absolute; top:0px; left:-10px}
#sidebar #categories{position:absolute; top:0px; left:0px}
#sidebar p{font-size:12px; line-height:18px; color:#ccc}
#sidebar a{color:#ccc}
#sidebar a:hover{color:#fff}
#sidebar .highlight{background:url(/images/bkground-sidebar-highlight.gif) no-repeat; padding:10px; width:270px; height:58px}
#sidebar .highlight p{padding:0px 10px 0px 0px; margin:0px; text-align:left}
#welcome #sidebar h4{margin:15px 0px 10px 0px}
#welcome #sidebar .highlight{background:url(/images/bkground-sidebar-highlight.gif) -5px 0px no-repeat}
#welcome #sidebar{left:606px; padding:197px 0px 10px 0px}
*html #welcome #sidebar{padding:210px 0px 10px 0px}
#welcome #sidebar #solution01 { display: none; }
#welcome #sidebar #solution02 { display: none; }

#breadcrumbs{margin:5px 0px 10px 5px; color:#838383; font-family:Arial,Helvetica,sans-serif; font-size:11px}
#breadcrumbs a{color:#838383}

#map{width:285px; height:250px; border:1px solid #252528; float:left; margin:10px 0px 10px 5px}
*html #map{margin:10px 0px 10px 3px}

#promovideo-container {position: absolute; left: 12px; top: 40px; }

#letter{background-image:url(/images/bkground-letter.jpg); background-repeat:no-repeat}

#showclient-img{    width:480px;     height:368px;     background:url(/images/bkground-showclient.gif) no-repeat;  margin:0px 0px 0px 45px}
#showclient-img img{margin:15px 0px 0px 15px}
#showclient-subnav{width:320px; height:38px; margin:5px 0px 0px 55px}
#showclient-subnav a img:hover {filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1; cursor: hand;}
#showclient-subnav .notactive {filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5;}
#showclient-subnav .active { filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1;}
#showclient-nav{width:285px; height:38px; position:absolute; top:2px; right:0px}
#showclient-solution{position:absolute; right:10px; top:45px; color:#999}
#showclient-video{margin:0px 0px 0px 0px; text-align:center}
#showclient-video input{margin:-5px 0px -10px 0px}

/* Submenu */

#submenu{list-style:none; margin:0px; padding:0px; border-bottom:2px solid #48494d; width:292px}
#submenu li{font-family:Arial,Helvetica,sans-serif; font-size:12px}
#submenu li a{width:262px; height:22px; padding:6px 0px 0px 30px; border-bottom:1px solid #3d3e42; color:#fff; text-decoration:none; background:url(/images/bullet-submenu.gif) 18px 10px no-repeat; background-color:#252528; display:block}
#submenu li a:hover{background:url(/images/bullet-submenu-over.gif) 18px 10px no-repeat; background-color:#18191a}
#submenu #active{background:url(/images/bullet-submenu.gif) 18px 10px no-repeat; background-color:#18191a}

/* Main Category Backgrounds & Colors */

#welcome #container-header{background:url(/images/bkground-header-green.jpg) repeat-x}
#welcome #footer{border-top:4px solid #a5fc00}
#welcome #footer p{border-top:1px solid #476114}
#solutions #container-header{background:url(/images/bkground-header-blue.jpg) repeat-x}
#solutions #footer{border-top:4px solid #00dbfe}
#solutions #footer p{border-top:1px solid #246671}
#portfolio #container-header{background:url(/images/bkground-header-orange.jpg) repeat-x}
#portfolio #footer{border-top:4px solid #fba30b}
#portfolio #footer p{border-top:1px solid #604518}
#company #container-header{background:url(/images/bkground-header-yellow.jpg) repeat-x}
#company #footer{border-top:4px solid #fffc00}
#company #footer p{border-top:1px solid #5a590d}
#contact #container-header, #nocategory #container-header{background:url(/images/bkground-header-red.jpg) repeat-x}
#contact #footer, #nocategory #footer{border-top:4px solid #fb2c1c}
#contact #footer p, #nocategory #footer p{border-top:1px solid #581a15}

/* Image Replacement */

h2, #web-design, #advertising-agency, #interactive-exhibits, #corporate-communications, #sidebar h4{ overflow:hidden;  background-repeat:no-repeat; height:0px !important; font-size:0px; clear:both; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px; height /**/:25px}
#sidebar h4{padding:17px 0px 0px 0px; height /**/:17px}
#web-design, #advertising-agency, #interactive-exhibits, #corporate-communications{padding:50px 0px 0px 0px; height /**/:50px; margin:-50px 0px 0px -11px; position:relative}
#sidebar h4{margin:15px 0px 5px 5px}
#welcome-to-twd{background-image:url(/images/h2-welcome.gif)}
#creative-solutions{background-image:url(/images/h2-creative-solutions.gif)}
#corporate-communications{background-image:url(/images/h3-welcome-corporate-communications.gif)}
#web-design{background-image:url(/images/h3-welcome-web-design.gif)}
#interactive-exhibits{background-image:url(/images/h3-welcome-interactive-exhibits.gif)}
#advertising-agency{background-image:url(/images/h3-welcome-advertising-agency.gif)}
#solutions-photostream{background-image:url(/images/h4-solutions-photostream.gif)}
#featured-solution{background-image:url(/images/h4-featured-solution.gif)}
#h4-press-releases{background-image:url(/images/h4-press-releases.gif)}
#sidebar-web-design{background-image:url(/images/h4-web-design.gif)}
#sidebar-project-quote-blue{background-image:url(/images/h4-project-quote-blue.gif)}
#sidebar-project-quote-green{background-image:url(/images/h4-project-quote-green.gif)}
#sidebar-project-quote-orange{background-image:url(/images/h4-project-quote-orange.gif)}
#solutions #get-to-know-us{background-image:url(/images/h4-solutions-get-to-know-us.gif)}
#portfolio #get-to-know-us{background-image:url(/images/h4-portfolio-get-to-know-us.gif)}
#company #get-to-know-us{background-image:url(/images/h4-company-get-to-know-us.gif)}
#contact #get-to-know-us{background-image:url(/images/h4-contact-get-to-know-us.gif)}
#solutions-explorer{background-image:url(/images/h4-solutions-explorer.gif)}
#solutions #h2-corporate-communications{background-image:url(/images/h2-corporate-communications.gif)}
#solutions #h2-web-design{background-image:url(/images/h2-web-design.gif)}
#solutions #h2-interactive-exhibits{background-image:url(/images/h2-interactive-exhibits.gif)}
#solutions #h2-advertising-agency{background-image:url(/images/h2-advertising-agency.gif)}
#our-solutions{background-image:url(/images/h2-our-solutions.gif)}
#selected-clients{background-image:url(/images/h3-selected-clients.gif)}
#site-map{background-image:url(/images/h2-site-map.gif)}
#extranet{background-image:url(/images/h2-extranet.gif)}
#project-quote{background-image:url(/images/h2-project-quote.gif)}
#employment{background-image:url(/images/h2-employment.gif)}
#refer-this-page{background-image:url(/images/images/h2-refer-this-page.gif)}
#contact-us{background-image:url(/images/h2-contact-us.gif)}
#meet-the-team{background-image:url(/images/h2-meet-the-team.gif)}
#request-more-information{background-image:url(/images/h4-request-more-information.gif)}
#our-company{background-image:url(/images/h2-our-company.gif)}
#press-releases{background-image:url(/images/h2-press-releases.gif)}
#company-overview{background-image:url(/images/h4-company-overview.gif)}
#company-history{background-image:url(/images/h3-company-history.gif)}
#company-philosophy{background-image:url(/images/h3-company-philosophy.gif)}
#lets-get-started{background-image:url(/images/h4-lets-get-started.gif)}
#location{background-image:url(/images/h4-location.gif)}
#awards{background-image:url(/images/h2-awards.gif)}
#message-from-president{background-image:url(/images/h2-message.gif)}
#h2-portfolio{background-image:url(/images/h2-portfolio.gif)}
#page-not-found{background-image:url(/images/h2-404.gif)}
#portfolio-viewer{background-image:url(/images/h4-portfolio-viewer.gif)}
#traffic-form{background-image:url(/images/h2-traffic-form.gif)}

/* Forms */

#form{padding:0px 0px 20px 0px; border-bottom:1px solid #f1f1f1}
#form .left{float:left; margin:0px 5px 0px 0px}
*html #form .left{float:left; margin:0px 3px 0px 0px}
#form .clear{float:none}
#form table{font-size:12px}
.lbl{font-family:Arial,Helvetica,sans-serif; display:block; font-weight:bold; margin:5px 0px 5px 0px; clear:both; color:#333; font-size:13px}
.field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-2px 0px 3px 0px; padding:0px}
.shadow{border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3; background:url(/images/bkground-shadow.gif) no-repeat -1px 0px; font-size:16px}
#form select{font-size:15px}
#form h4{font-weight:bold; font-size:13px; padding:4px; margin:10px 0px 0px 0px; color:#000; text-transform:uppercase; background-color:#ddeef4; border-bottom:1px solid #c1d9e2; height:18px}

/* Validation */

#success, #ctl00_cphContent_ctl00, #ctl07{padding:10px;margin:10px 0px 10px 0px;}
#ctl00_cphContent_ctl00, #ctl07{border:1px solid red}
#success h4, #ctl00_cphContent_ctl00 h4, #ctl07 h4{ margin:0px;font-size:15px;font-weight:normal;padding:6px 0px 10px 38px;background:url(../images/alert.gif) no-repeat 0px 0px;font-weight:bold}
#success h4{padding:3px 0px 10px 36px; background:url(../images/success.gif) no-repeat 0px 0px; color:#000}
#ctl00_cphContent_ctl00 h4, #ctl07 h4{ color: red;}
#success p, #ctl00_cphContent_ctl00 p, #ctl07 p{margin:0px; padding:0px}
#success{ background-color:#c3fbbb;  border:1px solid #abe9a2}
#success p{margin:0px; padding:0px}
#ctl00_cphContent_ctl00 ul, #ctl07 ul{margin:10px 0px 0px 50px; padding:0px}

/* Lists */

#list-clients{float:left; width:570px; margin:0px 0px 20px 0px; padding:0px; line-height:14px}
#list-clients li{list-style:none; padding:0px 0px 5px 20px; margin:0px; background:url(/images/bullet-whitearrow.gif) 0px 2px no-repeat; font-size:11px; float:left; width:210px}

#list-smallarrow{margin:0px 0px 0px 30px; padding:0px}
#list-smallarrow li{list-style:none; padding:0px 0px 0px 20px; margin:0px; line-height:18px; position:relative; background:url(/images/bullet-whitearrow.gif) 0px 4px no-repeat; font-size:11px}

.list-squarearrow{margin:10px 0px 0px 20px; padding:0px 0px 0px 0px}
.list-squarearrow li{list-style:none; padding:0px 0px 5px 20px; margin:0px; line-height:16px; position:relative; background:url(/images/bullet-greyarrow.gif) 0px 4px no-repeat}
.list-squarearrow li ul{padding:0px 0px 0px 10px; margin:0px}
.list-squarearrow li ul li{background:url(/images/bullet-whitearrow.gif) 0px 4px no-repeat}
.list-squarearrow li ul li ul li{background:url(/images/bullet-lightarrow.gif) 0px 5px no-repeat}

.list-redcheck {margin:10px 0px 0px 0px; padding:15px 0px 10px 25px; background: #fff7e7; border: 1px solid #f6ebd3; font-weight: bold;}
.list-redcheck li{list-style:none; padding:0px 0px 5px 20px; margin:0px; line-height:18px; position:relative; background:url(/images/bullet-checkmark.gif) 0px -2px no-repeat}


/* Individually Styled Elements */

*html .btn-viewall a{margin:27px -8px 30px 0px}
.btn-viewall a:hover{background:url(/images/bkground-viewall-over.gif); color:#fff}
.btnSubmit{display:block; margin:10px 0px 0px 0px}
.ddlClients{color:#fff; border:1px solid #ccc; background-color:#999}
.pnlImages { position: relative; width: 500px; height: 412px; }
.btnShowVideo{position:absolute; bottom: 2px; left:350px}
.container-grey, .container-grey-right{background-color:#f8f8f8; width:250px; border:1px solid #ccc; padding:10px; float:left; line-height:16px; margin:40px 20px 10px 0px}
.container-grey p, .container-grey-right p{text-align:left}
.container-grey-right{margin:40px 0px 10px 0px}
.container-green{padding:0px 10px 10px 10px; text-align:justify; margin:10px 0px 15px 0px; background-color:#f3ffdc; border:1px solid #ccdeab}
.img-photostream{background:url(/images/bkground-photostream.gif) no-repeat; float:left; width:66px; height:54px; position:relative; margin:0px 0px 0px 0px}
.img-photostream img{position:absolute; top:8px; left:8px}
.img-thumb{background:url(/images/bkground-thumb.gif) no-repeat; float:left; width:110px; height:130px; position:relative; margin:0px 0px 0px -2px}
.img-thumb p{text-align:center; line-height:12px; width:90px; margin:10px 0px 0px 10px}
.img-thumb img{margin:10px 0px 0px 10px}
.award{margin:15px 0px 10px 0px; font-size:13px; color:#7c4f02; text-align:center}
.img-left{width:200px; height:280px; margin:0px 10px 10px 0px; float:left}
.ul-left{margin:0px 0px 0px 240px}
.related{color:#ccc; font-size:14px; margin:10px 0px 10px 5px; font-family:Arial,Helvetica,sans-serif}
.container-white{border:1px solid #ccc; padding:10px; margin:10px 0px 0px 0px; height:55px; background:url(/images/bkground-container-white.jpg) right no-repeat; background-color:#fff}
.container-white ul{list-style:none; margin:0px 10px 10px 0px; padding:0px; line-height:18px; float:left}
.container-white li{background:url(/images/bullet-greencheck.gif) 0px 2px no-repeat; padding:0px 0px 0px 20px; position:relative}
.btn-viewall a{float:right; margin:27px -15px 30px 0px; position:relative; background:url(/images/bkground-viewall.gif); width:22px; height:26px; display:block; padding:8px 0px 0px 15px; color:#999; font-size:11px; font-family:Arial,Helvetica,sans-serif}
.content-right {margin-left: 180px;}

/* SEO */
#extra h1, #extra h2 {overflow:visible; clear:both; display: block; margin: 0px;}
#extra h1 { font-size: 16px; font-weight:bold; padding: 15px 0px 15px 0px; color: #ca0f00; }
#extra h2{font-size:14px; border-bottom:1px solid #ccc;padding:10px 0px 20px 0px;  }

/* Generic Styles */

.margin-top{margin:5px 0px 0px 0px}
.margin-bottom{margin:0px 0px 5px 0px}
.margin-top-neg{margin:-13px 0px 10px 0px}
.center{text-align:center}
.large{font-size:15px; line-height:20px}
.small{font-size:11px; line-height:16px}
.right{text-align:right}
.h3, .h3-clientname{font-size:15px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; color: #000;}
.h3-clientname{font-size:17px; color:#000; font-weight: normal;}
.h4{font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold}
.color-gold{color:#777608}
.color-light{color:#666}
.left{float:left; margin:0px 10px 10px 0px}
.right{float:right; margin:0px 0px 0px 10px}
.line{height:1px; background-color:#e1e1e1; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.red{color:red}
.clearthis{clear:both}