/*
Theme name: Verian
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

@font-face {
	font-family: 'MyriadProRegular';
	src: url('font-face/myriadpro-regular-webfont.eot');
	src: url('font-face/myriadpro-regular-webfont.eot?iefix') format('eot'),
		 url('font-face/myriadpro-regular-webfont.woff') format('woff'),
		 url('font-face/myriadpro-regular-webfont.ttf') format('truetype'),
		 url('font-face/myriadpro-regular-webfont.svg#webfontFff6Qn9z') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'MyriadProItalic';
    src: url('font-face/myriadpro-it-webfont.eot');
    src: url('font-face/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/myriadpro-it-webfont.woff') format('woff'),
         url('font-face/myriadpro-it-webfont.ttf') format('truetype'),
         url('font-face/myriadpro-it-webfont.svg#MyriadProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBold';
    src: url('font-face/myriadpro-bold-webfont.eot');
    src: url('font-face/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/myriadpro-bold-webfont.woff') format('woff'),
         url('font-face/myriadpro-bold-webfont.ttf') format('truetype'),
         url('font-face/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProSemibold';
    src: url('font-face/myriadpro-semibold-webfont.eot');
    src: url('font-face/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/myriadpro-semibold-webfont.woff') format('woff'),
         url('font-face/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('font-face/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('font-face/myriadpro-boldit-webfont.eot');
    src: url('font-face/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/myriadpro-boldit-webfont.woff') format('woff'),
         url('font-face/myriadpro-boldit-webfont.ttf') format('truetype'),
         url('font-face/myriadpro-boldit-webfont.svg#MyriadProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Frutiger67CondensedBold';
    src: url('font-face/frutiger-boldcn-webfont.eot');
    src: url('font-face/frutiger-boldcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/frutiger-boldcn-webfont.woff') format('woff'),
         url('font-face/frutiger-boldcn-webfont.ttf') format('truetype'),
         url('font-face/frutiger-boldcn-webfont.svg#Frutiger67CondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger77BlackCondensedRg';
    src: url('font-face/frutiger-blackcn-webfont.eot');
    src: url('font-face/frutiger-blackcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/frutiger-blackcn-webfont.woff') format('woff'),
         url('font-face/frutiger-blackcn-webfont.ttf') format('truetype'),
         url('font-face/frutiger-blackcn-webfont.svg#Frutiger77BlackCondensedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 13px;
    line-height: 1.2;
    font-family: 'MyriadProRegular', Arial, Helvetica, Sans-Serif;
    color: #333333;
    background: #a2a1a1;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

ul { list-style-type: none; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 970px; margin: 0 auto; }

#header { padding: 4px 0 6px; position: relative ; z-index: 20; }

.container-top { background: url(images/top.png) no-repeat 0 0 ; height: 10px; }
.container-inner { background: url(images/inner.png) repeat-y 0 0 ; padding: 0 20px 0 21px; }
.container-bottom { background: url(images/bottom.png) no-repeat 0 0 ; height: 10px; }

#main .container-top { background-image: url(images/main-container-top.png) ; }
#main .container-inner { background-image: url(images/main-container-inner.png) ; }
#main .container-bottom { background-image: url(images/main-container-bottom.png) ; }

#main.home .container-top { background-image: url(images/top.png) ; }
#main.home .container-inner { background-image: url(images/inner.png) ; }
#main.home .container-bottom { background-image: url(images/bottom.png) ; }

h1#logo { width: 130px; height: 58px; float: left; display: inline; padding: 10px 0 17px; }
h1#logo a { width: 130px; height: 58px; display: block; background: url(images/logo.jpg) no-repeat 0 0 ; font-size: 0; line-height: 0; text-indent: -4000px; }

.phone { font-size: 19px; color: #005dab; font-family: 'MyriadProBold', sans-serif; float: right; display: inline; padding-top: 26px; }

#navigation { background: url(images/nav.png) no-repeat 0 0 ; width: 100%; height: 33px; font-size: 15px; line-height: 33px; }
#navigation ul { list-style-type: none; }
#navigation ul li { float: left; display: inline; padding: 0 24px; background: url(images/nav-li.png) no-repeat right 0 ; position: relative; }
#navigation ul li.last { background: transparent; padding-right: 0; }
#navigation ul li.has-dd > a {cursor: text; text-decoration: none !important;}
#navigation ul li a { color: #fff; text-transform: uppercase}
#navigation ul li a:hover {  }

#navigation ul li ul { position: absolute ;  top: 33px; left: 0; font-size: 14px; line-height: 24px; background: #005dab; display: none;}
#navigation ul li ul li { background: url(images/dd-li.png) repeat-x center bottom ; float: none; display: block; padding: 4px 12px; float: left; display: inline; line-height: 16px;}
#navigation ul li ul li a { text-transform: none;}

#navigation ul li ul li.active,
#navigation ul li ul li.active a,
#navigation ul li ul li a:hover { background: #8dc63f; color: #000; display: block; text-decoration: none; } 

#main { padding-bottom: 10px; position: relative ; z-index: 10; }

.content-area { background: url(images/content-area.png) no-repeat 0 0; height: 35px; padding: 15px 16px 0; color: #c0c0c0; margin-bottom: 10px; }
.content-area a { font-family: 'MyriadProBold', sans-serif; color: #fff; }
.content-area .rss { float: left; display: inline;  padding-right: 15px;}
.content-area .news { padding-top: 1px; float: left; display: inline;}
.content-area .news p,
.content-area .news span {float: left; display: inline;}
.content-area .news-fader { position: relative; width: 780px; margin-left: 7px;}
.content-area .news a {position: absolute; top: 0; left: 0;}

.content-area .social { float: right; display: inline;  }
.content-area .social ul { float: right; display: inline; }
.content-area .social ul li { float: left; display: inline; padding-right: 5px; line-height: 20px; }

.banners { background: url(images/banners.jpg) no-repeat 0 0 ; padding: 12px 12px 0 15px; height: 63px; margin-bottom: 26px; }
.banners ul li { float: left; display: inline; padding: 12px 15px 0 0; }

.client-stories { float: right; display: inline; width: 151px; height: 35px; display: block; background: url(images/client-stories.png) no-repeat 0 0 ; margin-top: 8px; }

h3 { font-size: 18px; color: #8dc63f; font-weight: normal; font-family: 'MyriadProBold', sans-serif; }
.article h3 {font-size: 20px;margin-bottom:10px;}
h5 { font-size:  13px; color: #005dab; font-weight: normal; font-family: 'MyriadProBold', sans-serif; }

.col { float: left; display: inline; }
.col-1 { width: 188px; border-right: 1px solid #918f8f; }
.col-1 h3 { font-family: 'MyriadProRegular', sans-serif; padding-bottom: 7px; }
.col-1 .box-row { width: 143px; background: #faa32a; padding: 10px 0 0; font-size: 12px; position: relative ; margin-bottom: 10px; }
.col-1 .box-row h6 { font-size: 12px; font-weight: normal; font-family: 'Frutiger77BlackCondensedRg', sans-serif; text-transform: uppercase; padding: 0 10px 2px; }
.col-1 .box-row-2 { background: #8dc63f; }
.col-1 .box-row-3 { background: #54bfe7; }
.col-1 .box-row ul { padding: 0 10px 10px; }
.col-1 .box-row ul li { padding-left: 8px; background: url(images/row-box-li.png) no-repeat 3px 7px ; }
.col-1 .box-row .text { min-height: 100px; }
.col-1 .corners span { position: absolute ; display: block; height: 3px; width: 100%; left: 0; }
.col-1 .corners-top { background: url(images/corners-top.png) no-repeat 0 0 ; top: 0; }
.col-1 .corners-bottom { background: url(images/corners-bottom.png) no-repeat 0 0 ; bottom: 0; }
.col-1 a.button { display: block; line-height: 30px; background: url(images/row-box-button.png) ; text-transform: uppercase; color: #fff; font-size: 15px; font-family: 'Frutiger67CondensedBold', sans-serif; padding: 0 0 0 20px; width: auto; margin: 0;}
.col-1 a.button:hover { text-decoration: none; color: #9e9e9f; }
.col-1 a.button img { vertical-align: middle; margin-left: 4px; }

.col-2 { width: 405px; padding-left: 23px; }
.col-2 h3 { padding-bottom: 16px; }
.col-2 p { padding-bottom: 16px; }
.col-2 .make-your-choices { display: block; width: 167px; height: 31px; background: url(images/make-your-choices.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 15px; }
.col-3 { float: right; display: inline; width: 272px; }
.col-3 h3 { padding-bottom: 24px; }
.col-3 a { display: block; height: 70px; margin-bottom: 23px; }
.col-3 a:hover { text-decoration: none; }
.col-3 a img { float: left; display: inline;  margin-right: 14px; }
.col-3 a span { float: left; display: inline; padding-top: 18px; }

#footer { background: #d7d7d7; padding: 10px 0 20px; color: #9d9d9d; }

#footer .nav { float: left; display: inline;  }
#footer ul { color: #000; padding: 0 7px 11px; }
#footer ul li { float: left; display: inline; line-height: 14px; font-size: 13px; padding: 0 4px; border-right: 1px solid #000; }
#footer ul li a { color: #000; }
#footer ul li.last { padding-right: 0; border: 0; }
#footer ul li.copyright { font-family: 'MyriadProItalic', sans-serif; }
#footer .text { width: 608px; }
#footer p { padding: 0 11px; }
#footer a { color: #9d9d9d; }

#content { float: left; display: inline; width: 672px; }
#sidebar { float: right; display: inline; width: 190px; padding: 30px 13px 40px 0; }

.breadcrumb { font-size: 14px; font-family: Arial, sans-serif; font-family: 'MyriadProBold', sans-serif; padding-bottom: 20px; }
.breadcrumb ul li { float: left; display: inline; padding: 0 14px 0 0; background: url(images/breadcrumb-li.png) no-repeat right 5px ; margin-right: 3px; }
.breadcrumb ul li.last { padding: 0; margin: 0; background: transparent; }
.breadcrumb ul li a { color: #004684;  }

h2.blog { background: url(images/h2.jpg) no-repeat 0 0 ; height: 119px; padding: 0 22px; font-size: 0; line-height: 0; text-indent: -4000px; }

.slider { padding-bottom: 10px; }


.box { background: #fff url(images/box-top.png) no-repeat 0 0 ; margin-bottom: 40px; }
.box .box-bottom { background: url(images/box-bottom.png) no-repeat 0 bottom ; padding: 11px 10px 10px; }
.box h2 { padding-bottom: 14px; }
h2 { font-size: 24px; font-family: 'MyriadProBold', sans-serif; font-weight: normal; color: #005dab; padding: 0; position: relative ; }
h2 .icon { position: absolute ; top: 2px; right: 8px; }

.blog-sidebar .subscribe-widget { background: transparent !important; width: auto !important;}
.blog-sidebar .subscribe-widget .widget-bottom {background: transparent !important; padding: 0 !important}
.blog-sidebar .subscribe-widget form { padding: 0 0 28px 9px;}
.blog-sidebar .subscribe-widget label { font-size: 14px; font-family: 'MyriadProBold', sans-serif; color: #005dab; display: block; padding-bottom: 4px; }
.blog-sidebar .subscribe-widget .field { width: 110px; padding: 1px 5px; border: 1px solid #000; float: left; display: inline; margin-right: 5px; }
.blog-sidebar .subscribe-widget .button { width: 34px; height: 17px; background: url(images/email-button.png) no-repeat 0 0 ; border: 0; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; float: left; display: inline; margin: 0;}

.blog-sidebar .widget { background: #dcddde url(images/post-top.png) no-repeat 0 0 ; width: 167px; }
.blog-sidebar .widget h3 { color: #000; padding-bottom: 6px; }
.blog-sidebar .widget .widget-bottom { background: url(images/post-bottom.png) no-repeat 0 bottom ; padding: 8px 7px 0; }
.blog-sidebar .widget li { background: url(images/post-li.png) no-repeat 0 7px ; padding: 0 0 7px 6px; }

.social { position: absolute ; color: #ccc; position: absolute ; bottom: 22px; right: 17px; }
.social ul { float: right; display: inline; }
.social ul li { float: left; display: inline; padding-right: 5px; line-height: 20px; }

.article .date { color: #666; padding-bottom: 22px; }
.article .date a { color: #666; }
.article .date a.comments-link { color: #0252aa; }
.article h4 { font-size: 14px; font-family: 'MyriadProBold', sans-serif; color: #005dab; padding-bottom: 10px; }
.article  p { padding-bottom: 10px; }
.article .link { float: left; display: inline; }
.article .like { float: right; display: inline; }
.article ul { padding-bottom: 20px; }
.article ul li { background: url(images/article-li.png) no-repeat 0 6px ; padding: 0 0 3px 7px; }

.share { padding: 28px 46px 0 0; height: 100%; }
.share ul { float: right; display: inline; padding-bottom: 10px; }
.share ul li { float: left; display: inline; color: #666; padding-left: 7px; }

.articles { padding: 37px 0 0 0; }
.articles .article { padding-bottom: 53px; }
.articles .article h3 { padding-bottom: 22px; }
.articles .article h3 a {color: #8dc63f}
.articles .article h4 { padding: 0; }
.articles .last { padding-bottom: 0; }

.article .right-box { width: 208px; float: right; display: inline; margin-left: 16px; }
.article .article-box { border-top: 1px solid #b5d1d9;  border-bottom: 1px solid #b5d1d9; background: #f1f8e8; padding: 5px 11px 5px; }
.article .right-box h3 { color: #005dab; padding-bottom: 13px; }
.article .right-box p { padding-bottom: 14px; }
.article .article-box ul li { background-image: url(images/article-box-li.png); }

.button { background: url(images/button.jpg) no-repeat 0 0 ; display: block; width: 170px; height: 30px; padding: 0 10px; line-height: 30px; color: #fff; font-family: 'Frutiger67CondensedBold', sans-serif; margin: 17px 4px 10px; text-transform: uppercase; }

.article h4.first { padding: 0; }
.article h5 { padding: 0; color: #8dc63f; }
.article .box { float: right; display: inline; width: 260px;   background: transparent; position: relative ; margin: -10px 0 0 53px; } 
.article .box .article-box { padding: 12px 0 12px 60px; font-size: 12px; font-family: 'MyriadProBold', sans-serif; position: relative ; }
.article .box .article-box p { padding: 0; }
.article .box .article-box .title { color: #68a13b; padding-bottom: 18px; }
.article .box .article-box .row  { padding-bottom: 4px; }
.article .box .article-box .row .row-title { float: left; display: inline; width: 134px; color: #005dab; font-family: 'MyriadProBold', sans-serif; }
.article .box .article-box .icon { position: absolute ; top: 15px; left: 5px; }

.page-sidebar .box-bottom { padding-left: 6px; padding-right: 6px; }
.page-sidebar h3 { color: #005dab; padding: 0 4px; }
.page-sidebar .widget_nav_menu ul { padding-top: 10px; }
.page-sidebar .widget_nav_menu ul li { padding-bottom: 10px; } 
.page-sidebar .widget_nav_menu ul li a { display: block; width: 178px; height: 38px; line-height: 38px; font-size: 16px; font-family: 'Arial', 'Helvetica', sans-serif; text-align: center; color: #fff;}
.page-sidebar .widget_nav_menu ul li a:hover { text-decoration: none; }
.page-sidebar .yellow { background: url(images/button-1.png) no-repeat 0 0 ; }
.page-sidebar .orange { background: url(images/button-2.png) no-repeat 0 0 ; }
.page-sidebar .green { background: url(images/button-3.png) no-repeat 0 0 ; }
.page-sidebar .blue { background: url(images/button-4.png) no-repeat 0 0 ; }
.page-sidebar .lime { background: url(images/button-5.png) no-repeat 0 0 ; }

.widget_text,
.widget_text .box-bottom {background: transparent; padding: 0; }

.banner { padding-bottom: 50px; }

.testimonials { color: #fff; }
.testimonials p.title { padding-bottom: 20px; font-family: 'MyriadProBoldItalic', sans-serif; }
.testimonials p { padding-bottom: 20px; }
.testimonials p.name { padding: 0; font-family: 'MyriadProBold', sans-serif; }

.blog-pagination {padding: 30px 0 0;}

.comments-list {padding-top: 20px;}
.comments-list .comment {padding: 10px 0 0 0; }
.comments-list .comment .comment-inner {}
.comments-list .comment .comment-inner h5 { font-size: 14px; }
.comments-list .comment .comment-inner .date {  font-style: italic; padding: 5px 0; }
.comments-list .comment .comment-reply-link {float: right;}
.comments-list .comment .comment { padding-left: 40px; }

#respond {clear: both; overflow: hidden; margin: 20px 0;}
#respond h3 {padding-bottom: 10px;}
#respond .field-row {clear: both; overflow: hidden; padding-bottom: 12px;}
#respond label { float: left; display: inline; width: 90px; padding-top: 2px; }
#respond input.field,
#respond textarea.field { background: #fff; font-size: 12px; color: #000; border: 1px solid #999; height: 20px; padding: 2px 5px; width: 280px; }
#respond textarea.field { height: 190px; resize: none; }
#respond #submit { cursor: pointer; float: left; margin-left: 90px; }
#respond .submit-btn { margin-top: 0; }
#respond .logged-in-as {padding-bottom: 15px;}
#respond #cancel-comment-reply-link {font-size: 16px; padding-left: 30px;}

#slideshow { background: url(images/bg-slideshow.png) -1px 0 no-repeat; width: 929px; height: 225px; position: relative; font-family: 'MyriadProRegular' !important; }
#slideshow h2 { font-weight: normal; font-family: 'MyriadProRegular' !important; }
#slideshow ul { list-style: none; }
#slideshow li { width: 929px; height: 225px; float: left; position: relative; overflow: hidden; }
#slideshow .container { width: 929px; height: 225px; position: relative; z-index: 1; }
#slideshow .container .jcarousel-clip { width: 929px; height: 225px; position: relative; overflow: hidden; z-index: 2; }
#slideshow .container .jcarousel-prev { background: url(images/slider-arrows.png) 0 0 no-repeat; width: 19px; height: 34px; cursor: pointer; position: absolute; top: 96px; left: 9px; z-index: 5; }
#slideshow .container .jcarousel-next { background: url(images/slider-arrows.png) 100% 0 no-repeat; width: 19px; height: 34px; cursor: pointer; position: absolute; top: 96px; right: 9px; z-index: 5; }
#slideshow .container .jcarousel-prev-disabled,
#slideshow .container .jcarousel-next-disabled { display: none !important; }
#slideshow .line { width: 1px; height: 166px; position: absolute; top: 30px; left: 464px; background: #005dab; display: none; }
#slideshow .dots { width: 120px; height: 12px; position: absolute; bottom: 12px; left: 11px; z-index: 2; }
#slideshow .dots a { background: url(images/slider-circ.png); width: 13px; height: 12px; float: left; margin: 0 5px 0 0; }
#slideshow .dots a:hover,
#slideshow .dots a.current { background-position: 0 -12px; }

.slide1 { }
.slide1 h2 { font-size: 55px; line-height: 1.1; color: #fff; text-align: right; width: 446px; position: absolute; top: 23px; left: -550px; letter-spacing: -1px; }
.slide1 .man { width: 126px; position: absolute; top: 17px; right: 275px; z-index: 2; display: none; }
.slide1 .laptop { width: 217px; position: absolute; top: 32px; right: -300px; }

.slide2 { }
.slide2 h2 { font-size: 60px; line-height: 1.2; color: #fff; text-align: right; width: 432px; position: absolute; top: 80px; left: -432px; z-index: 5; letter-spacing: -1px; }
.slide2 .graphic { background: url(images/chart-bg.png); width: 401px; height: 166px; position: absolute; top: 30px; left: 62px; border-left: 1px solid #005dab; display: none;  }
.slide2 .chart { position: absolute; top: 21px; left: 26px; overflow: hidden; width: 0; height: 140px; }
.slide2 p { font-size: 22px; line-height: 34px; width: 442px; color: #fff; position: absolute; right: -442px; }
.slide2 p.first { top: 56px; }
.slide2 p.second { top: 90px; }
.slide2 p.third { top: 124px; }

.slide3 h2 { font-size: 60px; line-height: 1.2; color: #fff; text-align: right; width: 446px; position: absolute; top: 80px; left: -446px; }
#slideshow .slide3 .line { height: 203px; top: 12px; }
.slide3 .row1,
.slide3 .row2,
.slide3 .row3 { width: 446px; position: absolute; left: 0; }
.slide3 .row1 { top: 76px; }
.slide3 .row2 { top: 122px; }
.slide3 .row3 { top: 172px; }
.slide3 p { font-size: 22px; line-height: 40px; width: 448px; color: #fff; position: absolute; right: -448px; }
.slide3 p.first { top: 75px; }
.slide3 p.second { top: 122px; }
.slide3 p.third { top: 172px; }
.slide3 .chip1,
.slide3 .chip2,
.slide3 .chip3,
.slide3 .chip4,
.slide3 .chip5 { width: 37px; height: 37px; position: absolute; top: 0; left: -37px; }
.slide3 .setup1,
.slide3 .setup2,
.slide3 .setup3 { width: 37px; position: absolute; top: 0; left: -37px }
.slide3 .setup3 { top: -3px; }
.slide3 .choices1,
.slide3 .choices2,
.slide3 .choices3 { width: 37px; position: absolute; top: 0; left: -46px; }
.slide3 .choices1 { top: -4px; }
.slide3 .choices3 { width: 46px; top: 4px; }

.slide4 h2 { font-size: 60px; line-height: 1.2; color: #fff; text-align: center; width: 929px; position: absolute; top: 80px; left: -929px; }
.slide4 .button { background: url(images/btn-getstarted.png); width: 126px; height: 34px; position: absolute; bottom: -54px; left: 402px; padding: 0 !important}
.slide4 .tape { width: 881px; height: 91px; position: absolute; top: 68px; right: -881px; }

.boxes {clear: both; overflow: hidden;}
.boxes .col { float:left; display:inline; width:48%; }
.boxes .right-box { float:right; display:inline; width:48%; }

#blog-heading {background: url(images/verianblog.jpg) no-repeat 0 0;}
#news-heading {background: url(images/veriannews.jpg) no-repeat 0 0;}
#sm-heading {background: url(images/verianspendmatters.jpg) no-repeat 0 0;}
hr {margin-bottom:10px;clear:both;}

.articles .post h3 a {color:#0252aa;}