/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*	Custom styles begin */


body {font-family: Verdana,sans-serif;background: url(/images/90/body-bg.png) repeat-x #21252f;padding: 169px 0 0 0;}

br.clear {clear: both;}
div.wrapper {width: 960px;margin: 0 auto; position: relative;}


/* HEADER
------------------------------------------- */
div#head-wrap {position: absolute;top: 0;left: 50%;right: 0;width: 960px;margin: 0 0 0 -480px;}

div#header {height: 119px;}
div#header h2 {width: 383px;height: 58px;float: left;margin: 32px 0 0 20px;}
div#header h2 a {width: 383px;height: 58px;background: url(/images/90/doncor-logo.png) no-repeat;text-indent: -9999px;display: block;}

div#header form {float: right;display: inline;width: 194px;height:23px;margin: 51px 0 0 0;}
div#header form input.search {background: url(/images/90/search-bg.png) no-repeat;border: none;width: 164px;height:23px;padding: 0 5px 0 25px;color:#666;}

div#navbar {height: 50px;}
ul#nav {height: 50px; list-style: none;background: url(/images/90/nav-divider.png) left no-repeat;}
ul#nav a {display: block;}
ul#nav li {float: left; margin-right: 1px; width: 0;}
ul#nav>li {width: auto;}
ul#nav>li {height: 50px; padding: 0 0 0 3px; }
ul#nav>li a.buttons {color: #83889f; display: block; font-size: 13px; font-weight: bold; height: 40px; padding: 10px 20px 0 17px; text-decoration: none;background: url(/images/90/nav-divider.png) right no-repeat;text-shadow: 0px 1px 1px #1b1f32;}
ul#nav>li:hover a.buttons { background: url(/images/90/tab.png) right top; color: #fff; }
ul#nav>li:hover, ul#nav>li.active {background: url(/images/90/tab.png) 0 0;text-shadow: 0px 1px 1px #50525a; }
ul#nav>li.active>a {background: url(/images/90/tab.png) right top; color: #fff; }


ul#nav>li ul {background: url(/images/90/drop-bg.png) 0 bottom; font-size: 11px; left: -999em; padding: 0 0 3px 0; position: absolute; width: 260px; z-index: 1; }
ul#nav>li ul li {width: 260px; }
ul#nav>li ul li a {border-top: 1px solid #2c2f38; color: #83889f; font-weight: bold; height: 30px; line-height: 30px; padding-left: 20px; text-decoration: none;text-shadow: 0px 1px 1px #000; }
ul#nav>li ul li a:hover {color: #fff; }
ul#nav>li ul li a.first {border-top: none; }
ul#nav>li:hover ul {left: auto; z-index: 99;padding-bottom: 5px; }
ul#nav>li:hover ul li a {z-index: 21; }




/* MAIN BODY
------------------------------------------- */
div#main {background: #fff;border-bottom: 1px solid #3a3e4a;padding: 0 0 30px 0;}

div#main a {color: #0076a3;text-decoration: underline;}
div#main a:hover {color: #000;}

/* Restore >>> div#main h1 {color: #575c76;font-size: 28px;line-height: 34px;font-weight: bold;margin: 0 0 10px 0;} */


div#main h1 {color: #373c47;font-size: 28px;line-height: 34px;font-weight: bold;margin: 0 0 10px 0;text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);}

               
div#main h2 {color: #373c47;font-size: 21px;line-height: 25px;font-weight: bold;margin: 0 0 10px 0;}
div#main h3 {color: #575c76;font-size: 16px;line-height: 21px;font-weight: bold;margin: 0 0 10px 0;}
div#main h5 {color: #575c76;font-size: 16px;line-height: 21px;font-weight: bold;margin: 0 0 10px 0;}
div#main p,div#main ul,div#ol {color: #555;font-size: 13px;line-height: 18px;margin: 0 0 10px 0;}
div#main strong {font-weight: bold;color: #373c47;}

/* SIDEBAR */
div#main div.leftside {width:250px;background: url(/images/90/sidebar-bg.png) 2px top no-repeat;min-height: 400px;padding: 20px 0 0 0;}
div#main div.leftside h3 {padding: 0 20px;}
div#main div.leftside h5 {padding: 0 20px;}

div#main div.leftside ul.projects {margin: 20px 0;}
div#main div.leftside ul.projects li {margin: 0 0 5px 0;}

div#main div.leftside div.news {background: url(/images/90/news-bg.png) no-repeat;width: 240px;min-height: 100px;padding: 16px 0 0 0;margin: 0 0 30px 0;}

div#main div.leftside div.newspost {margin: 20px;font-size: 11px;line-height: 16px;color: #555;}
div#main div.leftside div.newspost p {font-size: 11px;line-height: 16px;color: #555;}
div#main div.leftside div.newspost p span.subheader {font-weight: bold;font-size: 12px;}

div#main div.leftside div.sidecopy {margin: 20px;font-size: 11px;line-height: 16px;color: #555;}
div#main div.leftside div.sidecopy a img {margin-left:-20px;margin-bottom:5px;}

div#main div.leftside ul.posts {margin: 20px 0;}
div#main div.leftside ul.posts li {padding: 0 40px 0 20px;font-size: 11px;line-height: 16px;color: #555;margin: 0 0 16px 0;}
div#main div.leftside ul.posts li div.subheader {font-weight: bold;font-size: 12px;margin-bottom: 5px;}

div#main div.leftside ul.sidenav {margin: 0 0 20px 0;font-size: 13px}
div#main div.leftside ul.sidenav li {padding: 0 0 0 20px;line-height: 32px;height:32px;}
div#main div.leftside ul.sidenav li a {text-decoration: none;color: #81838d;}
div#main div.leftside ul.sidenav li a:hover {color: #3a3e4a;}
div#main div.leftside ul.sidenav li.active {background: url(/images/90/sidenav-active.png) no-repeat;color: #fff;}
div#main div.leftside ul.sidenav li.active a {color: #fff;}

div#main div.leftside a.estimate {width: 220px;height: 48px;text-indent: -9999px;display: block;background: url(/images/90/estimate-button.png) no-repeat;margin: 0 0 20px 0;}
div#main div.leftside a.estimate:hover {background: url(/images/90/estimate-button.png) 0 -48px no-repeat;}


/* MAIN BODY CONTENT */
div#main div.rightside {width: 690px;float: right;display: inline;padding: 20px 0 0 0;}
div#main div.rightside h2,div#main div.rightside h3 {margin-top: 20px;}
div#main div.rightside ul li {background: url(/images/90/arrow-000-medium.png) 0 2px no-repeat;padding: 0 0 0 24px;margin: 0 0 7px 0;}

/* This is for the Slider Background */
div#main div.rightside div#p1 {background: url(/images/90/slider-bg-1.png) no-repeat;}
div#main div.rightside div#p2 {background: url(/images/90/slider-bg-2.png) no-repeat;}
div#main div.rightside div#p3 {background: url(/images/90/slider-bg-3.png) no-repeat;}
div#main div.rightside div#p4 {background: url(/images/90/slider-bg-4.png) no-repeat;}

div#main div.rightside div#slider h1,
div#main div.rightside div#slider h2 {width: 430px;color: #373c47;font-size: 22px;line-height: 30px;font-weight: bold;margin: 0 0 10px 0;text-shadow: 0px 1px 1px #fff;} 
div#main div.rightside div#slider div.text {width: 400px;color: #555;font-size: 15px;line-height: 23px;margin: 0 0 10px 0;text-shadow: 0px 1px 1px #fff;}
div#main div.rightside div#slider div.text br {line-height: 5px;}


div#main div.rightside div.body-copy {padding: 0 20px;color: #555;font-size: 13px;line-height: 18px;}
div#main div.rightside div.body-copy br {line-height: 10px;}

div#switch {margin: 20px auto;width: 60px;}
div#switch a {width:13px;height:13px;text-indent: -9999px;display: block;background: url(/images/90/slider-nav.png) -13px 0 no-repeat;float: left;margin: 0 2px 0 0;}
div#switch a.last {margin-right: 0;}
div#switch a:hover, div#switch a.activePanel {background: url(/images/90/slider-nav.png) 0 0 no-repeat;color: white;}



/* FOOTER
------------------------------------------- */

div#footer {background: url(/images/90/footer-bg.png) repeat-x;border-top:1px solid #a1a5b3;min-height: 100px;padding: 24px 0;}
div#footer p.logo {float: left;width: 208px;height: 33px;}
div#footer p.logo a {display: block;text-indent: -9999px;width: 208px;height: 33px;background: url(/images/90/footer-logo.png) no-repeat;}
div#footer div.rightside {width: 670px;float: right;display: inline;}
div#footer div.rightside p {font-size: 11px;line-height: 15px;color:#747474;margin: 0 0 6px 0;text-shadow: 0px 1px 1px #000;}
div#footer div.rightside a {color:#747474;}
div#footer div.rightside a:hover {color: #fff;}
div#footer div.rightside p.heading {color: #f4f5f9;font-size: 18px;line-height: 24px;font-weight: bold;margin: 0 0 7px 0;}
div#footer div.rightside p.contact {color: #adadae;font-size: 12px;line-height: 16px;font-weight: bold;margin: 0 0 15px 0;}
div#footer div.rightside p.contact a {color: #adadae;}
div#footer div.rightside p.contact a:hover {color: #fff;}
div#footer div.rightside ul {font-size: 11px;line-height: 12px;color:#747474;margin: 0 0 6px 0;text-shadow: 0px 1px 1px #000;}
div#footer div.rightside ul li {float: left;}
div#footer div.rightside ul li a {display: block;border-left:1px solid #747474;padding: 0 5px}
div#footer div.rightside ul li a.first {border: none;padding-left: 0;}