/*
Theme name: Test
Description: Custom Theme
*/

/******* Test WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Test WordPress CSS *******/

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

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

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

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 20px;
    font-family: Georgia, serif;
    color: #000;
    background: #fff;
    min-width: 1100px;
    text-shadow: 1px 1px 0px #ffffff; 
    overflow-y: scroll; 
}

a { color: #41aedd; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.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: 980px; margin: 0 auto; }

h1 { font-family: Georgia, serif; font-size: 10px; color: #342620; line-height: 31px; font-weight: normal; text-shadow: 1px 1px 0px #ffffff; }
h2 { font-family: Georgia, serif; font-size: 29px; color: #342620; line-height: 31px; font-weight: normal; text-shadow: 1px 1px 0px #ffffff; }
h3 { font-size: 24px; line-height: 26px; font-weight: normal; color: #000; text-shadow: 1px 1px 0px #ffffff; }
h4 { font-family: 'MyriadBold'; font-size: 16px; line-height: 17px; color: #3e2e28; font-weight: normal; }
h5 { font-family: Georgia, serif; font-size: 19px; line-height: 22px; color: #342620; font-weight: normal; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px; background: #eaeae1 url(images/wrapper.png) repeat-y center 40px; }
#wrap-shadow { width: 100%; background: url(images/wrap-shadow.png) no-repeat center 40px; }
#header-wrap { width: 980px; padding-top: 18px; background: #eaeae1; }
#header { padding: 0 19px 8px 30px; background: #ffffff url(images/header.png) no-repeat 0 0; }

#logo { display: inline; float: left; width: 247px; font-size: 0; line-height: 0; padding-top: 10px; }
#logo a { display: block; width: 247px; height: 66px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

#navigation { display: inline; float: right; }
#navigation ul li { list-style: none; height: 60px; float: left; display: inline; font-family: 'MyriadRoman'; font-size: 16px; line-height: 18px; margin-right: 1px; }
#navigation ul li a { padding-top: 36px; position: relative; height: 24px; color: #342620; float: left; padding-left: 11px; margin-right: 11px; background: url(images/nav-item.png) no-repeat 0 -4000px; }
#navigation ul li a span.right { position: absolute; display: block; height: 60px; top: 0; right: -11px; width: 11px; background: url(images/nav-item.png) no-repeat right -4000px; text-indent: -4000px;  }
#navigation ul li a span.arrow { position: absolute; display: block; width: 22px; height: 11px; top: 0; left: 50%; margin-left: -11px; background: url(images/nav-pointer.png) no-repeat 0 -4000px; text-indent: -4000px; }
#navigation ul li.current-menu-item a,
#navigation ul li.current-page-ancestor a { font-family: 'MyriadBold'; } 
#navigation ul li a:hover,
#navigation ul li.current-menu-item a,
#navigation ul li.current-page-ancestor a { background-position: 0 0; text-decoration: none; }
#navigation ul li a:hover span.right,
#navigation ul li.current-menu-item a span.right,
#navigation ul li.current-page-ancestor a span.right { background-position: right 0; }
#navigation ul li a:hover span.arrow,
#navigation ul li.current-menu-item a span.arrow,
#navigation ul li.current-page-ancestor a span.arrow { background-position: 0 0; }

#multimedia { position: relative; width: 920px; background: #fff; padding: 0 30px 24px; }

.video-post { position: absolute; z-index: 800; width: 420px; top: 13px; left: 553px; padding-top: 30px; }
.video-tabs { position: absolute; width: 420px; top: 0; left: 0; }
.video-tabs ul li { float: left; display: inline; list-style: none; font-family: 'MyriadBold'; font-size: 13px; margin-right: 1px; }
.video-tabs ul li a { position: relative; color: #fff; float: left; height: 30px; line-height: 30px; padding-left: 8px; margin-right: 8px; background: url(images/tab.png) no-repeat 0 0; text-shadow: 1px 1px 0px #000; } 
.video-tabs ul li a span { position: absolute; top: 0; right: -8px; width: 8px; height: 30px; background: url(images/tab.png) no-repeat right 0;   }
.video-tabs ul li a:hover,
.video-tabs ul li a.active { background-position: 0 -30px; text-decoration: none; }
.video-tabs ul li a:hover span,
.video-tabs ul li a.active span { background-position: right -30px; } 
.video-tabs li.last { margin-right: 0; }

#main-wrap { width: 100%; position: relative; background: #dfe8f4 url(images/main-wrap.png) repeat-x 0 0; }
#main {  position: relative; background: #fff; min-height: 734px; width: 980px; }

.content { padding: 30px; }
.content p { padding: 0 0 15px; }

.log-in { padding: 0 30px 3px; width: 920px; }
.log-in p { font-size: 19px; color: #fff; line-height: 45px; text-shadow: 1px 1px 0px #000000; }
.log-buttons { padding-top: 10px; float: right; display: inline; }
.log-buttons .button-2 { margin-left: 14px; }

a.button-1 { font-family: 'MyriadBold'; font-size: 15px; color: #fff; text-shadow: 1px 1px 0px #000; }
a.button-1 { float: left; position: relative; height: 30px; line-height: 30px; padding-left: 13px; margin: 0 13px 0 0; background: url(images/button-1.png) no-repeat 0 0; }
a.button-1 span { position: absolute; display: block; width: 13px; height: 30px; top: 0; right: -13px; background: url(images/button-1.png) no-repeat right 0; }
a.button-1:hover { background-position: 0 -30px; text-decoration: none; }
a.button-1:hover span { background-position: right -30px; }


a.button-2 { font-family: 'MyriadBold'; font-size: 15px; color: #fff; text-shadow: 1px 1px 0px #000; }
a.button-2 { float: left; position: relative; height: 30px; line-height: 30px; padding-left: 13px; margin: 0 13px 0 0; background: url(images/button-2.png) no-repeat 0 0; }
a.button-2 span { position: absolute; display: block; width: 13px; height: 30px; top: 0; right: -13px; background: url(images/button-2.png) no-repeat right 0; }
a.button-2:hover { background-position: 0 -30px; text-decoration: none; }
a.button-2:hover span { background-position: right -30px; }

.columns { padding: 25px 0 23px 30px; width: 980px; }
.columns .last { margin-right: 0; width: 260px; }
.col { display: inline; float: left; width: 275px; margin-right: 60px; }
.col h2 { position: relative; width: 100%; background: url(images/border.png) repeat-x 0 bottom; padding-bottom: 9px; margin-bottom: 8px; }
.col h2 span.new { position: absolute; top: 3px; left: -35px; display: block; width: 23px; height: 21px; background: url(images/new.png) no-repeat 0 0; }
.col h2 span.updates { position: absolute; top: 0; left: -29px; display: block; width: 25px; height: 24px; background: url(images/updates.png) no-repeat 0 0; }
.col h2 span.clients { position: absolute; top: 6px; left: -32px; display: block; width: 28px; height: 17px; background: url(images/clients.png) no-repeat 0 0; }
.col h2 { font-size: 24px; line-height: 26px; font-weight: normal; color: #000; text-shadow: 1px 1px 0px #ffffff; }
.col h3 { font-family: 'MyriadBold'; font-size: 16px; line-height: 17px; color: #3e2e28; font-weight: normal; }

.image-area { padding-top: 10px; }
.row { padding-bottom: 16px; }

.page-head { background: url(images/page-head.png) no-repeat 0 0; padding-left: 31px; }
.page-head h2 { line-height: 58px; }

.sub-nav { width: 950px; background: url(images/sub-nav.png) repeat-x 0 0; padding: 9px 0 0 30px;  }
.sub-nav ul li { float: left; display: inline; list-style: none; font-family: 'MyriadBold'; font-size: 15px; margin-right: 5px; text-shadow: 1px 1px 0px #000; filter: dropshadow(color=#000, offx=1, offy=1); }
.sub-nav ul li a { position: relative; color: #fff; float: left; height: 30px; line-height: 30px; padding-left: 14px; padding-right: 6px; margin-right: 8px; background: url(images/sub-nav-item.png) no-repeat 0 0;  }
.sub-nav ul li a span { position: absolute; top: 0; right: -8px; width: 8px; height: 30px; background: url(images/sub-nav-item.png) no-repeat right 0; }
.sub-nav ul li a:hover,
.sub-nav ul li a.active { background-position: 0 -30px; text-decoration: none; }
.sub-nav ul li a:hover span,
.sub-nav ul li a.active span { background-position: right -30px; }

.video-nav { background: url(images/video-nav.png) repeat-x 0 0; padding: 9px 28px 0 32px; }
.video-nav ul li { float: left; display: inline; list-style: none; font-family: 'MyriadBold'; font-size: 17px; margin-right: 4px; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); }
.video-nav ul li a { text-align: center; position: relative; color: #fff; float: left; height: 72px; line-height: 16px; padding-left: 23px; margin-right: 23px; background: url(images/video-nav-item.png) no-repeat 0 0; padding-top: 9px;  width: 180px; }
.video-nav ul li a span { display: block; font-family: 'MyriadRoman'; font-size: 15px; text-align: center; }
.video-nav ul li a span.right { position: absolute; top: 0; right: -23px; width: 23px; height: 81px; background: url(images/video-nav-item.png) no-repeat right 0; }
.video-nav ul li a span.time { position: absolute; bottom: 6px; left: 50%; }
.video-nav ul li a:hover,
.video-nav ul li a.active { background-position: 0 -81px; text-decoration: none; }
.video-nav ul li a:hover span.right,
.video-nav ul li a.active span.right { background-position: right -81px; }

.thumbnails { position: relative; width: 980px; bottom: 0; background: #dfe8f4; padding: 18px 0 16px; text-align: center; }
.thumbnails h4 { text-align: center; text-shadow: 1px 1px 0px #ffffff; padding-bottom: 11px; }
.thumbnails a { margin-right: 10px; }
.thumbnails a img { border: solid 1px #c0cee1; }

.video-area { background: #dfe8f4 url(images/video-area.png) no-repeat center 24px; padding: 24px 90px 9px; position:relative; height: 600px; }

#footer-push { height: 160px; }
#footer { padding: 33px 0 0 0; height: 127px; background: #fefefe url(images/footer.png) no-repeat center 0; }
#footer p,
#footer_nav { padding-left: 28px; font-family: Arial, serif; color: #000; font-size: 12px; }
#footer p a,
#footer_nav a { color: #000; }
#footer_nav li { list-style: none; display:inline; }
#footer_nav li+li { margin-left: 12px; padding-left: 15px; border-left: 1px solid #91a3ba; }
#footer p span { padding: 0 14px; }
#footer h5 { padding: 0 0 24px 28px; }
.footer-buttons { display: inline; float: right; padding-right: 31px; padding-top: 2px; }
.footer-buttons ul li { list-style: none; display: inline; float: left; font-family: 'MyriadRoman'; font-size: 11px; line-height: 26px; margin-left: 6px; }
.footer-buttons ul li a { position: relative; color: #000; height: 25px; float: left; padding-left: 10px; margin-right: 10px; background: url(images/footer-button.png) no-repeat 0 0; }
.footer-buttons ul li a span { position: absolute; top: 0; right: -10px; display: block; width: 10px; height: 25px; background: url(images/footer-button.png) no-repeat right 0; }
.footer-buttons ul li a:hover { text-decoration: none; background-position: 0 -25px; color: #fff; }
.footer-buttons ul li a:hover span { background-position: right -25px; }

body.home { background: #dfe8f4 url(images/home-wrap.png) repeat-x 0 0;  }
body.home #wrapper { background: url(images/wrapper.png) no-repeat center 40px; }
body.home #main { min-height: 0; background: none; }

.flexslider .slides { position:relative; }
.flexslider .slides .mask { position:absolute; background: url(images/mask.png) 0 0 no-repeat; top: 0; left: 400px; width: 230px; height: 334px; z-index: 111; }

.video_container,
.small_video_container { display:none; }

.small_video_container { position:absolute; left: 0; top: 30px; }
.small_video_container img { width: 407px; height: 277px; }

.small_video_container .overlay { position:absolute; top: 0; left: 0; }

.footer-buttons a:hover { text-shadow: 1px 1px 0px #000; }

.content ul,
.content ol { padding-bottom: 15px; margin-top: -8px; margin-left: 20px; }
.content ul ul,
.content ul ol,
.content ol ol,
.content ol ul {padding-top: 10px; padding-bottom: 0; margin-top: 0;}

.content li { line-height: 17px; padding-bottom: 5px; }

.content td { padding: 5px; }

.content h1 { letter-spacing: 0px; padding-bottom: 20px; }
.content h2 { letter-spacing: 0px; padding-bottom: 16px; }
.content h3 { letter-spacing: 0px; padding-bottom: 13px; }
.content h4 { padding-bottom: 10px; }
.content h5 { letter-spacing: 0px; padding-bottom: 10px; font-family: 'MyriadBold'; }
.content h6 { padding-bottom: 6px; }

.general-content {padding: 0 0 27px; margin: 27px 30px 2px; color: #000; background: url(images/border.png) repeat-x 0 bottom; }
.general-content h1 {font-size:24px; line-height:1.2; color: #000; }
.general-content p {padding-bottom: 0;}
.general-content .left-column {float:left; display:inline;width: 364px;}
.general-content .right-column {float:right; display:inline; width: 525px;}