/*  
Theme Name: Impact Technologies Theme
Theme URI: http://impact-tech.com
Description: Theme for Impact-Tech.com. Copyright 2010 Impact Technologies.
Version: 1.0
Author: Eric Parks
Author URI: http://impact-tech.com/
*/


/******************* Global Layout Styles *******************/
html {
margin: 0;
padding: 0;
}

body {
font: .8em "Lucida Grande",Verdana,Arial,sans-serif; 
margin: 0;
padding: 0;
background-color: #eaeaea;
}

.lowercontainer {
clear: both;
background-color: #fff;
min-height: 90%;
border-bottom: 1px solid #c6c6c6;
}

.secondarybackground {
background-image: url(images/secondaryback.png);
background-position: 0 41px;
background-repeat:repeat-x;
}

#content {
margin: 0 auto;
width: 960px;
padding: 0;
}

#header {
background: url(images/header-back.png) repeat-x;
}

#top-head {
padding: 0 0 14px 0;
}

#logo {
width: 120px;
height: 54px;
margin: 0;
background: url(images/logo.png) no-repeat;
}

#nav-container {
margin: 0 auto;
width: 960px;
}

#nav-left {
margin: 0 305px 0 0;
}

#nav-right {
float: right;
width: 300px;
padding: 3px 0 0 0;
}

#footer {
padding: 10px;
margin: 15px 0;
clear: both;
font-size: 85%;
margin: 0 auto;
width: 960px;
color: #666;
}

.footer-column {
padding: 0 20px 0 0;
margin: 0 30px 15px 0;
float: left;
border-right: 1px dotted #b4b4b4;
line-height: 1.5em;
}

#footer-nav .current a, #footer-nav .current a:hover {
color: #666;
}

ul#footer-nav {
list-style: none;
margin: 0;
padding: 0;
}

.tagline {
border-top: 1px dotted #b4b4b4;
padding: 10px 0 30px 0;
margin: 0;
clear: both;
}

.narrow-column {
margin: 0 310px 0 0;
padding: 20px 0;
}

.wide-column {
margin: 0;
padding: 20px 0;
}

#product-sidebar, #sidebar, #about-sidebar {
float: right;
width: 290px;
padding: 0;
}

.inner-sidebar {
padding: 20px 0 10px 7px;
background: url(images/sidebar.png) no-repeat;
}

.sidebar-footer {
background: url(images/sidebar-footer.png) no-repeat;
height:11px;
width:290px;
margin: 0 0 20px 0;
}

.clear {
clear: both;
}

.clear-left {
clear: left;
}

#searchbar {
line-height: 0;
padding: 0;
text-align: right;
}

#searchbar form {
padding: 0;
margin: 0;
}

#searchbar input {
color: #FFF;
}

#s {
border: none;
background: url(images/searchBack.gif) no-repeat;
padding: 4px 5px 6px 5px;
margin: 0;
float: right;
width: 245px
}

input.send-btn {
width: 25px;
height: 23px;
outline: none;
float: right;
}

#contact-left {
margin: 0 630px 0 0;
}

#contact-right {
float: right;
width: 620px;
}

#contact-right iframe {
border: 1px solid #666;
}

#left-home {
margin: 0 490px 0 0;
}

#right-home {
float: right;
width: 470px;
}

#right-home .textwidget {
margin: 0 0 15px 0;
}

#bottom-home {
margin: 20px 0 0 0;
}

#bottom-home-header{
height: 8px;
background: url(images/bottom-widget-header.png) no-repeat;
}

#bottom-home-footer{
height: 8px;
background: url(images/bottom-widget-footer.png) no-repeat;
}

#bottom-home-middle {
background-color: #efefef;
padding: 5px;
}

#ia-area {
height: 233px;
width: 470px;
background: url(images/ia.png) no-repeat;
}

.ia{
padding: 182px 0 0 10px;
}

.ia a, .ia a:visited {
display: block;
width: 239px;
height: 46px;
background: url(images/ia-button.png) no-repeat;
text-indent: -10000em;
}

.ia a:hover {
display: block;
width: 239px;
height: 46px;
background: url(images/ia-button.png) 0 -46px no-repeat;
}

#planlab-feed-area {
margin: 20px 0 0 0;
}

.news-feed-title {
font-weight: bold;
}

.news-feed-item {
margin: 0 0 20px 0;
}

.widget {
list-style: none;
}

#breadcrumb {
padding: 0;
height: 41px;
color: #FFF;
background: url(images/breadcrumb-back.gif) repeat-x;
}

#breadcrumb-inner {
padding: 14px 0 0 0;
margin: 0 auto;
width: 960px;
color: #FFFFCC;
font-size: .9em;
}

#breadcrumb-inner-products {
padding: 9px 0 0 0;
margin: 0 auto;
width: 960px;
color: #FFFFCC;
font-size: .9em;
}

#breadcrumb-inner a, #breadcrumb-inner a:visited, #breadcrumb-inner-products a, #breadcrumb-inner-products a:hover {
color: #cce4ec;
}

#breadcrumb-inner a:hover, #breadcrumb-inner-products a:hover {
color: #cce4ec;
text-decoration: underline;
}

#breadcrumb-inner p strong {
color: #FFF;
}

#breadcrumb-inner-products #breadcrumbs {
margin-right: 260px;
padding: 5px 0 0 0;
}

#storelink {
margin: 0;
width: 250px;
float: right;
}

#storelink a {
display: block;
width: 250px;
height: 23px;
background: url(images/gotostore.png) 0px 0px no-repeat;
text-indent: -999em;
}

#storelink a:hover {
background: url(images/gotostore.png) 0px -23px no-repeat;
}

#rssfeed {
margin: 0;
}

#rssfeed a {
display: block;
width: 76px;
height: 36px;
background: url(images/rss.png) 0px 0px no-repeat;
text-indent: -999em;
}

#rssfeed a:hover {
background: url(images/rss.png) 0px -36px no-repeat;
}

.productIcon {
width: 150px;
min-height: 150px;
float: left;
margin: 0 10px 10px 0;
}

.productBlurb {}

.learn-more a {
display: block;
width: 100px;
height: 23px;
background: url(images/learn-more.png) 0px 0px no-repeat;
text-indent: -999em;
float: right;
outline: none;
}

.learn-more a:hover {
background: url(images/learn-more.png) 0px -23px no-repeat;
}

a img {
border: none;
}


/******************* Blog Styles *******************/
.post .links {
display: block;
background-color: #FAFAFA;
border-top: #E2DBD8 1px dotted;
border-bottom: #E2DBD8 1px dotted;
color: #444;
padding: 3px 10px;
font-size: 80%;
margin: 0 0 20px 0;
}

.post .author, .post .author2 {
font-size: 75%;
display: block;
height: 15px;
line-height: 15px;
margin: 5px 0 25px 60px;
background: url(images/author.png) no-repeat left top;
padding-left: 25px;
}

.post .author2 {
margin: 5px 0 25px 0;
background: url(images/author.png) no-repeat left top;
padding-left: 25px;
}

.post .links a {
text-decoration: none;
color: #666666;
}

.post .links a:hover {
color: #666666;
border-bottom: dotted 1px #666666;
}

.post .links .comment {
background: url(images/comment.png) no-repeat left center;
padding: 5px 20px;
float: left;
}

.post .links .feed {
background: url(images/feed.png) no-repeat left center;
padding: 5px 20px;
float: left;
}

.post .links .cat {
background: url(images/categories.jpg) no-repeat left center;
padding: 5px 20px;
float: left;
}

.post .links .tags {
background: url(images/tags.jpg) no-repeat left center;
padding: 5px 20px;
float: left;
}

.event {
background-color: #EBF5F7;
border: 1px solid #B9D4DB;
margin: 0 0 20px 0;
padding: 5px;
}

.downloads-table td {
padding: 5px;
background-color: #efefef;
vertical-align: top;
}

.downloads-table thead td, .downloads-table .thead-dupe td  {
background-color: #007dbe;
color: #FFF;
font-weight: bold;
}

/******************* Font Styles *******************/
a {
color: #035b92;
text-decoration: none;
}

a:hover {
color: #e66100;
text-decoration: none;
}

.extradiv p {
line-height: 150%;
margin: 0 0 20px 0;
padding: 0;
}

.extradiv blockquote {
background: url(images/block_bg.gif) no-repeat left top;
margin:5px 0 5px 20px;
padding-left:30px;
padding-top:5px;
color: #333;
}

.extradiv blockquote blockquote {
background: url(images/block2_bg.gif) no-repeat left top;
margin: 5px 0 5px 20px;
padding-left:30px;
color: #666;
}

.extradiv ul {
margin: 10px 0 20px 20px;
line-height: 130%;
}

.extradiv ol {
margin: 10px 0 20px 25px;
line-height: 130%;
}

.extradiv ol li, .extradiv ul li {
margin: 7px 0 0 0;
}

.extradiv h2, .extradiv h3, .extradiv h4, .extradiv h5, .extradiv h6 {
margin: 0;
padding: 0 0 3px 0;
font-family: Arial, Helvetica, sans-serif;
}

.extradiv h1 {
font-size: 170%;
color: #e03f00;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
padding: 0 0 2px 0;
margin: 0 0 10px 0;
font-weight: bold;
border-bottom: 1px dotted #ccc;
}

#left-home .widgettitle {
font-size: 170%;
color: #e03f00;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
padding: 0 0 2px 0;
margin: 0 0 10px 0;
font-weight: bold;
border-bottom: 1px dotted #ccc;
*text-indent: -13px; /* Only here because IE is the most retarded browser ever made */
}

.extradiv h2 {
font-size: 140%;
color: #e03f00;
}

.extradiv h3 {
font-size: 120%;
}

.extradiv h4 {
font-size: 100%;
}

.extradiv h5 {
font-size: 100%;
}

.extradiv h6 {
font-size: 100%;
}

.date {
font-size: 80%;
padding: 0 0 10px 0;
color: #333;
}

.right {
text-align: right;
}


/******************* Main Navigation Styles *******************/
#navlist {
padding: 8px 0;
margin: 0;
font: bold 1em Arial, Helvetica, sans-serif;
}

#navlist li {
list-style: none;
display: inline;
padding: 8px;
margin: 0;
padding: 0;
}

#navlist li a {
padding: 8px 13px;
margin: 0 10px 0 0;
text-decoration: none;
color: #FFF;
}

#navlist li a:hover {
color: #FFF;
background: #333;
}

#navlist .current a, #navlist .current a:hover {
background: #009ccf;
color: #FFF;
}

#navlist .current-alt a, #navlist .current-alt a:hover {
background: #FFF;
color: #000;
}


/******************* Secondary Navigation Styles *******************/
#secondary-nav ul, #sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#secondary-nav a, #sidebar li ul li a {
display: block;
color: #333;
text-decoration: none;
letter-spacing: .02em;
font-size: .85em;
background: url(images/secondary-ro.png) 0 -43px no-repeat;
padding: 7px 5px 6px 25px;
margin: 0 6px 0 2px;
border-bottom: 1px dotted #e3e0d5;
_display: inline-block;
_width: 245px;
*padding: 4px 5px 4px 25px; /* IE7 padding adjust */
_background: url(images/secondary-ro.png) 0 -45px no-repeat; /* IE6 background adjust */
}

#secondary-nav a:hover, #sidebar li ul li a:hover{
background: url(images/secondary-ro.png) 0 -85px no-repeat;
border-top: 1px dotted #ccdde1;
border-bottom: 1px dotted #ccdde1;
padding: 6px 5px 6px 25px;
*padding: 3px 5px 4px 25px; /* IE7 padding adjust */
*background: url(images/secondary-ro.png) 0 -84px no-repeat; /* IE7 background adjust */
_background: url(images/secondary-ro.png) 0 -87px no-repeat; /* IE6 background adjust */
}

#secondary-nav .secondary-current a, #secondary-nav .secondary-current a:hover {
font-weight: bold;
background: url(images/secondary-ro.png) 0 0 no-repeat;
padding: 6px 5px 6px 25px;
margin: 0px 6px 0 2px;
cursor: pointer;
color: #000;
border-top: 1px dotted #dae993;
border-bottom: 1px dotted #ccdde1;
*padding: 4px 5px 3px 25px; /* IE7 padding adjust */
}

#secondary-nav .secondary-current, #secondary-nav li, .inner-sidebar .widget ul li {
_display: inline-block;
}

.secondary-nav-subhead, #sidebar li h2 {
font: bold 1.2em Arial, Helvetica, sans-serif;
padding: 4px 0 4px 8px;
margin: 10px 6px 0 2px;
background: url(images/right-column-subhead.png) 0 0 no-repeat;
clear: both;
color: #57452b;
font-size: 1em;
}

#sidebar .textwidget, #sidebar p {
padding: 10px 10px 0 10px;
}


/******************* Spotlight Banner Styles *******************/
.spotlight { 
background: url(images/spotlight-back.png) repeat-x;
}

.feature-more-link {
width: 970px;
margin: 0 auto;
padding: 215px 0 0 0;
}

.feature-more-link a, .feature-more-link a:visited, .feature-more-link a:active {
display: block;
width: 230px;
height: 46px;
background: url(images/feature-learn-more.png) no-repeat;
text-indent: -10000em;
}

.feature-more-link a:hover {
display: block;
width: 230px;
height: 46px;
background: url(images/feature-learn-more.png) 0 -46px no-repeat;
}

.carousel {
overflow: hidden;
width: 980px; 
height: 265px;
margin: 0 auto;
}

.carousel-nav {
overflow: hidden;
width: 960px; 
padding: 2px 0;
margin: 0 auto;
cursor: default;
}

#carousel-nav-container {
background-color: #e5e5e5;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}

.carousel-nav button {
display:block;
float:left;
margin: 0 7px 0 0;
background-color:#f5f5f5;
border: 1px solid #CCC;
font-size: .9em;
text-decoration: none;
font-weight: bold;
color:#565656;
cursor: pointer;
padding: 3px;
}

.carousel-nav button:hover {
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}

.carousel-nav button:hover {
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}

button:hover, .buttons a:active {
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

#lg-feature {
background: url(images/lg-feature.jpg) top center no-repeat;
height: 265px; 
width: 980px; 
}

#rrm-feature {
background: url(images/rrm-feature.jpg) top center no-repeat;
height: 265px; 
width: 980px; 
}

#qpda-feature {
background: url(images/qpda-feature.jpg) top center no-repeat;
height: 265px; 
width: 980px; 
}

#bc-feature {
background: url(images/bc-feature.jpg) top center no-repeat;
height: 265px; 
width: 980px; 
}