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

/*
                                   .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: "" "";
}

* { margin:0; padding:0; } 

body { 
	font-size: 62.5%; 
	font-size: 67%; /* adjusted for font replacement */
	line-height: 150%;
	margin: 0;
	padding: 0; 
}

.float-left { float: left !important; }
.float-right { float: right !important; }


/* 
	Fonts
*/

 @font-face{
	font-family:"Gill Sans Nova";
	src:url("fonts/ada1c864-6830-43ca-a5a2-51870437413e.woff2") format("woff2"),url("Fonts/03d6828c-b347-428e-8c8f-5cab8ef67192.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family:"Gill Sans Nova";
	src:url("fonts/43b67b68-8704-4bc0-9c41-620c664cb9dd.woff2") format("woff2"),url("Fonts/37a7a423-c7fe-48f9-8013-63d2cc236c7a.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family:"Gill Sans Nova";
	src:url("fonts/a2bba372-7bdb-4a75-a17a-6afcd47ef5f5.woff2") format("woff2"),url("Fonts/88e1b823-5907-4654-ae0a-cb6a3e7a3cc5.woff") format("woff");
	font-weight: 400;
	font-style: italic;
}
@font-face{
	font-family:"Gill Sans Nova";
	src:url("fonts/f5458c7b-8d3d-4e66-a95b-123697bf634d.woff2") format("woff2"),url("Fonts/39540fdd-27ee-47ce-b434-ab7dfb6e3d7f.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family:"Gill Sans Nova";
	src:url("fonts/edb5c2df-5268-4dcd-b219-d1c5aa73a590.woff2") format("woff2"),url("Fonts/71046f0c-2223-4090-ac90-c023805d44c3.woff") format("woff");
	font-weight: 700;
	font-style: italic;
}

@font-face{
	font-family:"Caladea";
	src:url("fonts/caladea/Caladea-Italic.ttf");
	font-weight: normal;
	font-style: italic;
}



/* 
	Body & Container
*/

html,body {  overflow-x: hidden; }

body { color: #5F6062; background-color: transparent; font-family: "azo-sans-web", Helvetica, Arial, SunSans-Regular, sans-serif; text-align: left; } 
body { font-family: "Gill Sans Nova"; }

div#container { text-align: left; margin: 0 auto; width: 960px; }

div#container.full-width { overflow-x: hidden; margin: 0; }

div#container.full-width { margin: 0; }

.display-none { display: none !important; }


/* 
	Typography 
*/

/* Base Text Settings */
p, li, td, dd  { font-size: 1.8em; line-height: 1.5em; font-weight: normal; font-weight: 300; } 
strong { font-weight: bold; }
em { font-style: italic; }
p { margin-bottom: 15px; }
ul { margin: 0 0 15px 20px; }
ol { margin: 0 0 15px 27px; }
ol li { list-style-type: decimal; }
ul li { list-style-type: disc;  }
h1,h2,h3,h4,h5,h6 { line-height: 1.2em; }
dt, dd { display: list-item; -webkit-margin-after: 1em; -webkit-margin-start: 25px; -webkit-margin-end: 0px; -webkit-padding-start: 10px; }
dl, dd { list-style: none; }
dt { list-style: disc; }
input[type="text"], input[type="submit"], button { -webkit-appearance: none; white-space: normal; box-sizing: content-box; border: 0px; line-height: 1.3em; padding: 0; margin: 0; font-family: "azo-sans-web"; display: block; }

/* Links */
a:link, a:visited, a:active { color: #60A845; text-decoration: none; } 
a:hover { color: #144D6B; } 

/* Images */
img { -ms-interpolation-mode: bicubic; }

/* Headings */
h1 { color: #60A845; font-size: 3.3em; font-weight: 400; margin-bottom: 20px; text-transform: uppercase; line-height: 1.4em }
h2 { color: #60A845; font-size: 2.7em; font-weight: 700; margin-bottom: 10px; }
h3 { color: #60A845; font-size: 2em; font-weight: 400; margin-bottom: 10px; text-transform: uppercase; }
h4 { color: #5F6062; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; }
h5, dt { color: #5F6062; font-size: 1.8em; font-weight: normal; margin-bottom: 5px; }
h6 { color: #5F6062; font-size: 1.8em; font-weight: bold; margin-bottom: 5px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

/* Text Styles */
p.intro { font-size: 2.1em; line-height: 1.4em; font-weight: normal; } 

/* Lists */
ol li,
ul li { margin: 0 0 10px; }
ol li ol,
ul li ul { margin: 5px 0 0 0; }
ol li ol li,
ul li ul li { font-size: 0.9em; margin-left: 15px; }
ol li ol li ol,
ul li ul li ul { margin: 0; }
ol li ol li ol li,
ul li ul li ul li { font-size: 1em; margin-bottom: 5px; margin-left: 30px; }

/* Tables */
table { border: 1px solid #ddd; border-right: 0; border-bottom: 0; margin-bottom: 20px; }
table td { border: 1px solid #ddd; border-top: 0; border-left: 0; font-size: 1.3em; padding: 8px; }


/* 
	 Basic Layout 
 	 --------------------------------------------------------------------
*/

/* Rows and Columns */
div.row { width: 1000px; clear: both; margin: 0 auto; }
div.row div.column { float: left; margin-right: 40px; }
div.row div.column-end { margin-right: 0; }
div.row div.column-full { width: 960px; }
div.row div.column-main { width: 485px; }
div.row div.column-sidebar { width: 435px; }
div.row div.column-main-internal { width: 670px; }
div.row div.column-sidebar-internal { width: 250px; }

/* 2 Columns */
div.row.two-col div.column-one { width: 465px; }

/* 3 Columns */
div.row.three-col div.column-one { width: 293px; }
div.row.three-col div.column-two { width: 626px; }
div.row.three-col div.column-one-alt { width: 294px; }

/* 4 Columns */
div.row.four-col div.column { float: left; margin-right: 30px; margin-bottom: 30px }
div.row.four-col div.column-end { margin-right: 0; }
div.row.four-col div.column-one { width: 217px; }
div.row.four-col div.column-one-fit { width: 218px; }
div.row.four-col div.column-two { width: 465px; }
div.row.four-col div.column-three { width: 712px; }
div.row.four-col div.column-three-fit { width: 713px; }

/* Images */
img.alignnone { margin-bottom: 15px; }
img.aligncenter { display: block; margin: 0 auto 15px; }
img.alignright { float: right; clear: both; margin: 3px 0 15px 15px; }
img.alignleft { float: left; clear: both; margin: 3px 15px 15px 0; }

/* Buttons */
div.btn { margin-bottom: 20px; }
div.btn a { background-color: #222; color: #fff; display: block; }
div.btn a:hover { background-color: #777; }

/* Buttons: Textual */
div.btn-textual a { font-size: 2.2em; line-height: 1em; font-weight: bold; padding: 5px 10px 6px; }

/* Buttons: Graphical */
div.btn-graphical a { float: none; clear: none; width: 225px; height: 50px; background-position: 0 0; background-repeat: no-repeat; }
div.btn-graphical a:hover { background-position: -225px 0; }

/* Panels */
div.panel { background-color: #777; padding: 10px 10px 1px 10px; margin-bottom: 20px; }
div.panel h1,
div.panel h2,
div.panel h3,
div.panel h4,
div.panel h5,
div.panel h6 { color: #fff; margin-bottom: 10px; }
div.panel p { color: #fff; margin-bottom: 10px; }
div.panel a { color: #fff; text-decoration: underline; }
div.panel a:hover { color: #222; text-decoration: none; }

/* Testimonials */
div#main div.testimonials { margin: 0 0 20px; }
div#main div.testimonials p.quote { background-image: url(images/quote-l.png); background-repeat: no-repeat; background-position: left top; font-size: 1.6em; line-height: 1.5em; font-weight: normal; padding: 20px 0 0 20px; }
div#main div.testimonials p.quote span { background-image: url(images/quote-r.png); background-position: right bottom; background-repeat: no-repeat; padding: 0 20px 20px 0; display: block; }
div#main div.testimonials p.citation { font-weight: bold; font-size: 1.3em; padding-left: 20px; margin-bottom: 0; }

/* Gallery - YET TO BE DONE!!! */
div.gallery { margin-bottom: 24px; }
div.gallery div.main-image { width: 496px; height: 300px; margin-bottom: 24px; }
div.gallery div.main-image img { display: block; }
div.gallery ul { margin: 0; }
div.gallery ul li { float: left; width: 80px; height: 80px; margin: 0 24px 24px 0; list-style-type: none; }
div.gallery ul li.last { margin-right: 0px; }
div.gallery ul li a:hover { opacity: 0.8; }
div.gallery ul li a.large-image-url-ref { display: none; }
div.gallery ul li.end-of-row { margin-right: 0px; }

/* Slideshow */
div.slideshow-holder { position: relative; width: 960px; height: 500px; }
div.gallery-slideshow { position: absolute; z-index: 1; }
a#prev,
a#next { position: absolute; top: 50%; margin-top: -20px; background-repeat: no-repeat; width: 41px; height: 41px; z-index: 2; display: block; }
a#prev { left: 10px; background-image: url(images/slideshow-nav-prev.png); }
a#next { right: 10px; background-image: url(images/slideshow-nav-next.png); }
a#prev:hover,
a#next:hover { opacity: 0.8; }
div#nav { position: absolute; bottom: 20px; left: 50%; z-index: 2; }
div#nav a { float: left; margin-right: 15px; width: 18px; height: 18px; background-color: #fff; text-indent: -9999em; display: block; 
        
    /* Round Corners */
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
div#nav a.activeSlide { background-color: #4f4c9e; }
div#nav a:hover { background-color: #4f4c9e; }


/*  Forms */
div.form { background-color: #222; padding: 10px; margin-bottom: 20px; }
div.form h2,
div.form h3 { color: #fff; }
div.form p { color: #fff; }
div.form input, div.form textarea { font-family: Arial, SunSans-Regular, sans-serif; }
div.form div.field input, div.form div.field textarea { background-color: #fff; color: #777; font-size: 1.5em; line-height: 1.3em; font-weight: normal; width: 221px; padding: 4px 2px; border: 0; }
div.form div.field { margin-bottom: 10px; }
div.form div.field label { color: #fff; font-weight: bold; margin-bottom: 2px; display: block; }
div.form div.field label span.detail { font-size: 0.9em; font-weight: normal; }
div.form div.field input { height: 14px; }
div.form div.field input:focus { background-color: #ccc; }

/* Forms: Submit Button */
div.form div.button input { background-color: #777; color: #fff; font-size: 1.5em; line-height: 1em; font-weight: bold; text-align: center; width: auto; padding: 6px 5px; border: 0; display: block; }
div.form div.button input:hover { background-color: #fff; color: #777; }

/* Forms: Contact Form 7 responses etc */
div.wpcf7 { position: relative; }
div.wpcf7-response-output { position: absolute; bottom: auto; left: 0px; width: 219px; font-size: 1.4em; font-weight: bold; margin: 0px 0 10px; padding: 4px 2px; background-color: #fff; }
span.wpcf7-not-valid-tip { position: absolute; top: 0; left: 0; width: 218px; height: 16px; background: none repeat scroll 0 0 #fff; color: #222; font-size: 1.5em; font-weight: normal; padding: 4px 2px; border: 1px solid #FF0000; }
span.wpcf7-form-control-wrap { display: block; }


/* 
	 Nav Menus 
 	 --------------------------------------------------------------------
*/

/* Generic Styles */
div.nav-menu ul { list-style-type: none; margin: 0; }
div.nav-menu ul li { list-style-type: none; margin: 0; position: relative; }
div.nav-menu ul li a { color: #fff; display: block; padding: 8px 15px;
-o-transition: background-color 0.4s, color 0.4s;	
-moz-transition: background-color 0.4s, color 0.4s;	
-webkit-transition: background-color 0.4s, color 0.4s;	
transition: background-color 0.4s, color 0.4s;  }
div.nav-menu ul li a:hover { color: #60A845; background-color: #CBDC48; }
div.nav-menu ul li.current-menu-item a,
div.nav-menu ul li.current_page_parent a,
div.nav-menu ul li.current-page-ancestor a { color: #60A845; background-color: #CBDC48; font-weight: 400; }

/* Sub Menu for Drop-downs */
div.nav-menu ul.sub-menu { float: none; margin: 0px auto; position: absolute; left: -999em; text-align: left; border: 0px solid #ccc;; padding: 0px; z-index: 1000; }	
div.nav-menu ul li:hover ul.sub-menu  { left: 0; z-index: 1000; }
div.nav-menu ul li ul.sub-menu li { text-transform: uppercase; font-size: 1em; float: none; padding: 0; background-image: none;  margin: 0 ; letter-spacing: 0; clear: both; position: static /* for IE7 z-index bug */; }
div.nav-menu ul li ul.sub-menu li a { color: #fff; background-color: rgba(96, 168, 69, 0.9); white-space: nowrap;  padding: 8px 15px; }
div.nav-menu ul li ul.sub-menu li a:hover { color: #60A845; background-color: #CBDC48;  }	
div.nav-menu ul li ul.sub-menu ul.sub-menu { background: transparent; position: static; left: 0; top: 0; margin: 0; }
div.nav-menu ul li ul.sub-menu ul.sub-menu li { font-weight: normal; }

div.nav-menu ul li ul.sub-menu li.current_page_item a,
div.nav-menu ul li ul.sub-menu li.current-menu-item a { color: black; }

/* Horizontal Menu */
div.nav-menu-horiz ul li { float: left; font-size: 1.5em; display: block; text-transform: uppercase; font-weight: 300; }
div.nav-menu-horiz ul li.menu-item-last { margin-right: 0px; padding-right: 0; background-image: none; }
div.nav-menu-horiz-right ul { float: right; }

/* Top Menu */
div#top-menu {  }





/* 
	 Main Page Area 
 	 --------------------------------------------------------------------
*/

div.page-section-back { width: 100%; }
div.page-section-back.bottom { margin-bottom: 60px; }
div.page-section { width: 960px; margin: 0 auto; position: relative } 
div.page-section.padding { padding: 30px 0 }

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

div.page-section-back.header { background-color: #fff; margin: 0; }
div.page-section-back.header div.page-section { height: 164px; }

div.page-section-back.main-menu-bar { background-color: #60A845; margin: 0; }

/* Logo */
div#logo { position: absolute; top: 0; left: 0; }
div#logo img { display: block; margin-top: 26px; }

/* Contact */
div#contact { position: absolute; top: 0px; right: 0px; }

div#contact a.instant-quote { font-size:  1.8em; line-height: 1.3em; background-color: #60A845; padding: 10px 15px; text-transform: uppercase; margin: 26px 0 15px 0; display: block; color: #fff; font-weight: 300; cursor: pointer;
-o-transition: background-color 0.4s, color 0.4s;	
-moz-transition: background-color 0.4s, color 0.4s;	
-webkit-transition: background-color 0.4s, color 0.4s;	
transition: background-color 0.4s, color 0.4s;  }
div#contact a.instant-quote:hover { background-color: #CBDC48; color: #60A845; }
div#contact p {  margin: 0; line-height: 1.3em; color: #4D4D4F; }
div#contact p.speak-to { text-transform: uppercase; font-size:  1.8em;  }
div#contact p.tel { color: #60A945; font-size: 3em; font-weight: 400; letter-spacing: 1px;  }


/* 
---
------
   ------
---   ------		
   ---	 ----------------------------------------------------------
---	  --- Site-specific Elements ----------------------------------------
   --- 	 ----------------------------------------------------------
---   ------
   ------
------
---
*/

/* 
	 Home
 	 --------------------------------------------------------------------
*/

/* Slider */

div.page-section-back.cycle { overflow: hidden; background-color: #fff; }

#cycle div.slidethis { width: 100%; height: 100%; }
#cycle div.slidethis div.slide { width: 100%; height: 100%; background-size: cover; }
#cycle div.slidethis div.slide div.overlay { width: 960px; height: 100%; margin: 0 auto; position: absolute; }
#cycle div.slidethis div.slide div.overlay div.overlay-blue-box { background-color: rgba(15, 58, 82, 0.8); width: 465px; height: 100% }
#cycle div.slidethis div.slide div.overlay div.overlay-blue-box div.overlay-blue-box-inner { padding: 40px 30px 0 30px; }

#cycle h1,
#cycle h2,
#cycle h3,
#cycle h4,
#cycle h5,
#cycle h6,
#cycle p,
#cycle li { color: #fff; }
#cycle h2 { text-transform: uppercase; font-weight: 400; font-size: 2.9em; }



#cycle p { font-weight: 300; font-style: italic; font-family: "kepler-std", sans-serif; font-size: 2.4em; line-height: 1.3em;  }
#cycle p { font-weight: 300; font-style: italic; font-family: "Caladea", sans-serif; font-size: 2.2em; line-height: 1.3em;  }



#cycle a.quick-quote { background-color: #CBDC48; color: #144D6B; padding: 12px 25px; font-size:  1.8em; line-height: 1.3em; display: inline-block;
-o-transition: background-color 0.4s, color 0.4s;	
-moz-transition: background-color 0.4s, color 0.4s;	
-webkit-transition: background-color 0.4s, color 0.4s;	
transition: background-color 0.4s, color 0.4s; }
#cycle a.quick-quote:hover { background-color: #60A845; color: #fff; }

#dummy { width: 100%; display: block; min-height: 370px; max-height: 500px; }
.page-section-back.next-prev { border-bottom: 10px solid #CBDC48; }
.page-section-back.next-prev .page-section { position: relative;  }
.page-section-back.next-prev .page-section div {position: absolute; width: 50px; height: 50px; z-index: 500; cursor: pointer; }
.page-section-back.next-prev .page-section div:hover { opacity: 0.8; }
#next { background-image: url(images/next.png); right: -70px; }
#prev { background-image: url(images/prev.png); left: -70px }


/* Bonds Available */

.stripheading h2 { font-weight: 300; color: #60A845; text-align: center; font-size: 2em; letter-spacing: 1px; margin-bottom: 0; }

#bondtypes-home { width: 1012px; }
#bondtypes-home div.bondtypes-home-outer  {width: 201px; margin-right: 52px; float: left;}
#bondtypes-home div.bondtypes-home-inner  { padding: 10px 0 5px 0; border-bottom: 2px solid #656668; border-top: 1px solid #656668; }
#bondtypes-home div.bondtypes-home-inner-inner { border-bottom: 10px solid #60A845; height: 222px; overflow: hidden; position: relative; }
#bondtypes-home div.bondtypes-home-inner-inner .normal { height: 80px; background-color: rgba(15, 58, 82, 0.8); margin-top: 71px; position: absolute; width: 100%; top:0;
-o-transition: top 0.4s;	
-moz-transition: top 0.4s;	
-webkit-transition: top 0.4s;	
transition: top 0.4s; }
#bondtypes-home div.bondtypes-home-inner-inner:hover .normal { top: 222px;}
#bondtypes-home div.bondtypes-home-inner-inner:hover .hover { top:0px; }

#bondtypes-home div.bondtypes-home-inner-inner h3 { text-align: center; color: #fff; text-transform: uppercase; font-size: 1.8em; font-weight: 300;  }
#bondtypes-home div.bondtypes-home-inner-inner p { color: #fff; font-size: 1.5em; font-weight: 300; }
#bondtypes-home div.bondtypes-home-inner-inner .normal h3 { padding-top: 29px; }
#bondtypes-home div.bondtypes-home-inner-inner .normal.double h3 { padding-top: 17px; }

#bondtypes-home div.bondtypes-home-inner-inner .hover { background-color: rgba(15, 58, 82, 0.8); height: 182px; top: -222px; padding: 20px 13px; position:absolute;
-o-transition: top 0.4s;	
-moz-transition: top 0.4s;	
-webkit-transition: top 0.4s;	
transition: top 0.4s; }

#bondtypes-home div.bondtypes-home-inner-inner a { font-size: 1.2em; display: inline-block; padding: 5px; background-color: red; margin-right: 5px; text-transform: uppercase; color: #fff; font-weight: 300; }

#bondtypes-home div.bondtypes-home-inner-inner a.read-more { background-color: #CBDC48; color: #60A845; }
#bondtypes-home div.bondtypes-home-inner-inner a.read-more:hover { background-color: #d5df8d }
#bondtypes-home div.bondtypes-home-inner-inner a.get-quote { background-color: #60A845; color: #fff; }
#bondtypes-home div.bondtypes-home-inner-inner a.get-quote:hover { background-color: #82bf6c; }

/* Bonds Tablet Version */

#bondtypes-home-tablet { width: 1012px; display: none; }
#bondtypes-home-tablet div.bondtypes-home-outer  {width: 201px; margin-right: 52px; float: left;}
#bondtypes-home-tablet div.bondtypes-home-inner  { padding: 10px 0 5px 0; border-bottom: 2px solid #656668; border-top: 1px solid #656668; }
#bondtypes-home-tablet a.bondtypes-home-inner-inner { border-bottom: 10px solid #60A845; height: 222px; overflow: hidden; position: relative; display: block; }
#bondtypes-home-tablet a.bondtypes-home-inner-inner .normal { height: 80px; background-color: rgba(15, 58, 82, 0.8); margin-top: 71px; position: absolute; width: 100%; top:0;
-o-transition: top 0.4s;	
-moz-transition: top 0.4s;	
-webkit-transition: top 0.4s;	
transition: top 0.4s; }

#bondtypes-home-tablet a.bondtypes-home-inner-inner h3 { text-align: center; color: #fff; text-transform: uppercase; font-size: 1.8em; font-weight: 300;  }
#bondtypes-home-tablet a.bondtypes-home-inner-inner p { color: #fff; font-size: 1.5em; font-weight: 300; }
#bondtypes-home-tablet a.bondtypes-home-inner-inner .normal h3 { padding-top: 29px; }
#bondtypes-home-tablet a.bondtypes-home-inner-inner .normal.double h3 { padding-top: 17px; }

#bondtypes-home-tablet a.bondtypes-home-inner-inner .hover { background-color: rgba(15, 58, 82, 0.8); height: 182px; top: -222px; padding: 20px 13px; position:absolute;
-o-transition: top 0.4s;	
-moz-transition: top 0.4s;	
-webkit-transition: top 0.4s;	
transition: top 0.4s; }

#bondtypes-home-tablet a.bondtypes-home-inner-inner a { font-size: 1.2em; display: inline-block; padding: 5px; background-color: red; margin-right: 5px; text-transform: uppercase; color: #fff; font-weight: 300; }

#bondtypes-home-tablet a.bondtypes-home-inner-inner a.read-more { background-color: #CBDC48; color: #60A845; }
#bondtypes-home-tablet a.bondtypes-home-inner-inner a.read-more:hover { background-color: #d5df8d }
#bondtypes-home-tablet a.bondtypes-home-inner-inner a.get-quote { background-color: #60A845; color: #fff; }
#bondtypes-home-tablet a.bondtypes-home-inner-inner a.get-quote:hover { background-color: #82bf6c; }


.page-section.bottom-space { padding-bottom: 40px; }
.page-section.top-space { padding-top: 40px; }
.page-section.border-bottom { border-bottom: 1px solid #656668; }

.got-questions { padding: 15px; background-color: #144D6B; margin-bottom: 20px; }
.got-questions h3 { color: #fff; font-weight: 300; font-size: 2.4em; }
.got-questions p { color: #fff; font-size: 2em; margin: 0; }
.got-questions span { color: #CBDC48; }

.instant-quote { padding: 15px; background-color: #144D6B; }
.instant-quote p { color: #fff; font-size: 2em; margin: 0; line-height: 1.3em }
.instant-quote a { display: inline-block; background-color: #60A845; color: #fff; float: right; padding: 5px; font-size: 1.8em; line-height: 1.3em; letter-spacing: 2px;
-o-transition: background-color 0.4s, color 0.4s;	
-moz-transition: background-color 0.4s, color 0.4s;	
-webkit-transition: background-color 0.4s, color 0.4s;	
transition: background-color 0.4s, color 0.4s;  } 
.instant-quote a:hover { background-color: #CBDC48; color: #144D6B;}
/* Client Section */

.clients-include { margin-bottom: 15px; }
#clientlogos img { margin: 20px 0 20px 28px; }

.home h1 { width: 450px; }


/* 
	 Internal Page
 	 --------------------------------------------------------------------
*/


div.column-sidebar-internal a.side-links { display: block; margin-bottom: 5px; padding: 5px 10px 7px; background-color: #60A845; font-size: 1.9em; line-height: 1.3em; color: #fff; font-weight: 300;
-o-transition: background-color 0.4s;	
-moz-transition: background-color 0.4s;	
-webkit-transition: background-color 0.4s;	
transition: background-color 0.4s; }  

div.column-sidebar-internal a.side-links.current,
div.column-sidebar-internal a.side-links:hover { background-color: #144D6B; }


/* 
	 Quote Form
 	 --------------------------------------------------------------------
*/

#quote-form { background-color: #144D6B; padding: 15px 20px; margin-top: 30px;  }

#quote-form a { color: #CBDC4B; text-decoration: underline; }

#quote-form a:hover { color: #fff; }

#quote-form h3 { color: #fff; margin-bottom: 20px; }

#quote-form p { color: #60A845; }

#quote-form p.errormes { color: #ff4a4a; }

#quote-form input[type="text"] { font-size: 1.8em; padding: 5px; width: 96%; padding: 5px 2%; background-color: #E6E7E8; }

#quote-form input[type="checkbox"] { margin-right: 10px; margin-top: 10px; }

#quote-form input[placeholder] { color: #231F20; }

#quote-form input[type="submit"] { width: 96%; padding:  10px 2%; font-size: 2em; text-transform: uppercase; line-height: 1.3em; text-align: left; background-color: #60A845; color: #fff; cursor: pointer;
-o-transition: background-color 0.4s, color 0.4s;	
-moz-transition: background-color 0.4s, color 0.4s;	
-webkit-transition: background-color 0.4s, color 0.4s;	
transition: background-color 0.4s, color 0.4s;  }

#quote-form input[type="submit"]:hover { background-color: #CBDC48; color: #231F20; }

#quote-form label { font-size: 1.8em; color: #fff; font-weight: 300; margin-top: 10px; }

#quote-form .field { float: left; width: 305px; margin: 0 20px 10px 0;  }

#quote-form .field.submit { width: 100%; }

#quote-form .field.two { margin-right: 0; }

#quote-form .extramarge { margin-bottom: 30px; }

#quote-form form.hidefields .field { display: none; }

#quote-form .field.select { overflow: hidden; }

#quote-form .field.select select { -webkit-appearance: none; -moz-appearance: none; white-space: normal; box-sizing: content-box; border: 0px; font-size: 1.8em; font-family: inherit; line-height: 1em; padding: 0; margin: 0; font-weight: normal; display: block;  padding: 5px 5px; border-radius: 0px; background-color: #E6E7E8; background-image: url(images/form-drop-down.png); background-repeat: no-repeat; cursor: pointer; height: 24px; width: 400px; background-position: 270px -34px;  }

#quote-form input[name="company-name"] { margin-top: 10px; }

#quote-form .field.select select:hover { background-position: 270px 0px; }

#quote-form .privacy-warning { font-size: 1.3em; color: #CBDC4B; font-weight: 300; }

#please-wait { position: absolute; left: 50%; margin-right: 24px; top: 350px; }



/* 
	 Our Team
 	 --------------------------------------------------------------------
*/

#team-members div.team-member { }

#team-members div.team-member img { display: block; border-bottom: 1px solid #656668; margin-bottom: 20px; width: 217px; height: 217px; }

#team-members div.team-member p { font-size: 1.6em; }


/* 
	 Our Clients
 	 --------------------------------------------------------------------
*/

.testimonials-box { border-bottom: 1px solid #656668; margin-bottom: 30px; padding-bottom: 20px }

.testimonials-box p.client { color: #60A845; font-size: 1.6em; }

.testimonials-box.bottom { border-bottom: 0; margin-bottom: 0; }












































/* Posts */

h1.posts-section-title { font-size: 4em; font-weight: normal; margin-bottom: 30px; }

/* Posts: Sidebar */
div.panel-post-list { }
div.panel-post-list h2 { font-size: 2.6em; }
div.post-snippet { padding-bottom: 15px; border-bottom: 1px solid #fff; margin-bottom: 15px; }
div.post-snippet.last { border-bottom: 0; margin-bottom: 0; }
div.post-snippet h3 { font-size: 1.8em; margin-bottom: 3px; }
div.post-snippet p { margin-bottom: 0; }
div.post-snippet p a.read-more { white-space: nowrap; }

/* Posts: Index & Archive Listings */
div.post-listing { padding-bottom: 25px; border-bottom: 1px solid #777; margin-bottom: 25px; }
div.post-listing.last { border-bottom: 0; margin-bottom: 0; }
div.post-listing p { margin-bottom: 0; }
div.post-listing p a.read-more { white-space: nowrap; }

/* Posts: Single */
div.post-full div.featured-image { border: 1px solid; padding: 10px; margin-bottom: 20px; }
div.post-full div.featured-image img,
div.post-full div.featured-image-left img,
div.post-full div.featured-image-right img { margin: 0; }
div.post-full div.featured-image-left { float: left; margin: 0 15px 15px 0; }
div.post-full div.featured-image-right { float: right; margin: 0 0 15px 15px; } 


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






div#main div.articles { background-color: #dfdfdf; background-image: url(images/right_col_mask.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 37px; margin-bottom: 30px; } 
div#main div.articles h2.articles-heading { font-size: 2.6em; line-height: 1em; font-weight: bold; font-weight: 700; padding: 40px 10px 10px; margin: 0; background-color: #8f999d; color: #f4f3f1; border: 0; }
div#main div.articles h2.articles-heading a { color: #f4f3f1; }
div#main div.articles h2.articles-heading a:hover { color: #fff; }
div#main div.articles div.articles-content { padding: 10px 10px 0; }
div#main div.articles h3 { font-size: 1.6em; font-weight: bold; line-height: 1.1em; color: #8f999d; margin-bottom: 3px;  }
div#main div.articles h3 a { color: #8f999d; }
div#main div.articles h3 a:hover { color: #777777; }
div#main div.articles p { font-size: 1.3em; line-height: 1.4em; font-style: italic; text-transform: none;}
div#main div.articles p a { color: #8f999d; }
div#main div.articles p a:hover { color: #777777; }
div#main div.articles p a.read-more { font-style: normal; }




/* Teasers */
div#main div.teasers { padding: 10px 0; }
div#main div.teaser { width: 650px; margin-bottom: 30px; border-top: 4px solid; border-bottom: 1px solid #cdcdcd; background-color: #f4f3f1; }
div#main div.teaser div.image { float: right; width: 140px; }
div#main div.teaser div.image img { display: block; }
div#main div.teaser div.content { float: left; width: 460px; padding-top: 10px; }
div#main div.teaser h2 { font-size: 2.2em; line-height: 1.1em; color: #920438; margin-bottom: 6px; }
div#main div.teaser p { line-height: 1.4em; margin-bottom: 15px; }
div#main div.teaser div.btn-teaser { }
div#main div.teaser div.btn-teaser a { float: left; clear: both; display: block; font-size: 1.8em; line-height: 1em; font-weight: bold; font-weight: 700; background-color: #920438; color: #fff; padding: 5px 10px 6px; }
div#main div.teaser div.btn-teaser a:hover { background-color: #cdcdcd; }
div#main div.teaser h2 a:hover { color: #777777; }



/*  Contact Page - Form */
div#main div.forms { margin-bottom: 30px; margin-top: 30px; background-color: #8f999d; padding: 10px; }
div#main div.forms h3 { font-size: 2em; line-height: 1em; color: #F4F3F1; }
div#main div.forms p { font-size: 1.3em; line-height: 1.3em; color: #F4F3F1; }
div#main div.forms input { font-family: "myriad-pro", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main div.forms div.field {  }
div#main div.forms div.field label { display: block; font-size: 1.3em; text-transform: uppercase; font-weight: bold; font-weight: 700; margin-bottom: 2px; color: #F4F3F1; }
div#main div.forms div.field label span.detail { text-transform: lowercase; font-size: 0.9em; font-weight: normal; font-weight: 300; }
div#main div.forms div.field input { width: 216px; height: 14px; padding: 4px 2px; margin-bottom: 8px; font-size: 13px; font-weight: normal; border: 0px solid #ddd; color: #777777; }
div#main div.forms div.field input:focus { background-color: #444; }
div#main div.forms div.field textarea { width: 216px; padding: 4px 2px; font-size: 13px; font-weight: normal; border: 1px solid #ddd; color: #777777; margin-bottom: 8px; }

div#main div.forms div.buttons input { padding: 6px 5px; border: 0; background-color: #58595B; text-align: center; font-size: 1.4em; line-height: 1em; font-weight: bold; font-weight: 700; color: #fff; text-transform: uppercase; display: block; width: auto; }
div#main div.forms div.buttons input:hover { background-color: #ddd; color: #777777; }

/* Sign up form: responses etc */
div#main div.wpcf7 { position: relative; }
div#main div.wpcf7-response-output { position: absolute; bottom: auto; left: 0px; width: 200px; font-size: 1.4em; font-weight: bold; margin: 0px 0 10px; padding: 5px 8px; background-color: #fff; }
div#main div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
div#main div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }
div#main div.wpcf7-spam-blocked { border: 2px solid #ffa500; }
div#main div.wpcf7-validation-errors { border: 2px solid #f7e700; }
div#main span.wpcf7-form-control-wrap { position: relative; }
div#main span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 #FFFFFF; color: #222; border: 1px solid #FF0000; font-size: 1.4em; font-weight: normal; text-transform: none; letter-spacing: 1px; left: 0; padding: 4px 2px; position: absolute; top: 0; width: 218px; height: 16px; z-index: 100; }
div#main span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
div#main span.wpcf7-list-item { margin-left: 0.5em; }
div#main .wpcf7-display-none { display: none; }
div#main div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; }
div#main div.wpcf7 .watermark { color: #888; }



/* 
	 Blog 
 	 --------------------------------------------------------------------
*/

/* Blog: Index/Archive */
div#main div.post { padding-bottom: 20px; border-bottom: 1px solid; margin-bottom: 20px; }
div#main div.post.last { padding-bottom: 0px; border-bottom: 0; margin-bottom: 0; }
div#main div.post h2 { color: #fff; }
div#main div.post p { margin-bottom: 0; }
div#main div.post div.post-thumbnail { float: right; margin: 0 0 0 16px; }
div#main div.post div.post-thumbnail img { display: block; }

/* Blog: Single */
div#main div.post-full {  }
div#main div.post-full div.post-thumbnail { margin: 0 0 24px 0; padding: 0; text-align: center; border: 17px solid #fff; background-color: #dedacd; clear: both; }
div#main div.post-full div.post-thumbnail img { margin: 0 auto; display: block; }


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

/* Blog Comments */
div#comments { background-color: #fff; padding: 16px; margin-top: 30px; }
div#comments h3#respond { font-size: 1.8em; margin-bottom: 15px; }
div#comments h4#comments { display: none; }
div#comments ul.commentlist { margin: 0; padding: 0; }
div#comments ul.commentlist li { margin: 0 0 30px; padding: 0; list-style-type: none; font-size: 1em; }
div#comments ul.commentlist li.alt { background-color: transparent; }  
div#comments div.commentmetadata { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; }
div#comments div.commentmetadata span { color: #fff; background-color: #949455; padding: 2px 4px; }
div#comments div.commentmetadata span a { color: #E2E4D4; text-decoration: none; }
div#comments div.commentmetadata span a:hover { color: #fff; }
div#comments div.commenttext { /* padding: 10px; border: 1px solid #4fa0bc;  */ border-bottom: 1px dotted #d5be68; padding-bottom: 10px;}
div#comments div.commenttext p { font-size: 1.5em; /* padding-left: 15px;  */margin-bottom: 10px; }
/*
div#comments div.commentdate { margin-bottom: 10px; background-color: #4fa0bc; padding: 5px 10px; }
div#comments div.commentdate p { font-size: 1em; margin: 0; color: #fff; text-decoration: none; }
div#comments div.commentdate p a { color: #fff; text-decoration: none; }
div#comments div.commentdate p a:hover { color: #eef6e7; }
*/

div#comments div.commentdate { float: right }
div#comments div.commentdate p { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; padding-left: 0; }
div#comments div.commentdate p a {  }
div#comments div.commentdate p a:hover {  }

div#comments form#commentform div.field { margin-bottom: 10px; }
div#comments form#commentform label { display: block; }
div#comments form#commentform div.field input { width: 96%; background-color: #eee9df; padding: 10px 2%; }
div#comments form#commentform textarea { width: 96%; background-color: #eee9df; padding: 10px 2%; }


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

div.page-section-back.footer { background-color: #231F20; margin: 40px 0 0 0; padding: 30px 0;  }

div.page-section-back.footer div.copyright p { font-size: 1.5em; }

div.page-section-back.footer div.page-section p,
div.page-section-back.footer div.page-section li { color: #fff; text-align: left; }

div.page-section-back.footer div.page-section p a,
div.page-section-back.footer div.page-section li a { color: #fff; }

div.page-section-back.footer div.page-section p a:hover,
div.page-section-back.footer div.page-section li a:hover { color: #CBDC48; }

div.page-section-back.footer div.page-section div.footer-box { float: left; }
div.page-section-back.footer div.page-section div.footer-box.footer-box-one { margin-right: 120px; width: 320px }
div.page-section-back.footer div.page-section div.footer-box.footer-box-two { width: 520px; }

div.page-section-back.footer div.page-section div.footer-box h3 { font-size: 1.8em; border-bottom: 1px solid #60A845; padding: 0 0 5px 0; color: #fff  }

div.page-section-back.footer div.page-section div.footer-box ul { margin: 0; display: block; float: left; }

div.page-section-back.footer div.page-section div.footer-box-one ul.one { width: 210px; }
div.page-section-back.footer div.page-section div.footer-box-one ul.two { width: 110px; }

div.page-section-back.footer div.page-section div.footer-box ul li { list-style: none; margin-bottom: 5px; font-size: 1.5em; }

div.page-section-back.footer div.page-section div.footer-box-two div { float: left; }
div.page-section-back.footer div.page-section div.footer-box-two div.one { width: 320px; }
div.page-section-back.footer div.page-section div.footer-box-two div.two { width: 200px; }

div.page-section-back.footer div.page-section div.footer-box-two p { font-size: 1.5em; line-height: 1.9em; }

div.page-section-back.footer div.page-section div.footer-box-two div.one p { color: #CBDC48; }
div.page-section-back.footer div.page-section div.footer-box-two div.one p a { color: #CBDC48; }
div.page-section-back.footer div.page-section div.footer-box-two div.one p a:hover { color: #fff; }

div.page-section-back.footer div.page-section div.footer-box-two a.quick-quote { display: block; float: left; padding: 13px 20px; background-color: #CBDC48; color: #231F20; font-size: 1.9em;
-o-transition: background-color 0.4s, color 0.4s;	
-moz-transition: background-color 0.4s, color 0.4s;	
-webkit-transition: background-color 0.4s, color 0.4s;	
transition: background-color 0.4s, color 0.4s;  }

div.page-section-back.footer div.page-section div.footer-box-two a.quick-quote:hover { background-color: #60A845; color: #fff; }

div.page-section-back.footer div.page-section p a span { color: #fff; }
div.page-section-back.footer div.page-section p a:hover { color: #575757; }

div.page-section-back.footer .documents {
	float: left;
	width: 100%;
	margin-top: 20px;
}


/* 
	 Miscellaneous 
 	 --------------------------------------------------------------------
*/
div#container.full-width,
div#header.full-width,
div#footer.full-width,
div.full-width { width: 100%; margin: 0; }
.inner-container { width: 960px; height: 100%; margin: 0 auto; position: relative; }

/* Error Messages */
div.error-message { background-color: #fff; border: 4px solid red; padding: 10px; margin-bottom: 20px; }
div.error-message h1 { color: red; }
div.error-message a { color: red; }
div.error-message a:hover { color: black; }

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


/* 
	 Addons & Third-party
 	 --------------------------------------------------------------------
*/

/* Cookie Legal Message */
#cookieMessageWrapper {
	background: #aaa;
	font-weight: normal; 
	padding: 0;
	margin: 0;
	display: none;
	border-bottom: solid 1px #666;
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaaaaa 0%, #888888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#888888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aaaaaa 0%,#888888 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#888888',GradientType=0 ); /* IE6-8 */
	/* height: 50px; */

}
#cookieMessage {
	width: 960px; /* this needs to be set to the width of the centre container */
	padding: 10px 0 11px 0;
	margin: 0 auto;
	position: relative;
}
#cookieMessage:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#cookieMessage p {	
	text-align: left;
	color: #fff;
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
}
/*
#cookieMessage p a { color: #375D92; }
#cookieMessage p a:hover { color: #666; }
*/
a#cookieClose {
	float: right;
	display: block;
	background-image: url(images/close.png);

	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	z-index: 100;
	
	text-decoration: none;
	background-color: transparent;
	border: solid 0px #555;
	border-radius: 3px;
	color: #fff;
	font-size: 1.1em;
	text-transform: lowercase;
	font-weight: bold;

}
a#cookieClose:hover { opacity: 0.8; }

  
/**
 * 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: #fff;
	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: 49%;
	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 {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* 
	 Rowans Menu 
 	 --------------------------------------------------------------------
*/

.rowans-fancy-menu{ left: -40%; position: absolute; position: fixed; top: 0; height: 100%; z-index: 1999; width: 40%; overflow-x: none; overflow-y: auto; font-size: 15px; background-color: #60A845; color: #fff; top:40px;
-webkit-box-shadow: 0px 0px 15px #222; 
-moz-box-shadow: 0px 0px 15px #222; 
box-shadow:0px 0px 15px #222;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
-o-transition: left 0.5s; 
transition: left 0.5s; }

.rowans-fancy-menu.activate { left: 0; }

.rowans-fancy-menu .rowans-fancy-menu-inner{ padding: 0 0 15px }

.rowans-fancy-menu.right{ left: auto; right: -260px }

.rowans-fancy-menu.left{ left: -260px; right: auto }

.rowans-fancy-menu h1,.rowans-fancy-menu h2,.rowans-fancy-menu h3,.rowans-fancy-menu h4,.rowans-fancy-menu h5,.rowans-fancy-menu h6 { font-size: 11px; font-weight: normal; padding: 0 15px; margin: 0 0 5px; color: #fff; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a)); background-image: -webkit-linear-gradient(#4d4d4d,#1a1a1a); background-image: -moz-linear-gradient(#4d4d4d,#1a1a1a); background-image: -o-linear-gradient(#4d4d4d,#1a1a1a); background-image: linear-gradient(#4d4d4d,#1a1a1a); -webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2) }

.rowans-fancy-menu p{ font-size: 13px; margin: 0 0 12px }

.rowans-fancy-menu p a{ color: rgba(255,255,255,0.9) }

div#rowans-fancy-menu{ display: block; margin: 0 0 15px; padding: 0; border-bottom: 1px solid #222 }

.rowans-fancy-menu ul { margin: 0; }

.rowans-fancy-menu ul li{ display: block; margin: 0; line-height: 40px; border-top: 1px solid #222; font-weight: 300; font-size: 1.2em;}

.rowans-fancy-menu ul li.menu-item-first { border-top: 0; }

.rowans-fancy-menu ul li:hover,.rowans-fancy-menu ul li.active,.rowans-fancy-menu ul li.rowans-fancy-menu-class-active{ }

.rowans-fancy-menu ul li a,.rowans-fancy-menu ul li span{ padding: 0 15px; display: block; text-decoration: none; color: #fff;text-transform: uppercase; }

.rowans-fancy-menu ul li ul{ border-bottom: none; margin: 0 }

.rowans-fancy-menu ul li ul li{ line-height: 40px; font-size: 13px }

.rowans-fancy-menu ul li ul li:last-child{ border-bottom: none }

.rowans-fancy-menu ul li ul li a,.rowans-fancy-menu ul li ul li span{ color: rgba(255,255,255,0.8); padding-left: 30px }

.rowans-fancy-menu form{ margin: 0 15px }

.rowans-fancy-menu label{ font-size: 13px }

.rowans-fancy-menu input[type="text"],.rowans-fancy-menu input[type="password"],.rowans-fancy-menu input[type="date"],.rowans-fancy-menu input[type="datetime"],.rowans-fancy-menu input[type="email"],.rowans-fancy-menu input[type="number"],.rowans-fancy-menu input[type="search"],.rowans-fancy-menu input[type="tel"],.rowans-fancy-menu input[type="time"],.rowans-fancy-menu input[type="url"],.rowans-fancy-menu textarea,.rowans-fancy-menu select{ width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: none; background: rgba(0,0,0,0.1); color: rgba(255,255,255,0.6); display: block; clear: both }

.rowans-fancy-menu input[type=checkbox]{ width: auto; display: inline; clear: none }

.rowans-fancy-menu input[type=button],.rowans-fancy-menu input[type=submit]{ color: #333; background: #fff }

.rowans-fancy-menu input[type=button]:hover,.rowans-fancy-menu input[type=submit]:hover{ background: rgba(255,255,255,0.9) }


 
/* 
---
------
   ------
---   ------		
   ---	 ----------------------------------------------------------
---	  --- Responsive ----------------------------------------------------
   --- 	 ----------------------------------------------------------
---   ------
   ------
------
---
*/


.page-section-back.responsive-header-fixed { display: none; background-color: #60A845; height: 40px; position: fixed; top: 0; left: 0; z-index: 3000; 
-webkit-box-shadow: 0px 0px 15px #222; 
-moz-box-shadow: 0px 0px 15px #222; 
box-shadow:0px 0px 15px #222; }

#responsive-menu-button { width: 30px; height: 30px; background-image: url(images/menu-button.png); float: right; margin-top: 5px; }

#bondtypes-home-responsive { display: none; }

#bondtypes-home-responsive { width: 800px; }
#bondtypes-home-responsive a.bondtypes-home-outer  {width: 348px; margin-right: 52px; float: left; }
#bondtypes-home-responsive a.bondtypes-home-outer.bottom { margin-bottom: 40px; }
#bondtypes-home-responsive div.bondtypes-home-inner  { padding: 10px 0 5px 0; border-bottom: 2px solid #656668; border-top: 1px solid #656668; }
#bondtypes-home-responsive div.bondtypes-home-inner-inner { border-bottom: 10px solid #60A845; height: 222px; overflow: hidden; position: relative; }
#bondtypes-home-responsive div.bondtypes-home-inner-inner .normal { height: 80px; background-color: rgba(15, 58, 82, 0.8); margin-top: 71px; position: absolute; width: 100%; top:0;
-o-transition: top 0.4s;	
-moz-transition: top 0.4s;	
-webkit-transition: top 0.4s;	
transition: top 0.4s; }

#bondtypes-home-responsive div.bondtypes-home-inner-inner h3 { text-align: center; color: #fff; text-transform: uppercase; font-size: 1.8em; font-weight: 300;  }
#bondtypes-home-responsive div.bondtypes-home-inner-inner p { color: #fff; font-size: 1.5em; font-weight: 300; }
#bondtypes-home-responsive div.bondtypes-home-inner-inner .normal h3 { padding-top: 29px; }
#bondtypes-home-responsive div.bondtypes-home-inner-inner .normal.double h3 { padding-top: 17px; }


#bondtypes-home-responsive div.bondtypes-home-inner-inner a { font-size: 1.2em; display: inline-block; padding: 5px; background-color: red; margin-right: 5px; text-transform: uppercase; color: #fff; font-weight: 300; }

#bondtypes-home-responsive div.bondtypes-home-inner-inner a.read-more { background-color: #CBDC48; color: #60A845; }
#bondtypes-home-responsive div.bondtypes-home-inner-inner a.read-more:hover { background-color: #d5df8d }
#bondtypes-home-responsive div.bondtypes-home-inner-inner a.get-quote { background-color: #60A845; color: #fff; }
#bondtypes-home-responsive div.bondtypes-home-inner-inner a.get-quote:hover { background-color: #82bf6c; }


@media screen and (max-width: 960px) {

/* 
	 General 748
 	 --------------------------------------------------------------------
*/


div.page-section { width: 748px; }
div.row { width: 778px; }
div.row div.column-full { width: 748px; }

div.row div.column-main { width: 354px; }
div.row div.column-sidebar { width: 354px;  } 

#clientlogos .column-one img { margin: 20px 0; }
#clientlogos .column-one { width: 164px; }

div.row div.column-main-internal { width: 748px; margin-bottom: 30px; }
div.row div.column-sidebar-internal { width: 748px;}
  




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

.page-section-back.responsive-header-fixed { display: block; }

div.page-section-back.main-menu-bar { height: 10px; }

div.page-section-back.header { padding-top: 40px; }

#cycle div.slidethis div.slide div.overlay { width: 748px }

.page-section-back.header #contact { display: none; }

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


div.page-section-back.footer div.page-section div.footer-box.footer-box-one { margin-right: 30px; }

div.page-section-back.footer div.page-section div.footer-box.footer-box-two { width: 398px; }

/* 
	 Home 748
 	 --------------------------------------------------------------------
*/

/* Bonds Available */

#bondtypes-home { display: none; }

#bondtypes-home-responsive { display: block; }

.home h1 { width: auto; }

.instant-quote a { margin-left: 10px; }

.got-questions p,
.instant-quote p {  font-size: 1.8em; }

/* 
	 Our Team 748
 	 --------------------------------------------------------------------
*/

#team-members div.row.four-col div.column { margin-right: 42px; }

/* 
	 Quote Form 748
 	 --------------------------------------------------------------------
*/

#quote-form .field { width: 344px; }

#quote-form .field.select select { background-position: 305px -34px; }
#quote-form .field.select select:hover { background-position: 305px 0px;  }

}

@media screen and (max-width: 748px) {

/* 
	 General 496
 	 --------------------------------------------------------------------
*/


div.page-section { width: 496px; }
div.row { width: 600px; }
div.row div.column-full { width: 496px; }

div.row div.column-main { width: 496px; }
div.row div.column-sidebar { width: 496px;  } 

#clientlogos .column-one img { width: 101px; margin: 20px 0; }
#clientlogos .column-one { width: 101px; }

div.row div.column-main-internal { width: 496px; margin-bottom: 30px; }
div.row div.column-sidebar-internal { width: 496px;}

.rowans-fancy-menu{ left: -60%;  width: 60%;}

#cycle div.slidethis div.slide { background-image: none !important; }


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

.page-section-back.next-prev,
div.page-section-back.cycle { display: none; }


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


div.page-section-back.footer div.page-section div.footer-box.footer-box-one { margin: 0 0 30px 0; width: 496px; }

div.page-section-back.footer div.page-section div.footer-box.footer-box-two { width: 496px; }


/* 
	 Home 496
 	 --------------------------------------------------------------------
*/


#bondtypes-home-responsive a.bondtypes-home-outer  { width: 228px; margin-right: 40px; }

/* 
	 Our Team 496
 	 --------------------------------------------------------------------
*/

#team-members div.row.four-col div.column { margin-right: 62px; }

/* 
	 Quote Form 496
 	 --------------------------------------------------------------------
*/

#quote-form .field { width: 456px; }

#quote-form .field.select select { background-position: 420px -34px; width: 600px; }
#quote-form .field.select select:hover { background-position: 420px 0px; }


}

@media screen and (max-width: 496px) {

/* 
	 General 300
 	 --------------------------------------------------------------------
*/


div.page-section { width: 300px; }
div.row { width: 400px; }
div.row div.column-full { width: 300px; }

div.row div.column-main { width: 300px; }
div.row div.column-sidebar { width: 300px;  } 

#clientlogos .column-one img { width: 101px; margin: 20px 0; }
#clientlogos .column-one { width: 101px; }

div.row div.column-main-internal { width: 300px; margin-bottom: 30px; }
div.row div.column-sidebar-internal { width: 300px;}

.rowans-fancy-menu{ left: -100%;  width: 100%;  }

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


div.page-section-back.footer div.page-section div.footer-box.footer-box-one { margin: 0 0 30px 0; width: 300px; }

div.page-section-back.footer div.page-section div.footer-box.footer-box-two { width: 300px; }

div.page-section-back.footer div.page-section div.footer-box-two a.quick-quote { line-height: 1.3em; }

/* 
	 Home 300
 	 --------------------------------------------------------------------
*/

#bondtypes-home-responsive { width: 400px; }
#bondtypes-home-responsive a.bondtypes-home-outer  { width: 300px; margin: 0 0 40px 0;  }

#clientlogos div.row.four-col div.column { float: left; margin-right: 51px; }

/* 
	 Our Team 300
 	 --------------------------------------------------------------------
*/

#team-members div.row.four-col div.column { margin: 0 0 0 40px; }

/* 
	 Quote Form 300
 	 --------------------------------------------------------------------
*/

#quote-form .field { width: 260px; }

#quote-form .field.select select { background-position: 228px -34px; width: 400px; }
#quote-form .field.select select:hover { background-position: 228px 0px; }

}