/*
Theme name: MacKay Marketing
Description: Custom Theme
*/

/******* MacKay Marketing WordPress CSS *******/

/* Common elements styling */

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; } 

/******* /MacKay Marketing WordPress CSS *******/

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

html,
body { height: 100%; }

html { overflow-y: scroll; }

body { font-size: 12px; line-height: 1.6; font-family: Arial, sans-serif; color: #231f20; background: url(images/bg.jpg) repeat 0 0; min-width: 1008px; }

a { color: #d93843; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img { vertical-align: middle; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Roboto Slab', sans-serif; }

h1 { font-size: 26px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

input, 
textarea, 
select { 
	font-family: 'Roboto Slab', sans-serif;
	font-size: 14px;
    padding: 13px 0;
}
textarea { overflow: auto; resize: none; }

ul,
ol { list-style-position: inside; }

/* =====================================================
	#Common
====================================================== */

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.container { position: relative; min-height: 100%; width: 100%; }
.shell { width: 1000px; margin: 0 auto; }

a {
	-webkit-transition: opacity .2s;
	        transition: opacity .2s;
}

/* =====================================================
	#Home
====================================================== */

.home .header-bg { display: none; }
.home .footer-cols > img { display: none; }
.home .legal { background: url(images/transparent-dark.png) repeat 0 0; }
.home .nav { background-image: url(images/nav.png); text-shadow: 1px 1px 1px rgba(0, 0, 0, .75); }
.home .nav a { color: #fff; }
.home .nav .current-menu-item a { color: #ffde2d; }

/* =====================================================
	#Header
====================================================== */

.header { height: 135px; position: relative; z-index: 1; padding-bottom: 21px; }
.header-bg { height: 135px; position: absolute; top: 0; left: 0; right: 0; overflow: hidden; z-index: -1; }
.header-bg img { width: 100%; }

.logo { float: left; width: 223px; margin: 33px 0 -3px -4px; }
.logo a { display: block; background: url(images/logo.png) no-repeat 0 0; height: 102px; white-space: nowrap; text-indent: -4000px; overflow: hidden; }

.stamp { float: right; margin-bottom: -18px; }

/* =====================================================
    #Main
====================================================== */

.main { padding-bottom: 288px; }

/* nav */
.nav { background: url(images/nav-dark.png) repeat-y 0 0; width: 180px; font-family: 'Roboto Slab', sans-serif; font-weight: bold; font-size: 15px; padding: 12px 0 37px 19px; }
.nav ul { list-style: none outside none; }
.nav li { padding-bottom: 3px; }
.nav a { color: #231f20;
	-webkit-transition: color .2s;
	        transition: color .2s;
}
.nav a:hover { color: #d93843; text-decoration: none; }
.nav > ul > li.current-menu-item > a,
.nav > ul > li.current-menu-ancestor > a,
.nav > ul > li.current-menu-parent > a { color: #d93843; }
.nav .current-menu-item { font-weight: bold; }
.nav span { display: inline-block; width: 7px; padding-right: 3px; }
.nav li.open > ul { display: block; }

.nav ul ul { display: none; font-size: 13px; }
.nav ul ul li { padding-left: 15px; padding-top: 1px; }

.nav ul ul ul { font-weight: normal; padding-bottom: 9px; }
.nav ul ul ul li { padding: 3px 0 0; margin-left: -3px; }

.content { width: 775px; }

.breadcrumbs { float: right; font-size: 12px; font-family: 'Roboto Slab', sans-serif; padding-top: 25px; color: #d93843; }

/* article */
.entry-title,
.page-title { background: url(images/line.png) no-repeat 0 bottom; padding: 11px 0 14px; margin-bottom: 18px; }

.sidebar { width: 240px; padding-top: 7px; }
.sidebar ul { list-style: none outside none; }
.sidebar.right { margin-left: 30px; }
.sidebar.left { margin-right: 30px; }
.widget_photos .widget-title { background: url(images/line.png) no-repeat 0 bottom; font-size: 20px; line-height: 1.3; padding: 11px 0 24px; margin-bottom: 24px; }
.widget_photos .picture { text-align: right; }
.widget_photos .picture img { margin-right: 0px; }

.article h1 { padding-bottom: 15px; }
.article h2 { color: #d93843; padding-bottom: 4px; font-size:24px; }
.article h3 { font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 10px;
}
.article h4,
.article h5,
.article h6 { padding-bottom: 10px; }

.article p,
.article ul,
.article ol,
.article blockquote { padding-bottom: 10px; }

.article ul,
.article ol { list-style-position: outside; padding-left: 52px; }

.article ul ul,
.article ul ol,
.article ol ul,
.article ol ol { padding: 0 0 0 25px; }

.article .alignleft { margin: 0 30px 10px 0; }
.article .alignright { margin: 0 0 10px 30px; }

.article blockquote { border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019"; }
.article blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
.article blockquote p { display: inline; }

/* slider */
.slide {display: none;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.slider .slides {zoom: 1;}

.slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; list-style: none outside none; }
.slides { height: 100%; }
.slide { position: relative; height: 100%; }
.slide img { position: absolute; }

/* contact */
.map { width: 502px; height: 531px; padding-top: 5px; }
#map_canvas { width: 502px; height: 531px; }
input.wpcf7-submit{background: #d93843;border: none;width: 196px;font-size: 20px;color: #fff;font-weight: 400;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor:pointer;padding: 8px;
text-align:center;}
.contact-info { width: 240px; }

.office:first-child .contact-details { display: block; }

.office h2 { cursor: pointer;
    line-height: 20px;
    padding-bottom: 1px;
    padding-top: 10px;
}
.office h2:hover { text-decoration: underline; }
.contact-details { display: none; }
.contact-section { padding-bottom: 7px; }
.contact-section h4 ~ h4 { padding-top: 7px; }
.contact-section:first-child { padding-top: 10px; }
.contact-section table { border-collapse: collapse; }
.contact-section td { width: 100px; padding-right: 8px; }
.contact-section a { color: #231f20; }
.section-map { padding: 8px 0 0 4px; background: url(images/line.png) no-repeat 0 bottom; padding-bottom: 19px; margin-bottom: 9px; }
.section-map img { height: 149px; }

.marker { padding: 0 5px 10px; }
.marker h6 { font-family: Arial, sans-serif; color: #1155cc; font-size: 14px; }

/* =====================================================
	#Contact Us Form
====================================================== */
.contact #contactForm {position:relative;float: left;margin: 25px 0 0 0;}

/* =====================================================
	#Footer
====================================================== */

.footer { position: absolute; bottom: 0; left: 0; right: 0; }

.footer-cols { position: relative; height: 191px; overflow: hidden; color: #fff; }
.footer-cols > img { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
.footer-cols-inner { background: url(images/transparent.png) repeat 0 0; height: 141px; padding: 25px; }

.footer-col { float: left; background: url(images/nav.png) no-repeat 0 0; width: 297px; height: 117px; padding: 0 18px 25px; position: relative; }
.footer-col h5 { font-size: 25px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .75); }
.footer-col h5 a { color: #fff; }
.footer-col h5 a:hover { opacity: .5; filter: alpha(opacity=50); text-decoration: none; }
.footer-col .arrow-btn { position: absolute; bottom: 1px; left: 18px; }

.arrow-btn { display: block; background: url(images/arrow-btn.png) no-repeat 0 0; width: 20px; height: 19px; }
.arrow-btn:hover { opacity: .5; filter: alpha(opacity=50); }

.legal { background-color: #373737; color: #fff; font-size: 11px; padding: 19px 0 17px; }
.legal a { color: #fff; }
.legal span { padding: 0 15px; }

.post.entry { margin-bottom: 25px; }

/* =====================================================
	#Slider
====================================================== */