* { font-family: Geneva, Arial, Helvetica, sans-serif; }
body { padding: 0; font-size: 12px; color: #666666; background-image: url(/images/public/head_bg.jpg); background-position: top center; background-repeat: repeat-x; margin: 0; height: 100%; }
a { outline: none; }
html { height: 100%; }
img, div, a, input { behavior: url(/javascript/iepngfix.htc); }
ol, ul, blockquote { line-height: 22px; margin-top: 0px; }
#header_sub_text h1 { color: #383838; margin-bottom: 0px; letter-spacing: -1px; font-size: 16px; }
#header_sub_text h2 { color: #999999; }
#header_sub h1 { color: #FFFFFF; margin-bottom: 0px; font-weight: bolder; font-size: 16px; letter-spacing: 1px; padding: 55px 0px 0px 15px; }
#header_sub h2 { color: #FFFFFF; padding: 0px 0px 0px 15px; line-height: 25px; font-weight: normal; font-size: 14px; }
#header_sub h2 a { color: #ffffff; text-decoration: underline; }
#header_sub h2 a:hover { color: #ddd; }
#header_sub h3 { color: #1F4575; font-size: 20px; }
#header_sub h4 { color: #666666; font-size: 14px; font-weight: normal; }
p { line-height: 20px; margin-top: 0px; }
h1 { font-size: 20px; color: #0C356A; margin: 0px 0px 10px 0px; }
h2 { font-size: 14px; color: #0C356A; margin: 0px 0px 10px 0px; }
h3 { font-size: 12px; color: #0C356A; margin: 0px 0px 0px 0px; font-weight: bold; }
h4 { font-size: 20px; color: #383838; margin: 0px 0px 10px 0px; }
h4 a { color: #383838; }
h5 { font-size: 14px; color: #383838; margin: 0px 0px 10px 0px; }
h5 a { color: #383838; }
h6 { font-size: 12px; color: #383838; margin: 0px 0px 0px 0px; }
.sub_box_text h2 { font-size: 16px; color: #0C356A; margin: 0px 0px 15px 0px; padding-top: 10px; }
.sub_box_text p { font-size: 11px; }
ul { }
li { }
a { text-decoration: none; color: #347BA2; }
a:hover { }
img { border: none; }
blockquote { border-left: 3px solid #0C356A; margin: 0 0 0 2.5em; padding-left: 1em; padding-right: 1em; }
.wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -61px; }
.footer, .push { height: 61px; }
#wrap { background-image: url(/images/public/header.jpg); background-repeat: no-repeat; background-position: top center; margin: 0 auto; }
#header_wrap { background-repeat: no-repeat; margin: 0 auto; height: 421px; background-image: url(/images/public/test_header4.jpg); background-position: top center; }
#header_wrap_alt { background-repeat: no-repeat; margin: 0 auto; height: 421px; background-image: url(/images/public/header_alternative.jpg); background-position: top center; }
#header { width: 980px; height: 421px; margin: 0 auto; }
#header_upper { width: 960px; float: left; }
#header_logo { width: 300px; text-indent: -9999px; float: left; height: 95px; /*background: transparent url(/images/public/dqlogo2.png) no-repeat top left;*/ }

#header_logo a { width: 100%; height: 100%; }

#header_lower { width: 980px; float: left; }
#header_lower_alt { width: 892px; float: left; padding-left: 43px; }
#header_sub { float: left; width: 390px; }
.header_sub { float: left; width: 390px; }
#header_sub_text { float: left; padding-left: 30px; width: 250px; margin-right: 10px; }
#header_sub_text_secondary { float: left; width: 250px; margin-top: 40px; color: #ffffff; }
#header_sub_text_secondary p { width: 250px; font-size: 28px; color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#header_sub_button { float: left; padding-top: 20px; width: 50px; }
#header_sub_button_alt { float: left; width: 50px; }
#header_secondary { width: 980px; height: 187px; margin: 0 auto; }
#header_wrap_secondary { background-repeat: no-repeat; margin: 0 auto; height: 187px; background-image: url(/images/public/test_sec_header2.jpg); background-position: top center; }
#header_sub_headline { float: left; width: 390px; height: 220px; }
#header_sub_port { float: left; width: 390px; margin-top: 15px; }
#header_sub_secondary { float: left; padding-top: 0px; width: 390px; padding-left: 35px; }
#header_sub_secondary_right { float: right; padding-top: 0px; width: 390px; margin-top: 40px; font-size: 18px; color: #ffffff; text-align: right; padding-right: 15px; }

#navs { float: right; background-repeat: no-repeat; width: auto; }
#navs a { text-decoration: none; color: #FFFFFF; font-size: 12px; font-weight: bold; display: block; float: left; padding: 12px 12px; font-family: Verdana, Arial, Helvetica, sans-serif; width: auto; }

#navs a:hover, #navs a.current { background-image: url(/images/public/nav_hover2.png); background-position: top center; background-repeat: no-repeat; }
#navs_left { float: left; height: 49px; width: 11px; background-image: url(/images/public/nav_left.png); }
#navs_right { float: left; height: 49px; width: 11px; background-image: url(/images/public/nav_right.png); margin-left: -1px; }
#navs_center { height: 49px; background-image: url(/images/public/nav_center.png); float: left; background-repeat: repeat-x; margin-right: 0px; width: auto; }
#navs li { display: inline; }
#navs ul { margin: 0; padding-left: 5px; }

#page { width: 960px; margin: 0 auto; padding: 0px 0px 30px 0px; background-repeat: repeat-x; }
#page_secondary { width: 960px; margin: 0 auto; padding: 35px 0px 30px 20px; background-image: url(/images/public/left_bg.jpg); background-repeat: no-repeat; height: 100%; }
#sub_boxes { float: left; margin: 0px 0px 20px 0px; background-image: url(/images/public/vert_separator.gif); background-repeat: no-repeat; background-position: right; width: auto; }
.sub_box { width: 270px; float: left; background-image: url(/images/public/vert_separator.gif); padding: 15px 20px 10px 30px; background-repeat: no-repeat; background-position: left; }
.sub_box_right { width: 270px; float: left; background-image: url(/images/public/vert_separator.gif); padding: 15px 20px 10px 30px; background-repeat: no-repeat; background-position: left; }
.sub_box_text { }
.sub_box_image { margin-right: 8px; vertical-align: middle; float: left; width: auto; }
#secondary { background-image: url(/images/public/head_bg_secondary.jpg); background-repeat: repeat-x; }

#featured_wrap { float: left; width: auto; }
#featured { width: 815px; float: left; background-repeat: no-repeat; padding: 20px 20px 10px 20px; background-image: url(/images/public/featurebg.jpg); height: 248px; }
#featured_image { padding: 5px; float: left; border: solid 1px #cacaca; min-width: 400px; min-height: 190px; width: auto; }
#featured_text { float: left; margin-left: 20px; width: 365px; }
#featured_bottom { width: 855px; height: 12px; margin: 0 auto; background-image: url(/images/public/featurebg_bottom.jpg); float: left; }
#main_content { float: left; width: 960px; }
#main_content_left { width: 600px; float: left; }
#main_content_left_secondary { width: 720px; float: left; }
#main_content_right { width: 285px; float: right; background-image: url(/images/public/right_sidebar_bg.gif); background-repeat: no-repeat; padding: 15px 20px 10px 20px; }
#main_content_right ul { padding: 0px; margin: 0px 0px 15px 0px; }
#main_content_right li { /*padding-left: 25px;*/ /*height: 30px;*/ /*font-weight: bold;*/ list-style-type: none; /*background-image: url(/images/public/check.png);*/ background-repeat: no-repeat; margin: 0px; }

.news li { border-top: solid 1px #DCDDDE; border-bottom: solid 1px #ffffff; }
.news li span { font-weight: bold; }

.news li p { font-weight: normal; }

#logo { height: 75px; width: 150px; }
#footer_wrap { background-image: url(/images/public/footer_bg.jpg); background-repeat: repeat-x; height: 61px; }
#footer { width: 960px; padding: 25px 0px 0px 0px; font-size: 11px; color: #FFFFFF; height: 36px; margin: 0 auto; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#footer_l { float: left; width: 400px; }
#footer_r { float: right; width: 400px; text-align: right; }
.inline_image { float: left; padding: 5px; border: solid 1px #a4a4a4; margin: 5px 10px 0px 0px; width: auto; }
#products { width: 525px; }
.product_box { border-bottom: dotted 1px #a4a4a4; float: left; width: 525px; padding-bottom: 15px; margin-top: 15px; }
.product_box_image { float: left; padding: 5px; border: solid 1px #a4a4a4; width: auto; }
.product_box_description { float: left; margin-left: 15px; width: 320px; }
.image_wrap { float: left; margin: 0px 0px 5px 0px; width: 180px; }
.image { float: left; border: 4px solid #ccc; width: 172px; height: 120px; }
.image_caption { float: left; padding: 3px 0px 3px 0px; font-size: 10px; color: #424242; width: 100%; text-align: center; }

a.button { background: url(/images/public/button_bg.jpg) repeat-x; padding: 5px 10px 5px 10px; color: #FFFFFF; text-decoration: none; border: 1px solid #32312f; font-size: 10px; line-height: 25px; }
a.button:hover { background: url(/images/public/button_o.jpg) repeat-x; border: 1px solid #32312f; }

.input, textarea { background-repeat: repeat-x; border: 1px solid #ccc; color: #185889; font-size: 11px; margin-right: 4px; padding: 5px; margin-top: 3px; margin-bottom: 10px; }
#left_navigation { float: left; width: 198px; margin-right: 25px; }
#left_navigation ul { margin-left: 0px; padding-left: 0px; }
#left_navigation li { border-top: solid 1px #DCDDDE; border-bottom: solid 1px #ffffff; list-style-type: none; margin-left: 0px; padding: 3px 0px; }
#left_navigation a { color: #175386; font-weight: bold; padding: 3px 0px 3px 10px; }

#left_navigation a.reglink { padding: 0px; }

#left_navigation_contact { float: left; width: 184px; margin-right: 35px; }
#left_navigation_contact a { color: #175386; font-weight: normal; padding: 0px 0px 8px 0px; }
#left_navigation h2 { color: #666666; font-size: 11px; font-weight: normal; padding-left: 34px; margin: 0px; width: 140px; line-height: 12px; }

#left_navigation h3 { color: #656565; font-size: 11px; padding-left: 4px; margin: 0px; width: 140px; line-height: 13px; }

#left_navigation li:hover { border-top: solid 1px #DCDDDE; border-bottom: solid 1px #ffffff; list-style-type: none; margin-left: 0px; padding: 3px 0px; background: url(/images/public/nav_hover.png) repeat-y; display: block; }
#left_navigation_blog { float: left; width: 184px; margin-right: 35px; }
#left_navigation_blog ul { margin: 0px 0px 10px 0px; padding-left: 0px; }
#left_navigation_blog li { list-style-type: none; padding-left: 0px; }

.active { /*border-top: solid 1px #DCDDDE;     border-bottom: solid 1px #ffffff;*/ list-style-type: none; margin-left: 0px; padding: 8px 0px; background: url(/images/public/nav_hover.png) repeat-y; display: block; }
.page_column { float: left; width: 305px; margin-right: 20px; background-image: url(/images/public/column_bg.gif); background-repeat: repeat-x; padding: 5px 15px 15px 15px; border-top: 1px solid #dddddd; margin-top: 15px; }
.page_column .img { float: left; margin-right: 20px; margin-top: 5px; width: auto; }
.page_column h4 { font-size: 14px; color: #1A5A8A; font-weight: bold; padding: 5px 5px 5px 0px; border-bottom: dotted 1px #ccc; margin: 0px 0px 5px 0px; }
.page_column h5 { font-size: 14px; color: #1A5A8A; font-weight: bold; padding: 5px 5px 5px 0px; border-bottom: dotted 1px #ccc; margin: 0px 0px 0px 60px; }
.button { background: url(/images/public/button_bg.jpg) repeat-x; padding: 4px 20px; color: #FFFFFF; text-decoration: none; border: 1px solid #32312f; font-size: 10px; background-color: #22457A; }
.portfolio_featured_cell { width: 720px; float: left; padding-bottom: 0px; margin-bottom: 15px; background-image: url(/images/public/featured_project.jpg); background-repeat: no-repeat; }
.portfolio_featured_image { float: left; margin: 35px 20px 0px 20px; width: auto; }
.portfolio_featured_description { float: left; margin-bottom: 0px; width: 380px; margin: 20px 0px 0px 0px; padding: 10px 10px 0px 0px; }
.portfolio_featured_bottom { float: left; width: 720px; height: 19px; }
.portfolio_cell { width: 720px; float: left; padding-bottom: 15px; margin: 15px 0px; border-bottom: dotted 1px #ccc; }
.portfolio_image { float: right; margin: 0px 0px 0px 20px; width: auto; }
.portfolio_description { float: left; margin-bottom: 0px; width: 438px; margin: 0px 0px 0px 0px; }

.image_portfolio_small { background: #fff; padding: 3px; border: 1px solid #adadad; }
.comment { color: #5D5D5D; display: block; font-family: Georgia; font-size: 13px; height: 26px; padding-top: 4px; text-align: center; text-decoration: none; width: 31px; background-image: url(/images/public/comment.gif); float: left; top: 238px; left: 1023px; margin-right: 10px; }
.post_details { background-color: #F7F7F7; font-size: 10px; margin: 5px 0; padding-left: 5px; }
.post_title { font-size: 24px; color: #0C356A; margin: 0px 0px 15px 0px; }

.blog_post { border-bottom: dotted 1px #ccc; padding: 0px 0px 20px; }

.slider-wrap { float: right; width: auto; }
.slider-wrap-alt { float: right; height: 261px; width: 892px; overflow: hidden; border: solid 1px #ccc; }
.slider { width: 495px; padding: 12px 45px 0px 0px; overflow: hidden; height: 255px; }
#mySlides { }
.slider_nav { width: 550px; float: right; margin-top: 18px; }
.slider_nav_long { width: 900px; float: right; margin-top: 18px; }
.slider_nav_left { float: left; margin-top: 8px; width: auto; }
.slider_nav_right { float: right; padding-right: 20px; width: auto; }

#myControllerSmall span { background: #eaeaea; margin-right: 10px; cursor: pointer; padding: 5px 8px; border: solid 1px #ccc; color: #104E82; }

#myControllerLarge span { background: #eaeaea; margin-right: 10px; cursor: pointer; padding: 5px 8px; border: solid 1px #ccc; color: #104E82; }

#jFlowSlideSmall { }

#myControllerSmall span.jFlowSelected { background: #104E82; margin-right: 10px; cursor: pointer; padding: 5px 8px; border: solid 1px #ccc; color: #eaeaea; }

#myControllerLarge span.jFlowSelected { background: #104E82; margin-right: 10px; cursor: pointer; padding: 5px 8px; border: solid 1px #ccc; color: #eaeaea; }

.jFlowPrev, .jFlowNext { margin-right: 10px; cursor: pointer; padding: 5px 8px; color: #104E82; }

/*#slide1
{
    background-image: url(/images/public/slide2.jpg);
    width: 892px;
    height: 261px;
}
#slide2
{
    background-image: url(/images/public/slide1.jpg);
    width: 892px;
    height: 261px;
}
#slide3
{
    background-image: url(/images/public/slide3.jpg);
    width: 892px;
    height: 261px;
}*/

.slide_headline_wrap { float: left; width: 345px; }
.slide_headline_wrap_right { float: right; width: 345px; }
.slide_headline { float: left; width: 300px; padding: 30px 0px 0px 30px; color: #ffffff; }
.slide_subheadline { float: left; width: 330px; margin-top: 15px; color: #ffffff; }
.slide_subheadline_text { float: left; padding-left: 30px; width: 240px; margin-right: 10px; color: #FFFFFF; font-size: 14px; }
.slide_headline h1 { margin: 0px 0px 10px 0px; color: #ffffff; font-size: 34px; }
.slide_headline h2 { margin: 0px 0px 10px 0px; color: #ffffff; font-size: 18px; font-weight: normal; }
.slide_button { float: left; width: auto; }

fieldset { border: none; }

legend { }

ol.form { list-style: none; padding-left: 0px; }

ol.form li { background: none; padding: 1px 0px; font-weight: bold; }

ol.form li.last { width: 400px; padding-top: 15px; text-align: right; }

ol.form li label { margin: 3px 0px; display: block; }

ol.form li img { outline: none; border: none; vertical-align: middle; padding-bottom: 2px; }

ol.form li .mediumfield, ol.form li .largefield, ol.form li textarea { border: 1px solid #aaa; color: #777; padding: 2px; line-height: normal; }

ol.form li .mediumfield:focus, ol.form li .largefield:focus, ol.form li .smallfield:focus, ol.form li textarea:focus { border: 1px solid #777; }

ol.form li .mediumfield { width: 250px; }

ol.form li .largefield { width: 400px; }

ol.form li .smallfield { width: 50px; }

.cklist label { display: inline !important; width: 100px; }

.cklist input { display: inline; width: 26px; outline: none; }

.valsummary { width: 400px; border: 1px solid #dc9b58; color: #666; padding: 8px 10px 20px 30px; background: #FFFEA1 url(/images/public/icon-alert.gif) no-repeat 7px 5px; }

.valsummary ul { margin: 0px 0px 0px 25px; padding: 0px; color: #666; list-style-type: square; font-weight: bold; }

.valsummary li { margin-left: 0px; padding-left: 0px; }

.section { border-bottom: 1px solid #dcdcdc; padding: 0 0 30px; }

.left_column { float: left; margin: 0 30px 0 0; width: 430px; }

.right_column { float: left; width: 260px; }

div.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; position: relative; }

div.work_example { border: 1px solid #ADADAD; margin: 20px 0 0; padding: 3px; width: 424px; }

p.work_example { margin: 2px 0 0; text-align: center; }

.section p { margin: 8px 0px 0px; }

.section h3 { margin: 20px 0px 0px; }

.controls { padding: 8px 0px; }

p.arrow_left { background: transparent url(/images/public/resultset_previous.png) no-repeat scroll 0 3px; float: left; }

p.link { margin: 8px 0px 0px; padding: 0 0 0 19px; }

ul.browsing_controls { color: #5c5c56; float: right; margin: 8px 0px 0px; padding: 0px 5px 0px 0px; list-style: none; }

ul.browsing_controls li { float: left; }

ul.browsing_controls li span { margin: 0px 5px; }

ul.browsing_controls li.link { background: transparent url(/images/public/resultset_next.png) no-repeat scroll 0 3px; padding: 0px 0px 0px 19px; }

ul.browsing_controls li.arrow_left { background: transparent url(/images/public/resultset_previous.png) no-repeat scroll 0 3px; }

#ns { position: fixed; top: 0px; left: 0px; z-index: 9999; border-bottom: 1px solid #FFCC00; background-color: #FFFEA1; text-align: center; width: 100%; }

#ns p { width: 935px; margin: 0px auto; padding: 6px 15px 7px 40px; background: url(/images/public/icon-alert.gif) no-repeat 12px 7px; color: #333333; font-size: 13px; text-align: left; }

#tagCloud { padding: 5px; margin-bottom: 10px; text-align: justify; }

#tagCloud A { text-decoration: none; margin-left: 5px; margin-right: 5px; font-family: Trebuchet MS, Verdana, Arial; text-transform: lowercase; }

#tagCloud A:hover { color: #00cc00; text-decoration: underline; }

#tagCloud A.weight1 { color: #7298D9; font-size: 1.5em; font-weight: bolder; }
#tagCloud A.weight2 { color: #3D7BCE; font-size: 1.4em; font-weight: bolder; }
#tagCloud A.weight3 { color: #2F4A67; font-size: 1.3em; font-weight: bolder; }
#tagCloud A.weight4 { color: #113357; font-size: 1.2em; }
#tagCloud A.weight5 { color: #000066; font-size: 1.0em; }

.sitemap { padding: 10px 25px 0px; }

.sitemap li { padding: 3px 10px; background: transparent; }

.sitemap a { border-bottom: 1px solid #ddd; padding: 0 0 2px; }

.sitemap ul ul { padding: 10px 0px; }

.sitemap ul ul li { padding: 1px 15px; background: transparent; }

.imagespace { padding: 0px; float: left; position: relative; }

.imagespace li { float: left; border: 1px solid #ddd; padding: 2px; margin: 0px; height: 75px; width: 75px; }

.adbox { background-color: #f5f5f5; border: 1px solid #777; color: #555; padding: 4px; }

#fcslider { width: 495px; height: 255px; position: relative; overflow: hidden; }

#fcsliderContent { width: 495px; position: absolute; top: 0px; margin-left: 0px; }

.fcsliderImage { float: left; position: relative; display: none; }

.fcsliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 495px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }

.fcsliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }

.imagebox { text-align: center; }

.imagebox img { padding: 8px; border: 1px solid #777; }

.service_table { width: 100%; color: #222; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }

.service_table th { text-align: center; color: #fff; font-weight: bold; font-size: 16px; background: transparent url(/images/public/button_bg.jpg) repeat-x; }

.service_table td, th { padding: 3px 2px; vertical-align: top; height: 100%; }

.service_table thead { }

.service_table tbody { font-size: 10px; height: 270px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: #ddd; border-spacing: 0; }

.service_table tbody td { height: 270px; }

.service_table td ul { /*list-style: none;*/ list-style-position: inside; margin: 0px; padding: 3px; }

.service_table td ul li { }

.bold { font-weight: bold; }
ul.services { margin: 0px; padding-left: 10px; }

ul.services li { padding: 1px 0px; }

ul.addservices li { display: inline; }

#tabs { margin: 0; }
#tabs ul.tablist { background: transparent url(/images/public/button_bg.jpg) repeat; width: 100%; height: 46px; margin: 0px; padding: 0px; }
#tabs ul.tablist li { list-style: none; padding: 0px 0px 0px 30px; }

#tabs ul.tablist li.appdev { background: transparent url(/images/public/sm_sub_applix.png) 8px center no-repeat; }

#tabs ul.tablist li.apphost { background: transparent url(/images/public/sm_sub_browser.png) 8px center no-repeat; }

#tabs ul.tablist li.av { background: transparent url(/images/public/sm_sub_musicstore.png) 8px center no-repeat; }

* html #tabs ul.tablist li { display: inline; /* ie6 double float margin bug */ }
#tabs ul.tablist li, #tabs ul.tablist li a { float: left; }
#tabs ul.tablist li a { text-decoration: none; padding: 12px; color: #fff; font-weight: bold; }
#tabs ul.tablist li.active { background-color: #eee; }
#tabs ul.tablist li.active a { color: #333333; }
#tabs div { clear: both; padding: 2px; min-height: 200px; width: 100%; }

h3.tip { line-height: 22px !important; padding: 0px 0px 0px 20px !important; background: transparent url(/images/public/star.png) no-repeat top left; }