/*
Theme Name: Pad Creative
Theme URI: http://www.padcreative.co.uk/
Description: Pad Creative theme for WordPress.
Author: Pad Creative Ltd
Version: 1.0
*/

/*
                                   .MMM
                                   .MMM
                                   .MMM
                                   .MMM
  ,MMMMMMMM .  MMMMMMMMM    MMMMMMMMMMM
 MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM
MMMM    .8MMMMMMM    .MMMMMMM?    .MMMM
MMM      .MMMMMM      .MMMMMM.     ~MMM
MMM.      MMMMMM.      MMMMMM.    .7MMM.
MMMM.   .MMMMMMMM    .MMMMMMMM.  .+MMMM.
MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM.
MMM
MMM
MMM               Pad Creative - design
MMM               www.padcreative.co.uk

*/


/* 
	Reset CSS Styles 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

fieldset { border-style: hidden; border-width: 0; }

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong { font-weight: bold; }
em { font-style: italic; }

* { margin:0; padding:0; } 

body { color: #707070; /* was 808080 */ font-size: 62.5%; font-family: "proxima-nova", Helvetica, Arial, SunSans-Regular, sans-serif; line-height: 150%; background-color: #eaefdc; background-color: #eaebde; text-align: center; margin: 0; padding: 0; }

h1 { font-size: 2.5em; font-weight: normal; line-height: 1.2em; margin: 0 0 10px; } 
h2 { font-size: 2.2em; font-weight: bold; line-height: 1.2em; margin: 20px 0 10px; color: #f15d61; } 
h3 { font-size: 1.7em;   font-weight: bold;   line-height: 1.2em; margin: 15px 0 0px; color: #2C9BBB; } 
h4 { font-size: 2em;   font-weight: normal; line-height: 1.2em; margin: 20px 0 3px;  color: #8fc73e; } 
h5 { font-size: 1.4em; font-weight: bold;   line-height: 1.3em; margin: 20px 0 3px;  color: #00579d; text-transform: uppercase; } 
h6 { font-size: 1.4em; font-weight: bold;   line-height: 1.3em; margin: 20px 0 3px;  color: #ffc20e; } 

p, li { font-size: 1.3em; line-height: 1.4em; } 
p { margin-bottom: 15px; }

a:link, a:visited, a:active { color: #f15d61; text-decoration: none; } 
a:hover { color: #007180; text-decoration: none; } 

::selection { background: #007180; color: #2c9bbb; /* Safari */ }
::-moz-selection { background: #007180; color: #2c9bbb; /* Firefox */ }


/* Typekit FOUT */
.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4,.wf-loading h5,.wf-loading h6,.wf-loading p,.wf-loading li { visibility: hidden; }
.wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6,.wf-active p,.wf-active li { visibility: visible; }

/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#container { text-align: left; margin: 0 auto; width: 1000px; } /* Change the master width here and on #left, #main and #right */
div#contentholder { padding: 0 20px; }
div#pageholder { }


/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { width: 100%; position: relative; margin-bottom: 12px; padding: 86px 0 0; }
.portfolio-page div#header { padding-top: 82px; }
.show-flash div#header { margin-bottom: 32px; }

/* Logo */
div#logo { position: absolute; top: 0px; left: 0px; behavior: url(http://www.padcreative.co.uk/wp-content/themes/pad/scripts/pie/PIE.php);
	
	/* Shadows */
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); }
	
div#logo a { opacity: 1; display: block; }
div#logo a:hover { opacity: 0.9; }
	
div#logo img { display: block; }

/* Top Menu */
div#top-menu { position: absolute; top: 0px; right: 0px; } 
div#top-menu ul { list-style-type: none; float: right; } 
div#top-menu ul li { font-size: 1.5em; float: left; margin-right: 8px; }
div#top-menu ul li.menu-item-last { margin-right: 0px; }
div#top-menu ul li a { height: 22px; color: #fff; padding: 12px 37px 0 6px; background-image: url(images/nav_bg.png); background-repeat: no-repeat; background-position: right 0; display: block; float: left; } 
div#top-menu ul li a:hover { color: #999; background-position: right -36px; } 
div#top-menu ul li.current_page_item a,
div#top-menu ul li.current-menu-item a,
div#top-menu ul li.current_page_parent a,
div#top-menu ul li.current-page-ancestor a { color: #fff; font-weight: 600; background-position: right -72px; }

/* Landing Page Contact */
div#contact { position: absolute; top: 10px; right: 0px; }
div#contact p { margin: 0; font-weight: bold; font-weight: 600; line-height: 1.2em; }
div#contact p.tel { color: #f15d61; font-size: 2.5em; }
div#contact p.email { display: none; color: #707070; font-size: 2.4em; }
div#contact p.email a { color: #707070; }
div#contact p.email a:hover { color: #f15d61; }


/* Animation */
div#animation { width: 960px; height: 180px; background-color: #007180; overflow: hidden; padding-bottom: 20px; background-image: url(images/ribbon_knockout.png); background-position: left bottom; background-repeat: no-repeat; }
div#animation div.animation-still { width: 960px; height: 180px; background-color: #2bb6c7; background-image: url(images/anim_still.jpg); background-position: left top; background-repeat: no-repeat; }
.portfolio-page div#animation { display: none; }

/* 
	 Main Column Generics
 	 --------------------------------------------------------------------
*/

div#main { width: 960px; padding-bottom: 20px; }


/* RIBBONS */

/* IE 6+7 Hacks */
* html h2.ribbon .ribbon-front { display: inline; }  /* for IE 6 */
* html h2.ribbon .ribbon-edge-bottomleft { display: none; }  /* for IE 6 */
* + html h2.ribbon .ribbon-front { display: inline; }  /* for IE 7 */

/* Base Styles */
h2.ribbon { position: relative; margin: 0 0 10px; }
h2.ribbon .ribbon-front { color: #fff; background-color: #2c9bbb; padding: 6px 20px 6px 10px; display: inline-block; position: relative; left: -20px; z-index: 2; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); }
h2.ribbon .ribbon-edge-bottomleft { position: absolute; z-index: 1; border-style:solid; height: 0px; width: 0px; top: 100%; left: -20px; border-color: transparent #007180 transparent transparent; border-width: 0 20px 20px 0; display: block; }

h2.ribbon a { color: #fff; }
h2.ribbon a:hover { color: #ddd; }

/* Ribbon - Blue */
h2.ribbon-blue .ribbon-front { background-color: #2c9bbb; }
h2.ribbon-blue .ribbon-edge-bottomleft { border-color: transparent #007180 transparent transparent; }

/* Ribbon - Red */
h2.ribbon-red .ribbon-front { background-color: #f15d61; }
h2.ribbon-red .ribbon-edge-bottomleft { border-color: transparent #b04044 transparent transparent; }

/* Ribbon - Green */
h2.ribbon-green .ribbon-front { background-color: #77b77f; }
h2.ribbon-green .ribbon-edge-bottomleft { border-color: transparent #618966 transparent transparent; }

h2.ribbon-wide { margin-right: -20px; }
h2.ribbon-wide .ribbon-front,
* html h2.ribbon-wide .ribbon-front,
* + html h2.ribbon-wide .ribbon-front { display: block; margin-right: 0; }





/* Rows and Columns */
div#main div.row { float: left; clear: both; width: 100%; padding-bottom: 30px; }
div#main div.column { float: left; margin-right: 30px; }
div#main div.column-one { width: 314px; }
div#main div.column-two { width: 658px; }
div#main div.column-sidebar-right { width: 250px; float: right; margin-right: 0; }
div#main div.column-full { width: 100%; }
div#main div.column-end { margin-right: 0; clear: right; }

/* Grids */
div#main ul.grid { float: left; clear: both; margin: 0; }
div#main ul.grid li { float: left; list-style-type: none; margin: 0; font-size: 1em; }
div#main ul.grid li.first { clear: left; }
div#main ul.grid li.last-in-row { margin-right: 0; clear: right; }
div#main ul.grid li.last { margin-right: 0; clear: right; }

div#main ul.grid-four-col { float: none; }
div#main ul.grid-four-col li { width: 210px; margin-right: 40px; }

/* Home - Intro Text */
div#main div.intro-text h1 { font-size: 2.3em; font-weight: bold; }
div#main div.intro-text p { font-size: 1.9em; }
div#main div.intro-text p:last-child { margin-bottom: 0; }

/* Contact Panel */
div#main div.contact-panel { background-image: url(images/bg_10px.png); background-repeat: repeat-x; padding: 0px 0px 12px 0px; background-color: #f9faed; }
div#main div.contact-panel p { text-align: left; margin: 0 8px 0 12px }
div#main div.contact-panel p#telephone { font-size: 3.1em; font-weight: 600; line-height: 1em; margin-bottom: 5px; color: #f15d61 }
div#main div#landing-page-form-new p#telephone { font-size: 2.4em; font-weight: 600; line-height: 1em; margin-bottom: 0px; color: #f15d61; text-align: right;  width: 100% }
div#landing-page-tel { position: relative; min-height: 20px; margin-left: 30px; }
div#landing-page-tel p#telephone { position: absolute; }
div#main div#landing-page-form-new p#telephone span { font-size: 0.8em; font-weight: 600; line-height: 1.5em; margin-bottom: 5px; color: #005e6e }
div#main div.contact-panel p#email { font-size: 2em; line-height: 1em; margin-bottom: 0; }
div#main div.contact-panel p#email a { color: #707070; text-decoration: none; }
div#main div.contact-panel p#email a:hover { color: #f15d61; }

div#main div.contact-panel p.links { font-size: 2em; line-height: 1em; margin-bottom: 8px; }
div#main div.contact-panel p.links.last { margin-bottom: 0px; }
div#main div.contact-panel p.links a { color: #f15d61; text-decoration: none; }
div#main div.contact-panel p.links a:hover { color: #707070; }

/* Contact Panel - Page Styles */
.page div#main div.contact-panel { margin-bottom: 30px; }
/* Contact Panel Short */
div#main div.contact-panel-short p#telephone { font-size: 2em; margin-bottom: 2px; }
div#main div.contact-panel-short p#email { font-size: 1.6em; }
div#main div.contact-panel-short h2.ribbon { position: relative; margin: 0 0 8px; }

 

/* Contact Panel Small */
/* IE 6+7 Hacks */
* html div#main div.contact-panel-small .ribbon-front { display: inline; }  /* for IE 6 */
* html div#main div.contact-panel-small .ribbon-edge-bottomright { display: none; }  /* for IE 6 */
* + html div#main div.contact-panel-small .ribbon-front { display: inline; }  /* for IE 7 */
div#main div.contact-panel-small { position: absolute; right: -15px; top: -15px; margin: 0 0 10px; }
div#main div.contact-panel-small .ribbon-front { color: #fff; background-color: #f15d61; padding: 6px 20px 6px 10px; display: inline-block; position: relative; z-index: 2; font-size: 1.5em; line-height: 1.2em; }
div#main div.contact-panel-small .ribbon-front span.tel a { color: #fff; /* iPhone adds link to tel and is invisible without this style. */ }
div#main div.contact-panel-small .ribbon-edge-bottomright { position: absolute; z-index: 1; border-style:solid; height: 0px; width: 0px; top: 100%; right: 0px; border-color: transparent transparent transparent #b04044; border-width: 0 0 15px 15px; display: block; }


/* Temporary Message */
div#main p#temp-message { background-color: #F9FAED; color: #B04044; font-size: 1.7em; margin-bottom: 0px; padding: 10px; border: 4px solid #F15D61; }
div#main p#temp-message strong { display: block; }

/* Services Panel */
div#main div.services-panel { margin-bottom: 20px; }
div#main div.services-content { margin-top: -30px; padding: 28px 8px 8px 12px; background-color: #f9faed; }
div#main div.services-content ul { margin: 0; }
div#main div.services-content ul li { font-size: 1.8em; margin-bottom: 3px; list-style-type: none; background-image: url(images/bullet_triangle_light.png); background-repeat: no-repeat; background-position: 0 7px; padding-left: 14px; }
div#main div.services-content ul li a { color: #707070; text-decoration: none; }
div#main div.services-content ul li a:hover { color: #f15d61; }
/* Services Panel - Page Styles */
.page div#main div.services-panel { margin-bottom: 30px; }

/* Services Panel - In Columns */
div#main div.services-panel-columns ul li { width: 200px; float: left; margin-right: 20px; }

/* News Panel */
div#main div.news-panel { margin-left: 20px; margin-bottom: 20px; }
div#main div.news-content { margin-top: -30px; padding: 28px 12px 8px; background-color: #f9faed; }
div#main div.news-content h3 { font-size: 1.8em; line-height: 1.1em; margin: 0 0 3px; color: #77b77f; text-shadow: -1px -1px 0px rgba(255,255,255,0.2); }
div#main div.news-content h3 a { color: #77b77f; }
div#main div.news-content h3 a:hover { color: #007180; }
div#main div.news-content p { font-size: 1.3em; line-height: 1.4em; margin-bottom: 3px; }
div#main div.news-content ul { margin: 0; }
div#main div.news-content ul li { font-size: 1.3em; margin-bottom: 3px; }
div#main div.news-content p a,
div#main div.news-content ul li a { color: #77b77f; text-decoration: none; }
div#main div.news-content p a:hover,
div#main div.news-content ul li a:hover { color: #007180; }
div#main div.news-content div.news-teaser { padding: 0 0 2px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #bbb; }
div#main div.news-content div.news-teaser-last { margin: 0; border-bottom: 0; }
div#main div.news-content div.thumbnail { float: left; margin: 3px 10px 10px 0; border: 1px solid #ccc; }
div#main div.news-content div.thumbnail img { border: 4px solid #fff; display: block; }
div#main div.news-content div.thumbnail a img { opacity: 1; }
div#main div.news-content div.thumbnail a:hover img { opacity: 0.8; }
div#main div.news-content div.text { width: 150px; float: right; }
div#main div.news-content div.headline { clear: both; }
div#main div.news-content div.news-teaser p a.read-more { white-space: nowrap; }

/* Showreel Panel */
div#main div.showreel-panel { padding-bottom: 20px; background-image: url(images/ribbon_knockout.png); background-position: left bottom; background-repeat: no-repeat; background-color: #007180; }
div#main div.showreel-content { width: 314px; height: 260px; background-image: url(images/showreel_bg.png); background-repeat: no-repeat; position: relative;  }
div#main div.showreel-panel div.btn-showreel { width: 220px; position: absolute; top: 100px; right: 0; }
div#main div.showreel-panel a { display: block; background-color: #007180; padding: 10px; }
div#main div.showreel-panel a:hover { display: block; background-color: #007995; }
div#main div.showreel-panel a .btn-play { width: 32px; height: 32px; display:block; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; line-height: 32px; background:#fff; behavior: url(http://www.padcreative.co.uk/wp-content/themes/pad/scripts/pie/PIE.htc); }
div#main div.showreel-panel a .btn-play .btn-play-inner { background-image: url(images/btn_play_arrow.png); background-repeat: no-repeat; background-position: 10px 7px; font-size: 3.5em; color: #fff; padding-left: 40px; }
div#main div.showreel-panel a .btn-play:hover { opacity: 0.9; }
div#main div.showreel-panel a p { color: #fff; font-weight: bold; font-weight: 600; font-size: 1.6em; line-height: 1.2em; }
div#main div.showreel-panel a p em { font-weight: normal; font-weight: 300; font-size: 1.3em; font-style: normal; display: block; }

/* Form Panel */
div#main div.form-panel {  }
div#main div.form-panel .form-wrapper { padding: 54px 12px 12px; background-color: #0bbbef; margin-top: -56px }
div#main div.form-panel p { font-size: 1.9em; line-height: 1.2em; color: #fff; }
div#main div.form-panel div.field { margin-bottom: 6px; }
div#main div.form-panel div.field label { width: 55px; float: left; font-size: 1.5em; line-height: 1.9em; font-weight: bold; color: #fff; clear: left; }
div#main div.form-panel div.field input { width: 160px; float: left; border: 1px solid #2c9bbb; padding: 6px 4px; clear: right; -webkit-box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
div#main div.form-panel div.button { padding-top: 10px; clear: both; }
div#main div.form-panel div.button input.submit { padding: 4px 8px; border: 0; background-color: #2c9bbb; font-size: 2em; line-height: 1em; font-weight: bold; font-weight: 600; color: #fff; text-decoration: none; display: block; font-family: "proxima-nova", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main div.form-panel div.button input:hover { background-color: #007995; }
/* Form Panel - IE6 + IE7 Hacks */
* html div#main div.form-panel div.button input.submit { width: 200px; }
* + html div#main div.form-panel div.button input.submit { width: 200px; }
/* Form Panel - Page Styles */
.page div#main div.form-panel { margin-bottom: 30px; }

/* Latest Work Panel */
div#main div.latest-work-panel { margin-bottom: 20px; }
div#main div.latest-work-panel ul { margin: 0; padding-top: 18px; float: left; clear: both; margin-bottom: 20px; }
div#main div.latest-work-panel ul li { float: left; width: 200px; margin: 0 29px 0 0; list-style-type: none; font-size: 1em; }
div#main div.latest-work-panel ul li.last { margin-right: 0; }
div#main div.latest-work-panel ul li img { width: 200px; height: auto; margin-bottom: 5px; }
div#main div.latest-work-panel ul li p { margin-bottom: 0; line-height: 1.2em; }
div#main div.latest-work-panel ul li a p { color: #707070; }
div#main div.latest-work-panel ul li a:hover p { color: #f15d61; }
div#main div.latest-work-panel ul li p.client { font-weight: bold; font-weight: 600; }

/* Request a Quote Panel */
div#main div.request-a-quote { padding-bottom: 20px; background-image: url(images/ribbon_knockout.png); background-position: left bottom; background-repeat: no-repeat; background-color: #b04044; clear: both; }
div#main div.request-a-quote a div.request-a-quote-content { background-color: #f15d61; padding: 15px 12px; display: block; }
div#main div.request-a-quote a:hover div.request-a-quote-content { background-color: #d04f52; }

div#main div.request-a-quote-content { background-color: #f15d61; }
div#main div.request-a-quote p { color: #fff; margin: 0; font-size: 1.9em; line-height: 1.2em; float: left; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); }
div#main div.request-a-quote p strong { display: block; }
div#main div.request-a-quote .btn-request-quote { float: right; margin-left: 10px; }
div#main div.request-a-quote a .btn-request-quote { color: #fff; background-color: #b04044; padding: 5px 8px; font-size: 1.5em; line-height: 1.1em; display: block; }
div#main div.request-a-quote a .btn-request-quote strong { display: block; }
div#main div.request-a-quote a:hover .btn-request-quote { background-color: #f15d61; color: #efd4d5; }

.display-page div#main div.request-a-quote p { color: #fff; margin: 0; font-size: 1.7em; line-height: 1.3em; float: left; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); }

/* Request a Quote Panel Small */
div#main div.request-a-quote-small { margin-bottom: 30px; margin-left: -20px; }
div#main div.request-a-quote-small a div.request-a-quote-content { padding: 8px 10px; }
div#main div.request-a-quote-small .btn-request-quote { float: none; margin-left: 0px; }
div#main div.request-a-quote-small a .btn-request-quote { color: #fff; background-color: transparent; padding: 0; font-size: 2.4em; }
div#main div.request-a-quote-small a .btn-request-quote strong { display: inline; }
div#main div.request-a-quote-small a:hover .btn-request-quote { background-color: transparent; color: #efd4d5; }



/* Our Clients Panel */
div#main div.client-logos-panel { background-image: url(images/bg_10px.png); background-repeat: repeat-x; padding: 0px 0px 24px 0px; background-color: #fff; }
div#main div.client-logos-panel ul { margin: 0; }
div#main div.client-logos-panel ul li { margin: 0; list-style-type: none; width: 250px; background-color: #fff; }
div#main div.client-logos-panel ul li span { display: block; padding: 20px 0; text-align: center; }


/* Generic Panel */
div#main div.generic-panel { margin-bottom: 30px; }
div#main div.generic-content { margin-top: -30px; padding: 28px 12px 8px 12px; background-color: #f9faed; }

/* Generic Panel: Contact */
div#main div.generic-panel-contact div.generic-content { padding: 28px 100px 8px 12px; background-image: url(images/coffee_cup.jpg); background-repeat: no-repeat; background-position: 565px 20px; }




div#main ul { margin: 0 0 15px 17px; } 
div#main li {  margin-bottom: 8px; list-style-type: disc; }

/* Page Specific */
.page div#main h1 { font-weight: bold; font-weight: 600; font-size: 3.2em; text-shadow: 1px 1px 0px #eaebde, 2px 2px 0px rgba(0,0,0,0.1); }
.page div#main h1 strong { color: #f15d61; }
.page div#main p { font-size: 1.4em; }
.page div#main p.intro { font-size: 1.8em; font-weight: bold; font-weight: 600; text-shadow: 0px 0px 1px #fff; }
.page div#main ul li { font-size: 1.4em; }

.page div#main p.quote { color: #2C9BBB; font-weight: normal; font-weight: 300; font-size: 1.8em; line-height: 1.4em; margin-bottom: 5px; }
.page div#main p.quotee { font-style: normal; font-size: 1.4em; line-height: 1.4em; font-weight: bold; margin-bottom: 30px; }



.page div#main div.page-content { margin-bottom: 30px; }
.page div#main div.page-panel { position: relative; margin: 25px 0; padding: 10px; background-color: #fff; behavior: url(scripts/pie/PIE.htc); 

	/* Shadows */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
}
.page div#main div.page-panel p { margin-bottom: 0; }
.page div#main div.page-panel h1,
.page div#main div.page-panel h2,
.page div#main div.page-panel h3,
.page div#main div.page-panel h4 { margin-top: 0; }



/* Display Page Specific (Landing Page, Services Page etc */

/* Rows and Columns */
.display-page div#main div.column-one { width: 330px; }
.display-page div#main div.column-two { width: 600px; }
.display-page div#main div.column-two.landing { width: 530px; margin-right: 100px; }

.display-page div#main h2 { color: #707070; }
.display-page div#main h3 { color: #005e6e; margin-bottom: 0; }
.display-page div#main p.intro { font-weight: normal; font-weight: 300; }

.display-page-slideshow-holder { padding: 20px; background-color: #fff; margin-bottom: 40px; position: relative; 
 behavior: url(http://www.padcreative.co.uk/wp-content/themes/pad/scripts/pie/PIE.php);
	
	/* Shadows */
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); 
}
.display-page-slideshow { width: 920px; height: 370px; overflow: hidden; }
.display-page-slideshow-holder div.nav { position: absolute; top: 0; left: 0; width: 960px; height: 370px; }
.display-page-slideshow-holder div.nav a { position: absolute; top: 185px; z-index: 100; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 0 0; display: block; }
.display-page-slideshow-holder div.nav a:hover { background-position: -60px 0; }
.display-page-slideshow-holder div.nav a#btn-slideshow-prev { left: -25px; background-image: url(images/btn_portfolio_prev.png); }
.display-page-slideshow-holder div.nav a#btn-slideshow-next { right: -25px; background-image: url(images/btn_portfolio_next.png); }


#featured-work-slideshow-holder { position: relative; width: 658px; }
#featured-work-slideshow-holder .btn {  }
#featured-work-slideshow-holder .btn a { color: #fff; background-color: #F15D61; padding: 5px 8px; font-size: 1.5em; line-height: 1.1em; display: block; }
#featured-work-slideshow-holder .btn a:hover { background-color: #f15d61; color: #efd4d5; }
#featured-work-slideshow { width: 658px; height: 265px; overflow: hidden; margin-bottom: 10px; }
#featured-work-slideshow img { width: 658px; height: 265px; }
#featured-work-slideshow-holder div.nav { position: absolute; top: 0; left: 0; width: 658px; height: 265px; }
#featured-work-slideshow-holder div.nav a { position: absolute; top: 110px; z-index: 100; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 0 0; display: block; }
#featured-work-slideshow-holder div.nav a:hover { background-position: -60px 0; }
#featured-work-slideshow-holder div.nav a#btn-slideshow-prev { left: -25px; background-image: url(images/btn_portfolio_prev.png); }
#featured-work-slideshow-holder div.nav a#btn-slideshow-next { right: -25px; background-image: url(images/btn_portfolio_next.png); }

/* Services Page Specific */
.services div#main h1 { margin-bottom: 20px; }
.services div#main ul.grid li { margin-bottom: 30px; font-size: 1em; }
.services div#main ul.grid li img { display: block; line-height: 0; }
.services div#main ul.grid li a img { opacity: 1; }
.services div#main ul.grid li a:hover img { opacity: 0.8; }
.services div#main ul.grid li h2 { margin-bottom: 6px; line-height: 1.1em; }
.services div#main ul.grid li h2 a { color: #b04044; }
.services div#main ul.grid li h2 a:hover { color: #007180; }
.services div#main ul.grid li p { font-size: 1.4em; line-height: 1.3em; margin-bottom: 6px; }
.services div#main ul.grid li p.service-link { font-size: 1.6em; font-weight: bold; font-weight: 600; }
.services div#main ul.grid li p.service-link a { color: #2c9bbb; }
.services div#main ul.grid li p.service-link a:hover { color: #007180; }
.services div#main ul.grid li p.cta-link { font-size: 1.3em; line-height: 1.2em; font-weight: bold; font-weight: 600; }
.services div#main ul.grid li p.cta-link a { color: #707070; }
.services div#main ul.grid li p.cta-link a:hover { color: #007180; }

/* Contact Page Specific */
.contact div#main div#co-reg-details-panel { padding: 12px 12px 2px 12px; background-color: #2c9bbb; }
.contact div#main div#co-reg-details-panel p,
.contact div#main div#co-reg-details-panel ul li { color: #fff; margin-bottom: 10px; }
.contact div#main div#co-reg-details-panel .last { margin-bottom: 0; }

.hide { visibility: hidden; }

div#main div#portfolio-holder { background-color: #fff; float: left; clear: both; padding: 20px 20px 0; width: 920px; margin-bottom: 30px; position: relative; }
div#main div#portfolio-holder div#work-by-type { width: 920px; clear: both;  }
div#main div#portfolio-holder div#work-by-sector { width: 920px; clear: both; }

div#main div#portfolio-holder ul { margin: 0; }
div#main div#portfolio-holder ul li { list-style-type: none; margin: 0 0 3px 0; }

div#main div#portfolio-holder ul.type-list { width: 110px; margin: 0; float: left; margin-bottom: 20px; }
div#main div#portfolio-holder ul.type-list li { font-weight: bold; font-weight: 600; font-size: 1.5em; line-height: 1.2em; }
div#main div#portfolio-holder ul.type-list li a { color: #707070; }
div#main div#portfolio-holder ul.type-list li a:hover { color: #007180; }
div#main div#portfolio-holder ul.type-list li.active a { background-image: url(images/bullet_triangle_on_white.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 14px; color: #333; }

div#main div#portfolio-holder ul.sector-list { width: 110px; margin: 0; float: left; margin-bottom: 20px; }
div#main div#portfolio-holder ul.sector-list li { line-height: 1.2em; }
div#main div#portfolio-holder ul.sector-list li.active a { font-weight: bold; font-weight: 600; }
div#main div#portfolio-holder ul.sector-list li span.post-count { font-size: 0.85em; letter-spacing: 1px; }

div#main div#portfolio-holder ul.type-posts-column { width: 155px; margin: 0 0 0 15px; float: left; }
div#main div#portfolio-holder ul.type-posts-column li { font-size: 1.3em; line-height: 1.4em; }
div#main div#portfolio-holder ul.type-posts-column li.active a { font-weight: bold; font-weight: 600; }


div#main div#portfolio-holder ul#portfolio-sort-btns { width: 920px; border-bottom: 1px solid #707070; float: left; clear: both; margin-bottom: 10px; }
div#main div#portfolio-holder ul#portfolio-sort-btns  li { font-size: 1.8em; float: left; margin: 0 8px 0 0; }
div#main div#portfolio-holder ul#portfolio-sort-btns  li a { color: #fff; font-weight: bold; font-weight: 600; padding: 3px 5px; background-color: #ccc; display: block; }
div#main div#portfolio-holder ul#portfolio-sort-btns  li a:hover { background-color: #707070; }
div#main div#portfolio-holder ul#portfolio-sort-btns  li.active a { background-color: #707070; }

div#main div#portfolio-item { clear: both; border-top: 1px solid #ddd; position: relative; }
div#main div#portfolio-item div.portfolio-item-image { text-align: center; border-top: 0px solid #ccc; padding-top: 20px; margin-bottom: 20px; }
div#main div#portfolio-item div.first-item-image { border-top: 0px; padding-top: 40px;  }

div#main div#portfolio-item a.website-link { position: relative; display: block; background-color: transparent; overflow: hidden; }
div#main div#portfolio-item a.website-link div.web-link-overlay { position: absolute; top: 40%; left: 310px; padding: 20px 10px; background-color: #2C9BBB; background-color: rgba(44,155,187,0.8); color: #fff; width: 300px; font-size: 1.6em; font-weight: bold; }
div#main div#portfolio-item a.website-link-no-js div.web-link-overlay { visibility: hidden; }
div#main div#portfolio-item a:hover.website-link-no-js div.web-link-overlay { visibility: visible; }

div#main div.btn-portfolio { position: absolute; top: 200px; z-index: 100; }
div#main div.btn-portfolio a { width: 50px; height: 50px; background-repeat: no-repeat; background-position: 0 0; display: block; }
div#main div.btn-portfolio a:hover { background-position: -60px 0; }
div#main div#btn-portfolio-prev { left: -45px; }
div#main div#btn-portfolio-prev a { background-image: url(images/btn_portfolio_prev.png); }
div#main div#btn-portfolio-prev a.end-of-chain { background-position: -120px 0; }
div#main div#btn-portfolio-next { right: -45px; }
div#main div#btn-portfolio-next a { background-image: url(images/btn_portfolio_next.png); }
div#main div#btn-portfolio-next a.end-of-chain { background-position: -120px 0; }












/* New Landing Page */

/* New Landing Page: Bullets */
div#main ul.landing-page-bullets { margin: 0; }
div#main ul.landing-page-bullets li { padding-left: 50px; font-size: 1em; list-style-type: none; background-repeat: no-repeat; min-height: 40px; }

/* New Landing Page: Thumbnails */
div#main div#landing-page-gallery ul.portfolio-thumbs { margin: 0 0 20px 0;/*  background-color: #fff; padding: 20px 20px 0; width: 920px; margin-bottom: 30px;  */}
div#main div#landing-page-gallery ul.portfolio-thumbs li { float: left; font-size: 1em; width: 300px; margin-right: 30px; margin-bottom: 30px; list-style-type: none; }
div#main div#landing-page-gallery ul.portfolio-thumbs li.end-of-row { margin-right: 0; }
div#main div#landing-page-gallery ul.portfolio-thumbs li.last { margin-right: 0; }
div#main div#landing-page-gallery ul.portfolio-thumbs li img { width: 284px; height: auto; border: 8px solid #fff; /* -webkit-box-shadow: 0px 0px 10px 0px #ddd; -moz-box-shadow: 0px 0px 10px 0px #ddd; box-shadow: 0px 0px 10px 0px #ddd; */ display: block; }
div#main div#landing-page-gallery ul.portfolio-thumbs li h3 { color: #bbb; font-size: 1.4em; margin: 0; }

/* New landing Page: Form */
div#main div.landing-page-form-new { background-color: #F15D61; color: #fff; padding: 10px; margin: 0 0 20px 0; width: 310px }
div#main div.landing-page-form-new h2 { color: #fff; font-size: 3em; margin: 0 0 5px; }
div#main div.landing-page-form-new p { font-size: 1.6em; margin-bottom: 15px; }
div#main div.landing-page-form-new fieldset { padding-bottom: 15px; }
div#main div.landing-page-form-new input { font-family: "proxima-nova", Helvetica, Arial, SunSans-Regular, sans-serif; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* These three make the width of the different types of <input> consistent */ }
div#main div.landing-page-form-new .field { margin-bottom: 10px; }
div#main div.landing-page-form-new #check-cont,
div#main div.landing-page-form-new .field-left,
div#main div.landing-page-form-new .field-right { margin-bottom: 0; }
div#main div.landing-page-form-new .field-left { float: left; width: 135px; margin-right: 10px; }
div#main div.landing-page-form-new .field-right { float: left; width: 135px; margin-right: 0px; }
div#main div.landing-page-form-new .field label { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; display: block; }
div#main div.landing-page-form-new .field input { width: 98%; padding: 1%; height: 20px; font-size: 1.4em; border: 0; }
div#main div.landing-page-form-new .field input#checkboxaddress { width: 20px; float: left; margin: 0 50px 0 0; }
div#main div.landing-page-form-new .field label#checkboxaddresslabel { display: inline-block; float: left; margin: 0 10px 0 0 }
div#main div.landing-page-form-new .button input { font-size: 2.6em; background-color: #b04044; color: #fff; padding: 1%; border: 0; width: 98%; display: block; }
div#main div.landing-page-form-new .button input:hover { background-color: #d04f52; }
div#main div.landing-page-form-new div.wpcf7-response-output { background-color: #fff; color: #888; margin: 10px 0 20px 0; border: 0.5%; padding: 1%; width: 97%; font-size: 1.4em; line-height: 1.3em; font-weight: bold; }
div#main div.landing-page-form-new span.wpcf7-not-valid-tip { position: absolute; top: auto; left: 0; z-index: 100; color: #F15D61; background: transparent; border: 0; font-size: 1.3em; font-weight: bold; width: 100%; height: 20px; padding: 1%; }
div#main div.landing-page-form-new div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin: 5px 4px 0 0; }









































/* Page Forms */
/* Request a Quote Form */
div#main div.page-forms { position: relative; padding-top: 5px; }
div#main div.page-forms p { font-size: 1.9em; line-height: 1.2em; }
div#main div.page-forms fieldset { padding: 0 0 10px; margin: 0; }
div#main div.page-forms div.field { width: 300px; margin-right: 20px; float: left; margin-bottom: 6px; }
div#main div.page-forms div.field-last { margin-right: 0px; }
div#main div.page-forms div.field label { display: block; clear: both; font-size: 1.5em; line-height: 1.4em; color: #707070; margin-bottom: 5px; }
div#main div.page-forms div.field input { clear: both; }
div#main div.page-forms div.field input.wpcf7-text,
div#main div.page-forms div.textarea textarea { font-size: 1.5em; font-family: "proxima-nova", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main div.page-forms div.field input.wpcf7-text { width: 292px; height: 22px; background-color: #fff; border: 1px solid #bbb; padding: 6px 4px; margin-bottom: 10px; -webkit-box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.2); }
div#main div.page-forms div.checkboxes span.wpcf7-list-item { display: block; width: 300px; float: left; margin: 0 20px 5px 0; }
div#main div.page-forms div.checkboxes span.wpcf7-list-item-label { font-size: 1.5em; }
div#main div.page-forms div.textarea textarea { width: 612px; padding: 6px 4px; background-color: #fff; border: 1px solid #bbb; -webkit-box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
div#main div.page-forms div.button { padding-top: 10px; clear: both; }
div#main div.page-forms div.button input.wpcf7-submit { padding: 4px 8px; border: 0; background-color: #2c9bbb; font-size: 2em; line-height: 1em; font-weight: bold; font-weight: 600; color: #fff; text-decoration: none; display: block; font-family: "proxima-nova", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main div.page-forms div.button input:hover { background-color: #007995; }
div.page-forms div.wpcf7-response-output { background-color: #fff; margin: 0 0 20px 0; padding: 5px 10px; width: 596px; font-size: 1.5em; line-height: 1.3em; }
div.page-forms span.wpcf7-not-valid-tip { position: absolute; top: -14px; left: 0; z-index: 100; color: #fff; background: #F15D61; border: 0; font-size: 1.3em; font-weight: bold; width: 296px; height: 32px; padding: 2px; }
div.page-forms div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin: 5px 4px 0 0; }
div.form-request-quote-contact { border: 1px solid #f15d61; border-width: 1px 0; padding: 10px 0; margin-top: 25px; }

/* Refer a Friend Form */
div#main div.form-refer-friend div.field { width: 190px; margin-right: 38px; margin-bottom: 12px; }
div#main div.form-refer-friend div.field input.wpcf7-text { width: 192px; }
div#main div.form-refer-friend div.field-last { margin-right: 0px; }
div#main div.form-refer-friend div.field input.wpcf7-text { margin-bottom: 0px; }
div#main div.form-refer-friend div.section div.field input { margin-bottom: 0; }

div#main div.form-refer-friend-no-js div.add,
div#main div.form-refer-friend-no-js div.remove { display: none; }

div#main div.form-refer-friend-js div.section div { display: none; }
div#main div.form-refer-friend-js div.section-active div { display: block; }

div#main div.form-refer-friend div.add, 
div#main div.form-refer-friend div.remove { clear: both; font-size: 1.3em; padding: 0 0 0 15px; font-weight: bold; text-transform: uppercase; cursor: pointer; background-repeat: no-repeat; }
div#main div.form-refer-friend div.add:hover, 
div#main div.form-refer-friend div.remove:hover { color: #888; opacity: 0.8; }
div#main div.form-refer-friend div.add { background-image: url(images/btns_add_remove.png); background-position: left 2px; float: left; } 
div#main div.form-refer-friend div.remove { background-image: url(images/btns_add_remove.png); background-position: left -20px; float: right; }
div#main div.form-refer-friend div.add span,
div#main div.form-refer-friend div.remove span { font-size: 0.8em; font-weight: bold; background-color: black; color: #fff; width: 30px; }

div#main div.form-refer-friend div.group { clear: both; }


/* Refer a Friend Ecxample */
div#main div.referral-email-example { background-color: #fff; padding: 50px 50px 30px; 
	
	/* Shadows */
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 	3px 3px 10px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: 		3px 3px 10px 0px rgba(0, 0, 0, 0.5); 
}



/* Landing Page */
.landing-page div#main div.landing-page-contact-details { margin-bottom: 20px; }
.landing-page div#main div.landing-page-contact-details p { margin: 0; font-weight: bold; font-weight: 600; line-height: 1.2em; }
.landing-page div#main div.landing-page-contact-details p.tel { color: #f15d61; font-size: 3.5em; }
.landing-page div#main div.landing-page-contact-details p.email { color: #707070; font-size: 2.4em; }
.landing-page div#main div.landing-page-contact-details p.email a { color: #707070; }
.landing-page div#main div.landing-page-contact-details p.email a:hover { color: #f15d61; }
.landing-page div#main p.spam-message { font-size: 1.2em; line-height: 1.1em; margin-bottom: 20px; }
.landing-page div#main h2.fill-form { font-size: 2.2em; background-color: #114a5b; color: #fff; padding: 10px; margin: 30px 0; background-image: url(images/landing_page_arrow.png); background-repeat: no-repeat; background-position: top right; }
.landing-page div#main h2.fill-form a { color: #fff; }
.landing-page div#main h2.fill-form a:hover { color: #007180; }
.landing-page div#main h2.see-examples { background-image: url(images/landing_page_arrow_down.png); }

/* Landing Page Forms */
div#main div.landing-page-form { margin-bottom: 10px; }
div#main div.landing-page-form h2 { font-size: 2em; background-color: #114a5b; color: #fff; padding: 15px 10px; margin: 5px 0 0; }
div#main div.landing-page-form h3 { margin: 0 0 5px; }
div#main div.landing-page-form ul li { font-size: 1.6em; line-height: 1.1em; margin-bottom: 5px; color: #888; }
div#main div.landing-page-form p { font-size: 1.6em; line-height: 1.2em; margin-bottom: 5px; color: #888; }

div#main div.landing-page-form div.the-form { padding: 20px 10px 10px; background-color: #fff; background-image: url(images/landing_page_form_triangle.png); background-repeat: no-repeat; background-position: top right; }


div#main div.landing-page-form div.af-element { margin-bottom: 6px; }
div#main div.landing-page-form input.text { border: 1px solid #bbb; height: 16px; padding: 6px 4px; width: 230px; }
div#main div.landing-page-form label.previewLabel { width: 70px; float: left; font-size: 1.6em; color: #114a5b; padding-top: 8px; }
div#main div.landing-page-form div.af-textWrap { width: 240px; float: right; }
div#main div.landing-page-form div.af-clear { clear: both; }
div#main div.landing-page-form p.required { font-size: 1.3em; float: right; }
div#main div.landing-page-form div.buttonContainer { margin-bottom: 10px; }
div#main div.landing-page-form input.submit { border: 0; font-size: 1.8em; font-weight: bold; color: #fff; background-color: #114a5b; padding: 5px 8px; width: 310px; display: block; font-family: "proxima-nova", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main div.landing-page-form input.submit:hover { background-color: #F15D61; }
div#main div.landing-page-form div.privacyPolicy p { font-size: 1.2em; margin-bottom: 0; }

/* Images */
div#main img.alignnone { margin-bottom: 15px; } 
div#main img.alignright { float: right; clear: both; margin-top: 3px; margin-bottom: 15px; margin-left: 15px; } 
div#main img.alignleft { float: left; clear: both; margin-top: 3px; margin-bottom: 15px; margin-right: 15px; }


div.edit-link { position: fixed; top: 50%; right: 0; font-size: 1.7em; }
div.edit-link a { display: block; padding: 8px; color: #fff; background-color: #f15d61; behavior: url(scripts/pie/PIE.htc); border: 2px solid #fff; border-width: 3px 0 3px 3px;

	/* Shadows */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
}
div.edit-link a:hover { background-color: #0bbbef; border-color: #007180; }



/* Testimonials */
div#main div.testimonial { margin-bottom: 30px; }
div#main div.testimonial p.quote { color: #999; font-family: Georgia, serif, "proxima-nova", Helvetica, Arial, sans-serif; font-style: italic; font-size: 1.8em; line-height: 1.4em; margin-bottom: 5px; }
div#main div.testimonial p.quotee { font-style: normal; font-size: 1.4em; line-height: 1.4em; font-weight: bold; margin-bottom: 0px; }
div#main div.testimonial p.company { font-style: normal; font-size: 1.4em; line-height: 1.2em; font-weight: normal; margin-bottom: 0px; }


/* Blog */
.blog div#main h2.ribbon-news { margin: 0 0 30px; }
.blog-single div#main h2.ribbon-news .ribbon-front a { padding-left: 15px; background-image: url(images/bullet_triangle_white_prev.png); background-repeat: no-repeat; background-position: 0px center; }
.blog div#main h2.ribbon span.cat-or-tag { font-size: 0.8em; }
.blog div#main p,.blog div#main ul li,.blog div#main ol li { font-size: 1.7em; line-height: 1.5em; }
.blog div#main ul li,.blog div#main ol li { margin-bottom: 15px; }
.blog div#main ul { margin: 0 0 20px 18px; }
.blog div#main ol { margin: 0 0 20px 22px; }
.blog div#main ol li { list-style-type: decimal; }
.blog div#main div.post { padding-bottom: 40px; }
.blog div#main div.post h2 { font-size: 4.4em; line-height: 1.2em; letter-spacing: -1px; margin: 0 0 25px; padding: 10px 4px 10px; border: 1px dotted #bbb; border-width: 1px 0; color: #77b77f; }
.blog div#main div.post h2 a { color: #77b77f; }
.blog div#main div.post h2 a:hover { color: #F15D61; }
.blog div#main div.post h2.before-date { margin-bottom: 10px; }
.blog div#main div.post p { margin-bottom: 20px; }
.blog div#main div.btn-back { margin-bottom: 20px; font-size: 1.2em; }
.blog div#main div.btn-back span { display: block; float: left; background-color: #F15D61; padding: 4px 5px 3px 20px; background-image: url(images/bullet_triangle_white_prev.png); background-repeat: no-repeat; background-position: 4px center; }
.blog div#main div.btn-back a span { color: #fff; background-color: #999; }
.blog div#main div.btn-back a:hover span { background-color: #F15D61; }




.blog div#main div.post-date { font-size: 1.3em; font-weight: bold; margin: 0 0 25px; padding: 0px 4px 10px; border: 1px solid #bbb; border-width: 0 0 1px 0; }


.blog div#main div.extras { font-size: 1.3em; background-color: #F9FAED; padding: 10px; border: 1px solid #bbb; border-width: 0 0 1px 0; }
.blog div#main div.extras p { font-size: 1em; margin: 0; }
.blog div#main div.extra-tags { margin-bottom: 8px; }

.blog div#main div.post div.post-thumbnail { padding: 10px; background-color: #F9FAED; margin: 0px 0 20px 20px; 

	/* Shadows */
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.blog div#main div.post div.post-thumbnail img { display: block; }

.blog-index div#main div.post div.post-thumbnail,
.blog-archive div#main div.post div.post-thumbnail { float: right; }
.blog-single div#main div.post div.post-thumbnail { margin: 0px 0 20px 0px; }
.blog-single div#main div.post div.post-thumbnail-right { float: right; margin-left: 20px; }



.blog-index div#main div.post h2 { font-size: 4.4em; line-height: 1.2em; letter-spacing: -1px; margin: 0 0 25px; padding: 10px 4px 10px; border: 1px dotted #bbb; border-width: 1px 0; }


/* Posts: Navigation */
div.navigation { margin-bottom: 20px; }
div.navigation .nav-btn { font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
div.navigation .nav-btn-next { width: 200px; float: right; text-align: right; }
div.navigation .nav-btn-prev { width: 200px; float: left; }


/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div#footer { width: 100%; clear: both; padding: 20px 0; background-color: #333; }
div#footer div.footer-content { margin: 0 auto; width: 960px; text-align: left; }
div#footer h3 { font-size: 1.6em; color: #2c9bbb; font-weight: bold; font-weight: 600; margin: 0 0 5px; }
div#footer p { font-size: 1.3em; line-height: 1.4em; color: #fff; margin-bottom: 15px; }
div#footer p.blurb { padding-right: 60px; }
div#footer p a { color: #fff; }
div#footer p a:hover { color: #f15d61; }
div#footer img.icon-est-2001 { float: right; clear: right; margin: 0 80px 15px 15px; }

/* Rows and Columns */
div#footer div.row { float: left; clear: both; width: 100%; padding-bottom: 30px; }
div#footer div.column { float: left; margin-right: 30px; }
div#footer div.column-one { width: 314px; }
div#footer div.column-two { width: 616px; }
div#footer div.column-end { margin-right: 0; clear: right; }

div#footer ul.social-media-icons { margin-bottom: 30px; float: left; clear: both; }
div#footer ul.social-media-icons li { margin: 0 8px 0 0; float: left; }
div#footer ul.social-media-icons li.facebook { background-image: url(images/icon_facebook.png); }
div#footer ul.social-media-icons li.twitter { background-image: url(images/icon_twitter.png); }
div#footer ul.social-media-icons li.linkedin { background-image: url(images/icon_linked_in.png); }
div#footer ul.social-media-icons li.youtube { background-image: url(images/icon_youtube.png); }
div#footer ul.social-media-icons li a { width: 42px; height: 41px; background-repeat: no-repeat; opacity: 1; display: block; }
div#footer ul.social-media-icons li a:hover { opacity: 0.8; }

div#footer div.footer-blurb { clear: both; }

div#footer div.footer-sitemap { margin-bottom: 30px; }
div#footer div.footer-sitemap h3 { color: #f15d61; }
div#footer div.footer-sitemap ul { width: 616px; }

div#footer div.footer-sitemap ul li { float: left; margin-right: 20px; list-style-type: none; color: #fff; width: 130px; }

div#footer div.footer-sitemap ul li a { color: #fff; }
div#footer div.footer-sitemap ul li a:hover { color: #f15d61; }

div#footer div.footer-services-list { margin-bottom: 30px; }
div#footer div.footer-services-list h3 { color: #77b77f; }
div#footer div.footer-services-list ul { width: 616px; }
div#footer div.footer-services-list ul li { float: left; margin-right: 20px; list-style-type: none; color: #fff; width: 130px; }
div#footer div.footer-services-list ul li.one { clear: left; }
div#footer div.footer-services-list ul li.four { clear: right; }

div#footer div.footer-accreditations { margin-bottom: 30px; }
div#footer div.footer-accreditations h3 { margin-bottom: 15px; color: #fff; }
div#footer div.footer-accreditations h3 a { color: #fff; }
div#footer div.footer-accreditations h3 a:hover { color: #F15D61; }


div#footer h2 { color: #fff; font-size: 1.6em; line-height: 1em; font-weight: bold; margin: 0 0 8px; }




/* 
	 Misc 
 	 --------------------------------------------------------------------
*/

div.clear { clear: both; } 
li.clear { clear: both; }

/* Clearfix */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #EAEBDE;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 19%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	background-color: #EAEBDE;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 0px 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { padding: 0px 0 20px; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Request a Quote Panel Small */
div#jquery-lightbox div.request-a-quote-small { font-size: 1.4em; }
div#jquery-lightbox div.request-a-quote-small a { background-color: #F15D61; color: #fff; padding: 8px 10px; display: inline-block; }
div#jquery-lightbox div.request-a-quote-small a:hover { background-color: #d04f52; color: #efd4d5; }

img.reports-clients { width: auto; height: 40px; margin-right: 50px; display: block; float: left }
div#clients-reports-bar { background-color: #fff; padding: 30px 20px; }