/*
Theme Name: Inspiratica
Theme URI: www.inspiratica.ca
Description: Theme for Inspiratica
Author: Pel Solutions www.pelsols.com (office@pelsols.com)
Version: 0.9
*/

/* CSS Reset */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
:focus {outline:none;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}
a {text-decoration: none; color: #333;}
.entry-content a:hover { text-decoration: underline; }

/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
.clearfix { display: block; } /* i don't know why, it could be a problem ie8 emulating ie7, but it doesn't clear without inline-block, even though it's pointless */

/* STRUCTURE */

body {background: #404040 url(images/body_bg.png) repeat-x center top; color: #666666; font: normal 100% Arial, Tahoma, sans-serif;}
#main { position:absolute; top:90px; left:50%; margin-left:-480px; width: 960px;}

#header {height: 75px; /* ie7 z-index bug -> */ position: relative; z-index: 2;}
#header .logo {width: 147px; height: 30px; float: left; padding-top: 14px; padding-left: 3px;}
#header .logo a {display: block; width: 100%; height: 100%; text-indent: -9999px; background: transparent url(images/logo.jpg) no-repeat left top;}
#header .logo a:hover {background-position: left bottom;}

.main_content {clear: both;}

/* NAVIGATION */

#navigation ul.menu {position: relative; z-index: 2} /* stupid ie z-indexing fix */
#navigation {font-family: Helvetica, "Helvetica Neue", sans-serif; color: #a19f9f; font-size: 15px; float: right; width: 550px; position: relative;}
#navigation ul {float: right; display: inline; margin-right: 235px; background: transparent url(images/navigation_bg.gif) no-repeat 100% 16px;}
#navigation ul li {float: left; font-size: 13px; margin: 0 13px; display: inline; text-transform: uppercase; position: relative;}
#navigation li a {color: #959595; float: left; padding: 20px 0 10px;}
#navigation li a:hover, #navigation li:hover, #navigation li.current_page_item a, #navigation li.current_page_parent a, #navigation li.current_page_ancestor a {color: white; background: transparent url(images/current_page_item.gif) no-repeat center top;}
#navigation li li a, #navigation li.current_page_item li a, #navigation li.current_page_parent li a, #navigation li.current_page_ancestor li a, #navigation li li a:hover {background: none;}

/* second level */
#navigation ul ul {position: absolute; top: 45px; background: #2a2a2a; border: 1px solid black; width: 170px; z-index: 1000;}
#navigation ul ul li, #navigation ul ul a {padding: 0; margin: 0; font-size: 12px; text-transform: none; color: #bebebe;}
#navigation ul ul li {border-bottom: 1px solid #1d1d1d; border-top: 1px solid #373737; width: 170px;}
#navigation ul ul li:hover {background: none;}
#navigation ul ul a {display: block; padding: 5px 0 5px 10px;}
#navigation ul ul a span {display: block; cursor: pointer; padding: 5px 0; width: 160px; background-repeat: no-repeat; background-position: 0 50%;}
#navigation ul ul a:hover {background-color: #0d0d0d;}
#navigation ul ul li.next_level a {background: transparent url(images/current_page_item_child.gif) no-repeat 95% 50%;}
#navigation ul ul li.next_level li a:hover, #navigation ul ul li.next_level li a, #navigation ul ul li.next_level:hover li {background-image: none;}
#navigation ul ul li.next_level a:hover, #navigation ul ul li.next_level:hover {background: #0d0d0d url(images/current_page_item_child.gif) no-repeat 95% 50%;}
#navigation ul ul ul li a span {background-image: none !important; width: 160px !important; padding-left: 0 !important;}

/* third+ level */
#navigation ul ul ul {top: -2px; margin-left: 170px;}

/* if changing widths and padding for the menu items (in the flyout) make sure to adjust css passed in functions.php */

/* homepage active
.home #mainNav #menu-item-62 a, .home #mainNav .page-item-27 a {color: white; background: transparent url(images/current_page_item.gif) no-repeat center top;} */

/* nav hovers */
#navigation ul ul {left: -9999px;}
#navigation li:hover > ul {left: 0px;}

#navigation .info_login {position: absolute; right: 10px; top: 13px; z-index: 1; line-height: 30px; padding-right: 100px;}
#navigation .info_login a {color: #a19f9f;}
#navigation .info_login a:hover {color: white;}
/*#navigation ul li {float: left; position: relative;}*/
/*#navigation li a {width: 180px; display: block; background: yellow;}*/
/*#navigation ul ul {position: absolute; top: 20px; left: 0;}*/
/*#navigation ul ul ul {left: 180px; top: 0;}*/

/* login box */
#login {position:absolute; width: 84px; height: 30px; right: 0; top: 0; text-indent: -9999px; background-image: url(images/login_bg.png);}
#login.hover {background-position: left bottom;}

#login_box {display: none; position: absolute; width: 349px; height: 30px; padding: 24px 0 0 10px; right: -11px; top: 30px; background: transparent url(images/login_box_bg.png) no-repeat left top; color: #404040; font-size: 12px; z-index: 10; line-height: 25px;}
#login_box p {float: left;}
#login_box input {font-size: 11px; width: 100px; height: 14px; background-color: white; border: 0; margin: 0 10px 0 6px;}
#login_box .login-remember {display: none;}
#login_box .login-submit input {position: absolute; right: 10px; top: 26px; background: none; text-indent: -9999px; width: 17px; height: 18px; margin: 0; display: block;}

#login_box span.failed {position: absolute; left: 49px; top: 28px; width: 100px; height: 15px; background: white; display: none; text-indent: 10px; color: #c94747; line-height: normal;}

/* footer navigation */
#footer {clear: both; padding: 37px 0 10px;}
.home #footer {padding-top: 0; margin-top: 65px;}
#footer_nav {float: left;}
#footer_nav li {float: left; padding-right: 30px;}
#footer_nav li a {color: #898989; font-weight: bold; font-size: 14px;}
#footer_nav li a:hover {color: white;}
#footer_nav li li {clear: left; padding-right: 0; padding-top: 4px;}
#footer_nav li li a {color: #777777; font-weight: normal; font-size: 12px; float: left;}
#footer_nav ul ul {display: none;}

#search_info {float: right; width: 350px; text-align: right;}
#search_info p, #search_info .search_box {margin-bottom: 5px;}
#search_info .search_box {height: 23px; position: relative;}
#search_info .search_box input {width: 175px; border: 0; color: #474747; font-family: "Lucida Sans", sans-serif; font-size: 12px; position: absolute; right: 25px; top: 4px; height: 15px;}
#search_info .styled {background: transparent url(images/search_bg.gif) no-repeat right top;}
#search_info .styled input {background: transparent;}
#search_info .styled_focus {background: transparent url(images/search_bg.gif) no-repeat right bottom;}
#search_info .search_box button {padding: 0; width: 22px; text-indent: -9999px; border: 0; background: none;}
#search_info .number a {font-size: 22px; color: #959595;}
#search_info .support {font-size: 12px; color: #777777; line-height: 18px;}
#search_info .support span {display: inline-block;  background: transparent url(images/support_bg.gif) no-repeat left top; padding-left: 20px;}
#search_info .support span:hover,#search_info .support span.support_hover {background-position: left bottom;}
#search_info .social {color: #777777; font-size: 11px; padding-right: 60px; position: relative; font-weight: bold;}
#search_info .social ul, #search_info .social li {display: inline;}
#search_info .social li + li {border-left: 1px solid; padding-left: 3px;}
#search_info .social div {position: absolute; right: 0; top: 0;}
#search_info .social a {color: #c4c4c4;}
#search_info a:hover {color: white;}

#social-facebook, #social-twitter, #social-rss {float: left; background: transparent url(images/social_bg.png) no-repeat left bottom; width: 12px; height: 18px; text-indent: -9999px; text-align: left; margin-left: 1px; font-weight: normal;}
#social-facebook:hover {background-position: left top;}
#social-twitter {background-position: -12px -18px; width: 23px;}
#social-twitter:hover {background-position: -12px 0;}
#social-rss {background-position: right bottom; width: 18px;}
#social-rss:hover {background-position: right top;}

#search_info .social div a {position: relative;}
#search_info .social span.popup {display: none; position: absolute; width: 138px; height: 38px; left: -90px; top: -40px; text-indent: 0; text-align: center; line-height: 30px; background: transparent url(images/social_popup_bg.png) no-repeat left top; color: #434343; font-size: 13px;}
#search_info .social div a:hover span.popup {display: block; }
#search_info .social div a:hover span.popup.twitter {display: block; left:-84px;}

#social-twitter .popup span {color: #33ccff;}
#social-rss .popup span {color: #ff7401;}
#social-facebook .popup img {position: relative; top: 8px;}

/* COMMON */
.block_s {margin-left: -4px; width: 969px;} /* wrap around something with shadow to make it align */
.alignleft {float: left;}
.alignright {float: right;}
.edit-link {display: block; clear: both;}
                                              
/* HOMEPAGE SLIDER */
.home_slider {;position: relative; overflow: hidden; margin-bottom: 5px; margin-top: -15px; width: 100%;}
.home_slider .slideprev, .home_slider .slidenext {width: 35px; height: 58px; position: absolute; top: 115px; background: transparent url(images/slider_arrows.png) no-repeat left top; text-indent: -9999px; cursor: pointer;}
.home_slider .slideprev {left: 25px;}
.home_slider .slideprev:hover {background-position: left bottom;}
.home_slider .slidenext {background-position: right top; right: 25px;}
.home_slider .slidenext:hover {background-position: right bottom;}
.home_slider .indicator {width: 109px; margin: 0 auto;}
.home_slider .indicator a {float: left; margin-right: 6px; width: 11px; height: 11px; cursor: pointer; overflow: hidden; background: gray url(images/slider_ind.gif) no-repeat left top;}
.home_slider .indicator a:hover {background-position: right top;}
.home_slider .indicator .current, .home_slider .indicator .current:hover {background-position: -11px 0;}

.slider {width: 969px; height: 295px; overflow: hidden; position:relative;}
.slider ul {position: relative; width: 10000px;}
#slider_elements_wrapper { background-color: #fff; position: relative; width: 10000px;}
.slider li { float: left; position: relative; width: 960px; height: 280px; padding: 4px 5px 4px 4px;}
.slider_item {background-color: #fff;float: left; position: relative; width: 960px; height: 280px; padding: 2px; margin: 0;}
.slider li .text {position: absolute; left: 0; top: 0; width: 953px; height: 277px; padding: 11px 8px 0 8px; background: url(images/home_slider_over.png) no-repeat left top;}
.slider_item .text {position: absolute; left: 0; top: 0; width: 953px; height: 277px; padding: 11px 8px 0 8px;}
.slider h2 {background: transparent url(images/slider_text_bg.png); padding: 5px 30px 15px; font-size: 23px; color: white;}
.slider h2 * {color: white;}
.slider h2 span {font-size: 12px; display: block;}

.slider_top, .slider_bottom, .slider_left, .slider_right {position: absolute; }
.slider_top {left: 0; top: 0; width: 969px; height: 11px; background: url(images/home_slider_over_t.png) no-repeat left top;}
.slider_bottom {left: 0; bottom: 18px; background: url(images/home_slider_over_b.png) no-repeat left top; width: 969px; height: 27px;}
.slider_left {left: 0; top: 11px; background: url(images/home_slider_over_l.png) no-repeat left top; width: 12px; height: 250px;}
.slider_right {right: 0; top: 11px; background: url(images/home_slider_over_r.png) no-repeat left top; width: 12px; height: 250px;}

/* HOMEPAGE BOX */
.box1 {width: 322px; float: left; margin-right: 1px;}
.box1 h2, .box1 .box_bot {background: transparent url(images/box1_ends.png) no-repeat left top;}
.box1 h2 {color: #404040; height: 49px; font-size: 20px; padding: 16px 8px 0 23px;}
.box1 h2 span {display: block; padding-left: 55px; padding-top: 12px; height: 37px; background-repeat: no-repeat; background-position: left top;}
.box1 .box {padding: 20px 31px; min-height: 180px; background: transparent url(images/box1_middle.png) no-repeat left bottom;}
.box1 .box p {font-size: 15px; margin-bottom: 40px; min-height: 70px;}
.box1 .box li {background: transparent url(images/bullet1.png) no-repeat left center; padding-left: 10px; font-size: 12px; color: #5f5f5f; margin-bottom: 5px;}
.box1 .box_bot {height: 65px; background-position: left bottom; padding: 0 31px 0;}
.box1 .box_bot h3 {float: left; width: 120px; color: white; font-size: 31px; font-weight: bold; line-height: 22px;}
.box1 .box_bot .headline {color: #cfcfcf; text-transform: uppercase; font-size: 10px; display: block;}
.dollar {font-size: 21px; position: relative; bottom: 6px;}
.sup {font-size: 18px; position: relative; bottom: 8px;}
.sup span {color: #cccccc; position: relative; bottom: 3px;}
.box1 .box_bot .more {float: right; width: 100px; height: 34px; margin-top: 12px; font-size: 13px; color: white; line-height: 34px; background: orange url(images/box1_more.jpg) no-repeat left top; text-align: center;}
.box1 .box_bot .more:hover {color: black;}
/* box1 hovered */
.box1_hover h2, .box1:hover h2 {background-position: right top;}
.box1_hover .box, .box1:hover .box {background-position: right bottom;}
.box1_hover .box_bot, .box1:hover .box_bot {background-position: right bottom;}

/*goran */
/* SUBMENU */
.submenu {float: right; background: transparent url(images/submenu_bg.png) no-repeat right top; position: relative; top: 5px;}
.submenu ul {position: relative; left: -10px; background: transparent url(images/submenu_ul_bg.png) no-repeat left top; padding-left: 10px; height: 30px; float: left;}
.submenu li {float: left; padding: 0 27px;}
.submenu li a {float: left; line-height: 30px; color: white; font-size: 13px; font-weight: bold;}
.submenu li a:hover {color: #ff8102;}
.submenu li.current_page_item a, .submenu li.current-cat a { background: transparent url(images/submenu_current.png) no-repeat center bottom; color: white;}
/* BREADCRUMBS */
.breadcrumbs li {float: left; padding-left: 7px; background: transparent url(images/breadcrumbs_bg.png) no-repeat left top; padding-right: 3px; font-size: 11px; text-transform: uppercase;}
.breadcrumbs li.first {background: none;}
.breadcrumbs li a {color: #878787;}
.breadcrumbs li a:hover {color: #404040;}
/* PAGES */
/* content can stretch to any width or height */
.content {background: white; clear: both; position: relative; top: 10px; margin-bottom: 10px;}
.content .content_wrap {position: relative; top: -10px; background: transparent url(images/entrytop_bg.png) no-repeat left top; margin-right: 10px;}
.content .page {position: relative; bottom: -18px; background: transparent url(images/entrybot_bg.png) no-repeat left bottom; padding-left: 20px;}
.content .entry-top {position: relative; right: -10px; top: -18px; background: transparent url(images/entrytop_bg.png) no-repeat right top; padding-right: 30px; height: 66px;}
.content .entry-content {background: transparent url(images/entrybot_bg.png) no-repeat right bottom; padding-right: 25px; position: relative; right: -10px; padding-bottom: 45px; padding-right: 30px; min-height: 250px;}

.parent-title {color: white; font-size: 29px; float: left; margin-bottom: 40px;}
.parent-title a {color: white;}

.entry-title {border-bottom: 1px solid #d8d8d8; font-weight: bold; font-size: 24px; color: black; padding: 20px 0 15px;}
.entry-title a {color: black;}

.page .breadcrumbs {position: absolute; right: 0px; top: 10px; padding-top: 20px; padding-right: 30px;}

.content .page .page {position: static; background: none; padding-left: 0;} /* wp prints class page in post_class() if it finds a page in search results, for example */

/* CONTENT PAGES */

/* overview */
.fullsidebar {background-image: url(images/sidebar_bg.gif); background-repeat: repeat-y; background-position: right;}
.fullsidebar .breadcrumbs {height: 44px; width: 320px; background: white url(images/breadcrumbs_bg2.png) no-repeat 50px 100%;}

.fullsidebar .breadcrumbs ul {float: right;}
.overview_display {clear: both;}
/*.fullsidebar .entry-top {background-image: url(images/sidebar_entrytop_bg.png);}*/
.fullsidebar .entry-content {background-image: url(images/sidebar_entrybot_bg.png); padding-right: 25px;}
.fullsidebar .entry-title {width: 580px;}
.overview_cont {width: 605px; float: left;}
.overview_block {width: 260px; padding-right: 35px; float: left; padding-bottom: 30px;}
.fullsidebar .overview_cont h3 {color: #3a6988; padding: 45px  0; font-size: 17px; position: relative; line-height: 23px; width: 540px;}
.fullsidebar .overview_cont h3 img {margin-left: 20px;}
.fullsidebar .overview_cont h2 {color: #1e1f21; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.fullsidebar .overview_cont p {color: #666666; clear: left; font-size: 13px;}
.service_sidebar {width: 250px; float: right;}
.service_sidebar { color: #4f4f50;}
.service_sidebar h3 {font-weight: bold; font-size: 20px;}
.service_sidebar ul {margin-bottom: 15px;}
.service_sidebar li {background: transparent url(images/services_bg.gif) repeat-x bottom; padding: 10px 0;}
.service_sidebar li span {display: block; padding-left: 30px; background-repeat: no-repeat; background-position: 2px 50%;}

.price_button {width: 262px; height: 72px; background: #eaeaea url(images/price_button_bg.png) no-repeat left top; position: relative;}
.price_button div.start {position: absolute; top: 15px; left: 20px; text-transform: uppercase; font-weight: bold; font-size: 10px;}
.price_button div.price {position: absolute; top: 20px; left: 20px; font-size: 31px; font-weight: bold; letter-spacing: -1px; color:#4F4F50;}
.service_sidebar .price_button div.start {top: 16px;}
.service_sidebar .price_button div.price {top: 25px;}
.price_button a {position: absolute; width: 100px; height: 34px; line-height: 34px; color: white; font-size: 14px; text-align: center; top: 20px; right: 26px; }
.price_button a:hover {color: black;}

.service_sidebar .price_button {position: relative; right: 6px;}

/* web design */
.service_sidebar li.custom-design span {background-image: url(services/icons/custom.png);}
.service_sidebar li.web-hosting span {background-image: url(services/icons/hosting.png);}
.service_sidebar li.web-mail span {background-image: url(services/icons/email.png);}
.service_sidebar li.content-management span {background-image: url(services/icons/cms.png);}
.service_sidebar li.support span {background-image: url(services/icons/support.png);}
.service_sidebar li.virus span {background-image: url(services/icons/virus.png);}
.service_sidebar li.analytics span {background-image: url(services/icons/analytics.png);}
.service_sidebar li.search-engine-optimized span {background-image: url(services/icons/seo.png);}
.service_sidebar li.blog span {background-image: url(services/icons/blog.png);}
.service_sidebar li.scalability span {background-image: url(services/icons/scalability.png);}
.service_sidebar li.speed-and-uptime span {background-image: url(services/icons/speed.png);}
.service_sidebar li.free-domains span {background-image: url(services/icons/domain.png);}
.service_sidebar li.customize-it span {background-image: url(services/icons/customize.png);}
.service_sidebar li.cross-platform-compatibility span {background-image: url(services/icons/berry.png);}
.service_sidebar li.go-mobile span {background-image: url(services/icons/iphone.png);}
.service_sidebar li.custom-solutions span {background-image: url(services/icons/customize.png);}
.service_sidebar li.data-management span {background-image: url(services/icons/data.png);}
.service_sidebar li.web-applications span {background-image: url(services/icons/domain.png);}
.service_sidebar li.logo-design span {background-image: url(services/icons/custom.png);}
.service_sidebar li.business-cards span {background-image: url(services/icons/biz.png);}
.service_sidebar li.stationery span {background-image: url(services/icons/stationery.png);}
.service_sidebar li.facebook span {background-image: url(services/icons/facebook.png);}
.service_sidebar li.twitter span {background-image: url(services/icons/twitter.png);}
.service_sidebar li.youtube span {background-image: url(services/icons/youtube.png);}

/* GET A QUOTE */

.quote_info {float: left; width: 280px; padding-left: 5px; clear: both; font-weight: bold; font-size: 12px; color: white;}
.quote_info h1.entry-title {color: white; font-size: 20px; border: 0;}
.get_quote {float: right; width: 610px; clear: none; color: #4f4f50;}

.button {text-indent: -9999px; border: 0; background: none; padding: 0;}
.get_quote .button {position: absolute; right: 70px; bottom: 50px;}
.send {width: 205px; height: 40px; background: #edaa63 url(images/button_send.png) no-repeat left top;}

.note {font-size: 10px;}
.get_quote .note {position: absolute; right: 70px; bottom: 25px;letter-spacing: -1px;}

.entry-content p.form {margin-bottom: 25px; padding-left: 30px;}
p.input {float: left; padding-right: 30px; width: 205px;}

p.form label, .label {font-weight: bold; font-size: 14px;}
p.input input, .captcha input {width: 205px; height: 23px;}
p.form select {width: 250px; height: 20px; font-size: 11px;}
p.input label, p.textarea label, p.select label { display: block; margin-bottom: 10px;}
p.textarea textarea {width: 470px; height: 175px;}

p.captcha {position: relative;}
p.captcha label {line-height: 25px; float: left; margin-right: 20px;}
p.captcha input {position: absolute; right: 48px; top: 0;}

.entry-content p.radio {margin-bottom: 5px;}
.entry-content p.radio label {font-weight: normal;}
p.thankyou_message {font-weight: bold; font-size: 14px; height:450px;}
/* PRICING */

.pricing {margin-bottom: 40px; background: white url(images/pricing_bg.png) no-repeat left top; color: black;}
.pricing_footer {position: absolute; left: 0; bottom: -36px; width: 960px; height: 38px; color: white; font-size: 11px; background: transparent url(images/pricing__footer_bg.png) no-repeat left top; line-height: 45px; text-indent: 30px;}

.pricing .entry-content {padding-bottom: 15px;}
.pricing .price_button {position: relative; right: 6px;}
.offer {float: left; width: 250px; padding: 0 6px; background: transparent url(images/pricing_wd.jpg) no-repeat 10px 10px; margin-left: 57px; display: inline;}
#post-254 .offer { background: transparent url(/7/images/web_hosting_icon.png) no-repeat 10px 10px;}
#post-651 .offer { background: transparent url(/7/images/web_hosting_icon.png) no-repeat 10px 10px;}

.off_basic {margin: 0;}
.off_title {font-size: 22px; padding: 35px 0 45px 115px;}
.pricing .offer ul {color: #727272; margin-bottom: 15px;}
.pricing .offer li {border-top: 1px solid #d8d8d8; padding: 8px 0; font-size: 14px; letter-spacing: -.01em;}
.pricing .offer li.first {border: none;}
.pricing .offer li span {display: inline-block; width: 85px; padding-right: 22px; font-weight: bold; color: #3a709d; text-align: right;}

/* blog sidebar */
.blogsidebar {background-image: url(images/sidebar_bg.gif); background-repeat: repeat-y; background-position: right;}
.blogsidebar .entry-content {background-image: url(images/sidebar_entrybot_bg.png); padding-right: 0; margin-top: -10px;}
.blogsidebar .breadcrumbs {height: 45px; width: 270px; background: white;}
.blogsidebar .breadcrumbs ul {float: right;}
.blogsidebar .column_1 {padding-right: 35px;}
.blogsidebar .column_2 {border: 0; padding:0; margin:0; width:300px;}

div.widget-area { font-size:13px;}
div.widget-area h3 { background:black; color:white; padding:10px 0 10px 30px; font-size:18px;}
div.widget-area ul li ul { list-style-type:disc; margin-left:15px;}
div.widget-area li ul li { margin:0 30px; color:#373737; padding:7px 0;}
div.widget-area ul li ul { margin:15px 0 15px 15px;}
div.widget-area li a { color:black;}
div.widget-area li a:hover { text-decoration:underline;}

/* CONTACT */
.contact {color: #4f4f50;}
.contact .column_1 {padding-left: 10px; width: 585px; position: relative;}
.contact .entry-content .form {padding-left: 0; padding-right: 65px;}
.contact p.textarea textarea {width: 475px;}
.contact p.captcha input {position: relative; top: -5px; right: -10px; width: 135px;}
/*.submit {width: 124px; height: 48px; background: #edaa63 url(images/button_submit.png) no-repeat left top;}*/
.submit {width: 126px; height: 48px; background-attachment: fixed; background: white url(images/contact_submit_button.jpg) no-repeat left top; background-position:0 -48px;}
.submit:hover {background-position:0 0;}
.contact .submit {position: absolute; right: 132px; bottom: 10px;}

/* google map */
#google_map small {display: none;}
#google_map {margin-left: -8px; width: 240px; height: 196px; padding: 8px; background: gray url(images/map_bg.png) no-repeat left top;}

/* PORTFOLIO POPUP */

#resume {width: 653px; height: 452px; position: absolute; left: 123px; top: 0; font-size: 13px; z-index: 1000;}
#resume .background {background: transparent url(images/resume_bg.png) no-repeat left top; width: 570px; padding-left: 83px; height: 370px; padding-top: 82px;}

#resume {color: white;}
#resume a.close_button { color:white; margin:-35px 0 15px -31px; display:block; background: transparent url(images/x.png) top left no-repeat; width:16px; height:16px;}
#resume input {width: 157px; height: 27px; line-height: 27px;}
.resume_input {float: left; width: 250px;}
.resume_input label {float: left; width: 80px; padding-top: 5px;}
.resume_select {clear: left;}
.resume_select select {width: 165px; font-size: 11px; padding-top: 3px; padding-bottom: 3px;}
.resume_textarea textarea {width: 422px; height: 100px;}
.resume_textarea label {float: left; width: 65px;}
#resume input, #resume textarea {border: 1px solid #a3a3a3;}
#resume p {margin-bottom: 10px !important;}
#resume p.resume_textarea, p.resume_select, #resume p.clearfix {padding-top: 5px;}
.resume_send {width: 72px; height: 23px; background-image: url(images/button_resume_send.gif); float: right; display: inline; margin-right: 80px;}

/* ivan */
.column_1 { width:595px;float:left; font-size:14px; padding-right:25px; overflow:hidden; border-right:1px solid #d8d8d8;}
.blog .column_1 {border-right:0; margin-top:-50px;}
.column_1 h3 { font-size:16px; margin:30px 0 10px; color: #3a6988; font-weight:bold;}
.column_1 h3 img.alignright { padding-left:20px;}
.column_1 h3 img.alignleft { padding-right:20px;}
.column_1 p { line-height:1.2em; margin:0 0 20px 0 !important;}
.column_1 p.clients-bottom-text { font-size:11px; position:absolute; bottom:0; left:0;  width:595px; }
.column_2 { float:left; padding:0 0 20px 30px; margin:40px 0 0 0; width:245px;}

.column_2 div.line { border-bottom:1px solid #ccc; clear:both; margin:20px 0;}
.column_2 p.title { color:#6f91a8; font-weight:bold; margin:0 0 10px;}
.column_2 p.phone { display:block; font-size:32px; font-weight:bold; color:#535353; margin-top:-10px;}
.column_2 dl { width:280px; font-size:14px;}
.column_2 dt {color:#6f91a8; font-weight:bold; font-size:14px; float:left; width:70px; height:2em;}
.column_2 dd {margin:15px 0; }
/*
div.soc_buttons { margin:15px 0;}
div.soc_buttons a img { float:left;}
*/
div.soc_buttons {margin:15px 0;}
div.soc_buttons a { height:46px; background-attachment: fixed; float:left;}
div.soc_buttons a.twitter {background: transparent url(images/social_buttons_background.jpg) no-repeat top left; background-position:0 0; width:124px; }
div.soc_buttons a.facebook {background: transparent url(images/social_buttons_background.jpg) no-repeat top left; background-position:-124px 0; width:118px; }
div.soc_buttons a.twitter:hover {background-position:0 -46px;}
div.soc_buttons a.facebook:hover {background-position:-124px -46px;}

div.testemonial-box { width:576px; margin-bottom:20px; }
div.testemonial-top { background: white url(images/testemonial-bg-top.jpg) no-repeat top left; width:576px; height:15px; }
div.testemonial-text { background:#ededed; padding:0 15px 5px 25px; min-height:90px;}
div.testemonial-text h2 { margin:0; padding:0;}
div.testemonial-text h2 span { color:#993333; font-weight:normal; font-size:14px;}
div.testemonial-text p { font-size:13px; }
div.testemonial-text p a { color:black;}
div.testemonial-text p a:hover { text-decoration:underline;}
div.testemonial-bottom { background: white url(images/testemonial-bg-bottom.jpg) no-repeat top left; width:576px; height:38px; margin-top:-20px;}

div.column_1 h2.post-title {color: black; font-size: 29px; margin:0 0 10px 0; padding:0;}
div.column_1 h2.post-title a { color:black;}
div.column_1 h2.post-title a:hover { text-decoration:underline;}
div.column_1 p.post-meta { background:#ff7e02; color:white; font-size:12px; padding:4px; display:block;float:left; margin:0 0 15px 0;}
div.column_1 p.post-meta a { color:white;}
div.column_1 .addthis_toolbox {display:block;float:left;padding-left:10px;padding-top:3px;}

div.column_1 p.post-meta a:hover { text-decoration:underline;}
div.column_1 .read-more {margin-top:-10px; text-align:right;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #9f9f9f;}
div.column_1 .read-more a { color:black;}
div.column_1 .read-more a:hover { text-decoration:underline;}
div.column_1 .post blockquote {font-style: italic;}
div.column_1 .post a.more-link { display:none;}

#comments { border-top:1px solid #9f9f9f; margin-top:10px; padding-top:10px;}
#comments h3#comments-title { text-align:right; font-size:18px; color:black; margin-bottom:15px;}
#comments ol.commentlist li { margin-bottom:15px;}
#comments ol.commentlist li div.comment-author { float:left; text-align:right;}
#comments ol.commentlist li div.comment-author p { display:block; margin:10px 0; padding:0; font-size:12px;}
#comments ol.commentlist li div.comment-author p.time { font-size:10px;}
#comments ol.commentlist li div.comment-author a { color:black; text-decoration:none; font-size:12px;}
#comments ol.commentlist li div.comment-author a:hover { text-decoration:underline;}
#comments ol.commentlist li div.comment-body { border:1px solid #cfcfcf; margin-left:100px; min-height:120px; padding:10px; font-size:13px;}
#comments ol.commentlist li div.comment-body em.waiting-moderation { font-weight:bold; background:#FF7E02; color:white; padding:5px; margin-bottom:5px; display:inline-block;}
#respond { margin-left:100px;}
#respond h3#reply-title { color:black; font-size:16px; margin:10px 0 20px; font-weight:bold; }
#respond input.text { display:block; padding:10px;  margin:10px 0; border:1px solid #cfcfcf; width:473px; background: transparent url(images/comments-input-bg.jpg) top left repeat-x; height:17px;}
#respond textarea { display:block; padding:10px; height:120px; margin:10px 0; border:1px solid #cfcfcf; width:473px; background: transparent url(images/comments-textarea-bg.jpg) top left repeat-x;}
#respond input.comments-button { display:block; padding:10px;  margin:10px 0; border:1px solid #cfcfcf; background: transparent url(images/comments-input-bg.jpg) top left repeat-x; float:right; font-weight:bold;}

.company-portfolio table td a { padding-top:5px; color:black; display:block;}
.company-portfolio table td a:hover { text-decoration:underline;}
.company-portfolio { padding-bottom:60px !important;}
.company-portfolio div.bottom p{ font-size:11px; position:absolute; bottom:0; left:0; padding:20px 0;}
.company-portfolio table {margin-top: -18px;}
.company-portfolio table td { border-bottom:1px solid #d8d8d8; padding:20px 0 20px; font-size:13px; height:60px; vertical-align:absmiddle to vertical-align:middle;}
.company-portfolio table tr:hover { background:#f2f2f2;}
.company-portfolio table td img { margin:0 20px;}
.cmp-portfolio .entry-top { height:auto;}

.cmp-portfolio .entry-top { height:auto;}

/* ABOUT PAGE */
.post-139 h3, .about h3 { font-size:16px; margin:30px 0 10px; color: #3a6988; font-weight:bold; }
.post-139 p, .about p { font-size:13px; margin-bottom:50px;}
.post-139 img.alignright, .about img.alignright { padding-right:80px; padding-left:40px;}
.post-139 img.alignleft, .about img.alignleft { padding-right:60px; padding-left:60px;}
/*fix for search */
.search .post-139 p {margin-bottom: inherit; width: auto; font-size: inherit;}

/* CAREERS */
.careers .featured-image img { float:right;}
.careers .column_1  li { padding:3px 0;}
.careers .column_1 a#submit-resume { margin-top:30px; display:block;}
.careers .column_2 h3 { font-size:16px; position: relative; top: -10px; color: #3a6988; font-weight:bold; }
.careers .column_2 p.c-intro { font-size:14px; line-height:1.2em;}
.career p.c-intro { line-height:1.2em; margin:0 0 20px 0;}
.testemonials-top {  background:white url(images/testemonial_top.jpg) top left no-repeat; width:220px; height:19px; margin-top:25px;}
.testemonials-content {  background:#ededed; width:220px; margin:0 !important; }
.testemonials-content p { padding:20px 10px; font-size:13px; line-height:1.8em; color:#404040; margin:0 !important;}
.testemonials-bottom {  background:white url(images/testemonial_bottom.jpg) top left no-repeat; width:220px; height:33px; }
.testemonials_name {color:#404040; font-size:13px;}
.testemonials_title {color:#a9a6a6; font-size:13px;}

ul.form_errros { margin:5px 0 20px 30px;}
ul.form_errros li { color:red; font-weight:bold; font-size:12px; margin:3px 0;}
span#resume_upload_status { width:300px; padding-right: 10px; height:25px; line-height: 25px; display:inline-block; float: right; margin-right: 83px; color:black; text-align:right; background:white;}
#resume_ajax_loader { display:none;}
#resume_upload_status .success {padding-left: 10px; background: transparent url(images/upload_success.gif) no-repeat left center;}
.entry-content h2 {font-weight:bold; margin:10px 0;}
.entry-content p {margin: 5px 0;}


