/* Dnyer Site Development Stylesheet
** Last Updated: 12-16-2008
*/

/* Base Styles */
body {margin:0; padding:10px 0; position:relative; background:url(../images/bg.jpg) repeat top left; font-size:11px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}
body.qc {background:transparent;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img, a img {border:none;}
h1, h2, h3, h4, h5, strong {font-weight:bold; padding:0; margin:0;}
ul {margin:0; padding:0; list-style:none;}
.clearboth {clear:both;}


/* Container Styles */
#container {width:900px; position:relative; margin:0pt auto; background:#fff url(../images/body-bg.jpg) no-repeat center center;}


/* Header Styles */
#header {width:900px; position:relative; margin:0; padding:0; background:#fff url(../images/header-bg.jpg) no-repeat bottom left; height:114px; z-index:1000;}

#header #logo {float:left; width:359px; display:inline; height:89px; overflow:hidden;}
#header #logo a {float:left; width:359px; display:inline; height:89px; overflow:hidden;}

#header #header-links {width:362px; float:right; display:inline; margin-right:10px; overflow:hidden; padding-left:9px; background:url(../images/header-links-left.jpg) no-repeat top left;}
#header #header-links ul {list-style:none; margin:0; padding:0; float:right; overflow:hidden; background:url(../images/header-links-bg.jpg) repeat-x top left;}
#header #header-links ul li {float:left; overflow:hidden;}
#header #header-links ul li.last {padding-right:9px; background:url(../images/header-links-right.jpg) no-repeat top right;}
#header #header-links ul li a {float:left; display:inline; padding:7px 20px; margin-top:2px; color:#fff; position:relative;}
#header #header-links ul li a .topleft {display:none; position:absolute; top:0px; left:0px; width:5px; height:7px; background:url(../images/header-links-top-left.jpg) no-repeat top left;}
#header #header-links ul li a .topright {display:none; position:absolute; top:0px; right:0px; width:5px; height:7px; background:url(../images/header-links-top-right.jpg) no-repeat top left;}
#header #header-links ul li a:hover {background:#fff; color:#255482;}
#header #header-links ul li a:hover .topleft {display:block;}
#header #header-links ul li a:hover .topright {display:block;}

#header #phone {text-align:right; padding-right:15px; float:right; width:300px; color:#255482; display:inline; margin:20px 0pt;}
#header #phone span {padding:0pt 10px;}
#header #phone a {color:#255482;}

#header #header-tabs {position:absolute; bottom:0px; left:0px;}
#header #header-tabs ul {list-style:none; margin:0; padding:0; float:left; display:inline; margin-left:10px;}
#header #header-tabs ul li {float:left; display:inline;}
#header #header-tabs ul li a {float:left; padding:6px 0px; width:133px; background:url(../images/header-tabs.jpg) no-repeat 0px -25px; text-align:center; margin-left:12px; color:#fff; font-weight:bold;}
#header #header-tabs ul li a.chosen {background:url(../images/header-tabs.jpg) no-repeat 0px 0px; color:#255482;}

#header #login {background:url(../images/login-bg.jpg) no-repeat bottom left; text-align:center; position:absolute; bottom:5px; right:15px; width:125px; padding:8px 0pt;}
#header #login a {color:#255482; font-weight:bold;}

#header #quick-contact {position:absolute; bottom:10px; right:160px; z-index:1000;}
#header #quick-contact a {padding-right:12px; background:url(../images/quick-contact-arrow.jpg) no-repeat 100% 3px; font-weight:bold; color:#255482; font-size:10px; z-index:1000;}


/* Footer Styles */
#footer {background:#fff url(../images/footer-bg.jpg) repeat-x top left; margin:0; padding:0; width:900px; clear:both;}
#footer ul {list-style:none; margin:0; padding:0; float:left; margin-top:1px; overflow:hidden; padding-left:30px; display:inline;}
#footer ul li {float:left; display:inline; overflow:hidden;}
#footer ul li a {color:#fff; padding:13px 0pt 14px; background:url(../images/footer-link-arrow.jpg) no-repeat 50% 0px; float:left; display:inline;}
#footer ul li a:hover {background:url(../images/footer-link-arrow.jpg) no-repeat 50% -40px;}
#footer ul li span {float:left; padding:13px 12px 14px; display:inline; color:#fff;}

#footer #sneak-peek {float:right; width:276px; display:inline; height:38px; padding:3px 7px 0 0; background:url(../images/footer-bottom-right.jpg) no-repeat bottom right; text-align:right;}
#footer #sneak-peek a {font-size:10px; color:#fff; font-weight:bold; padding-left:15px; background:url(../images/sneak-peek-arrow.jpg) no-repeat 2px 3px;}

#footer #copyright {font-size:10px; color:#255482; clear:both; padding:5px 0pt 10px; text-align:right; padding-right:7px;}





/* Homepage Body */
#bodyshell {width:900px; padding:15px 0pt; clear:both; overflow:hidden;}

#bodyshell #welcome {float:right; width:222px; display:inline; margin-right:15px; background:url(../images/welcome-bg.jpg) repeat-y top left;}
#bodyshell #welcome #welcome-header {background:url(../images/welcome-header.jpg) no-repeat top left; padding:10px 20px; font-size:18px; color:#fff;}
#bodyshell #welcome #welcome-content {background:url(../images/welcome-text-bottom.jpg) no-repeat bottom left;  padding:10px 12px 30px; color:#9A1C20;}
#bodyshell #welcome #welcome-content span {font-weight:bold; font-size:10px;}
#bodyshell #welcome #welcome-content p {margin:15px 0pt 0pt;}

#bodyshell #packagesandfeatures {width:627px; margin-left:15px; position:relative;}
#bodyshell #packagesandfeatures a {color:#A32026; font-weight:bold;}
#bodyshell #packagesandfeatures #packages {overflow:hidden; width:625px;}
#bodyshell #packagesandfeatures #packages #basic {width:593px; position:relative; border:1px solid #16538D; padding:15px; background:none;}
#bodyshell #packagesandfeatures #packages #basic .header {padding-bottom:10px;}
#bodyshell #packagesandfeatures #packages #basic .image {float:left; margin-right:25px;}
#bodyshell #packagesandfeatures #packages #basic .desc {padding:10px 15px; font-size:12px;}
#bodyshell #packagesandfeatures #packages #basic .desc ul {padding:10px 0px;}
#bodyshell #packagesandfeatures #packages #basic .desc ul li {padding:2px 0pt 2px 20px;}
#bodyshell #packagesandfeatures #packages #advanced {width:273px; position:relative; border:1px solid #16538D; padding:15px; margin-top:15px; float:left; display:inline; background:#fff;}
#bodyshell #packagesandfeatures #packages #advanced .header {padding-bottom:10px;}
#bodyshell #packagesandfeatures #packages #custom {width:273px; position:relative; border:1px solid #16538D; padding:15px; margin-top:15px; float:right; display:inline; background:#fff;}
#bodyshell #packagesandfeatures #packages #custom .header {padding-bottom:10px;}
.topleft {position:absolute; top:-1px; left:-1px; width:10px; height:10px; background:url(../images/rounded-top-left.gif) no-repeat top left;}
.topright {position:absolute; top:-1px; right:-1px; width:10px; height:10px; background:url(../images/rounded-top-right.gif) no-repeat top left;}
.bottomleft {position:absolute; bottom:-1px; left:-1px; width:10px; height:10px; background:url(../images/rounded-bottom-left.gif) no-repeat top left;}
.bottomright {position:absolute; bottom:-1px; right:-1px; width:10px; height:10px; background:url(../images/rounded-bottom-right.gif) no-repeat top left;}



#dnyerTransBG {display:block; background:#000; opacity:0.5; filter:alpha(opacity=50); width:100%; position:absolute; top:0px; left:0px; z-index:200; font-size:0px;}
#dnyerPopFrame {display:none; width:600px; height:500px; position:absolute; top:100px; left:100px; z-index:250;}
#dnyerPopIn {display:none; width:731px; position:absolute; top:0px; left:0px; z-index:300px;}
#dnyerPopIn #popInInner {border:1px solid #505050; background:#fff url(../images/ajax-loader.gif) no-repeat center center;}
#dnyerPopIn #popInInner #closeUPS {background:url(../images/pop-in-header-bg.jpg) repeat-x top left; border-bottom:1px solid #505050; text-align:left;}
#dnyerPopIn #popInInner #closeUPS span {padding:1px 0 2px 12px; font-size:16px; display:block; font-weight:bold; color:#323033; font-family:"Trebuchet MS", Tahoma, Arial, san-serif;}
#dnyerPopIn #popInInner #closeUPS a {float:right;}



/* Contact Form */
#contactform {padding:15px; position:relative;}
body.qc #contactform {padding:10px; color:#fff;}
#contactform h1#title {font-size:17px; color:#16538C; padding:10px 0pt; margin:0;}
#contactform div.thankyou {color:#9A1C20; font-weight:bold; font-size:13px;}
#contactform div.message {padding-bottom:10px;}
#contactform #contacttable {width:400px; text-align:left;}
#contactform #contacttable th,
#contactform #contacttable td {text-align:left; padding:3px 0pt; vertical-align:top;}
#contactform #contacttable td input {border:1px solid #185685; font-size:11px; padding:1px 3px;}
#contactform #contacttable td textarea {border:1px solid #185685; font-size:11px; padding:3px 3px; width:250px; height:100px;}
#contactform #contacttable td.buttons {padding:10px 0pt;}
#contactform #contacttable td.buttons input {width:80px; font-size:10px; font-weight:bold; text-align:center; border:1px solid #185685; background:url(../images/header-links-bg.jpg) repeat-x bottom left; color:#fff; text-transform:uppercase; padding:5px 10px;}
#contactform #contacttable td.buttons input.reset-button {background:url(../images/footer-bg.jpg) repeat-x 0px -1px;}
body.qc #contactform #contacttable td.buttons input {border:1px solid #fff;}
body.qc #contactform form {margin:0;}
body.qc #contactform table td,
body.qc #contactform table th {font-size:11px;}


#bodyinner {padding:20px; position:relative;}
#bodyinner h1#title {font-size:17px; color:#16538C; padding:10px 0pt; margin:0;}
#bodyinner h3 {font-size:15px; color:#9A1C20; padding-top:10px;}
#bodyinner h4 {font-size:13px; color:#16538C;}
#bodyinner div.message {padding:15px 0pt;}
#bodyinner a {color:#255482;}


#scrollingarea {clear:both; height:170px; width:868px; margin:15px 15px 0px; border:1px solid #16538D; position:relative;}
.jcarousel-item .image {height:110px; overflow:hidden; margin-bottom:8px;}
.jcarousel-item .image a img {border:1px solid #C7C7C7;}
.jcarousel-item .image a:hover img {border:1px solid #A32026;}
.jcarousel-item .name {padding:5px;}
.jcarousel-item .name a {font-size:10px; color:#000;}
.jcarousel-item .name a:hover {color:#A32026; text-decoration:none;}
.jcarousel-item .designer {font-size:10px; color:#909090; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}



#quick-contact-frame {position:absolute; top:22px; right:-12px; width:434px; height:294px; border:1px solid #16538C; opacity:0.85; filter:alpha(opacity=85); background:#16538C; z-index:1000; clear:both;}
iframe#qc-iframe {position:absolute; top:24px; right:-10px; width:430px; height:290px; z-index:1000; border:1px solid #fff; clear:both; background:transparent;}
#quick-contact-frame.hidden {display:none; z-index:1000;}
iframe#qc-iframe.hidden {display:none; z-index:1000;}


h1#title {font-size:17px; color:#16538C; padding:10px 0pt; margin:0;}