@import url(https://fonts.googleapis.com/css?family=Actor);

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

*:focus { border: 0; }

input[type="text"], input[type="email"] { background: white; border: 0; font: sans-serif; color: #797979; height: 25px; text-indent: 5px; padding: 0; outline: none;  }
input[type="text"]:focus, input[type="email"]:focus { background: #f1f1f1; color: #464646; }
	button { margin-left: 3px; font-size: 12px; border:1px solid #dddddd; padding: 4px 10px; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;}

#page-wrap { width: 980px; margin: 0px auto; padding: 0px 0px; background: white; }
#page-wrap { font-size: 14px; line-height: 20px; }
#page-wrap input[type="text"], #page-wrap input[type="email"] { border: 1px solid #aaaaaa; }
		
/* SITEWIDE CLASSES */

.wrap 		{ width: 980px; margin: 0px auto;  }
.clear 		{ clear: both; }
.uppercase { text-transform: uppercase; }

.alignleft { float: left; }
.alignright {  float: right;}
.aligncenter { margin: 0 auto; }

/*.entry img.alignnone { width: 100%; height: auto; }*/

.first-item { margin-left: 0px !important; }
.last-item 	{ margin-right: 0px !important; }

.trured 	{ color: #c9252b; }

.llink, 
.dlink 		{ font: 100 12px/16px "Museo Sans", Helvetica, Arial, sans-serif; border: 0; }

	.llink 		{ background: url(/wline.png) left center no-repeat; padding-left: 25px; color: white; text-decoration: none; } /* Adds white colour and 'dash' to important links – use on dark BGs */
	.dlink 		{ background: url(/dline.png) left center no-repeat; padding-left: 25px; color: #464646; text-decoration: none; } /* Adds dark 'dash' to important links – use on light BG */

.rlink, #searchsubmit { font: 300 12px/16px "Museo Sans", Helvetica, Arial, sans-serif; color: #c9252b; background: url(images/redline.png) left center no-repeat; padding-left: 30px; margin-top: 10px; display: block; border: 0; text-decoration: none; }

.slider-next { width: 40px; height: 40px; background: url(/slider_right_arrow.png) no-repeat; text-indent: -99999px; display: block; position: relative; z-index: 999; }
.slider-prev { width: 40px; height: 40px; background: url(/slider_left_arrow.png) no-repeat; text-indent: -99999px; display: block; position: relative; z-index: 999; }

/* hr { margin: 40px 0px; background: #e1e1e1; display: block; border: 0; } */

hr {clear:both; border-bottom:3px dotted #DEDEDE; width:100%; border-top: 0px;}

.wp-caption-text { margin-bottom: 0px; margin-top: 5px; font-size: 11px; font-weight: 500; }

.lowercase-blockquote { font-size: 14px; line-height: 22px; text-transform: none; padding-left: 15px; border-left: 2px solid #e3e3e3; }
.lowercase-blockquote-src { font-style: italic; font-size: 12px; line-height: 18px; background: url(/dline.png) left center no-repeat; padding-left: 30px;  }

.half{
	width:410px;
	float:left;
	padding: 20px;
}

.bythrees{
	width:940px;
	margin: 0 auto;
	padding-top: 10px;
	/*opacity:0.4;
	filter:alpha(opacity=40); */
}

.full{
	width: 900px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 18px;
	padding-right: 8px;
	padding-left: 8px;
}

.third{
	width:295px;
	float:left;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 18px;
	padding-right: 8px;
	padding-left: 8px;
}

.third a {
	height: 100%; 
	text-decoration:none;
	color: #FFF;
}

.third a:hover {
	display: block;
	height: 100%; 
	text-decoration:none;
	color: #EEE;
	background-color: rgba(48,48,48, 0.2);	
}

.third p{
	font-size: 12px;
	padding: 4px;
	max-width: 290px;
}

.sixth{
	width:150px;
	float:left;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 18px;
}

.mobile {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  }

.mobile a{
  background: #eee;
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  color: #222;
  font-weight: bold;
  width: 100%;
  display: block;
  &:hover, &:active, &:focus
    background: darken(#eee, 3%);
}

.twothird{
	width:600px;
	float:left;
}

.twothird p{
	font-size: 12px;
	padding: 4px;
}

#searchbox{
	clear: both;
	display: block;
	float: right;
	margin: 0 auto;
	width: 246px;
	margin-top: 10px;
	text-align: right;
	z-index:99999;
	height:29px;
	margin-top: -80px;
}

#telephone_top{
	clear: both;
	display: block;
	float: right;
	margin: 0 auto 4px;
	width: 240px;
	padding-top: 0px;
	text-align: right;
	z-index:99999;
	height:29px;
	color: #797979;
	font-size: 26px;
}

#socialmedia{
	clear: both;
	display: block;
	float: right;
	margin: 0 auto 4px;
	width: 450px;
	padding-top: 0px;
    margin-top: -55px;
	text-align: right;
	z-index:99999;
	height:29px;
}

#socialmediafooter{
	position:relative;
	margin-top:10px;
	text-align: right;
	font-size: 12px;
	width:475px;
	right:10px;
	height:29px;
	float:right;
	clear:right;
	z-index:99999;
}

/* TYPOGRAPHY */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
	
	.news-heading a,
	h1 { font-size: 26px; line-height: 30px; font-weight: 100; text-transform: uppercase; color: #464646; margin-bottom: 20px; }
	h2 { font-size: 41px; line-height: 55px; text-transform: uppercase; margin-bottom: 30px; font-weight: 100;  }
	h3 { 	font-size: 18px;
	letter-spacing: 0.08em;
	line-height: 1.4em;
	text-align: center;}
	h4 { font-size: 22px;
	letter-spacing: 0.08em;
	line-height: 1.4em;
	text-align: center;}
	h5 { font-size: 14px; line-height: 22px; font-weight: 500; margin-bottom: 15px; }
	h6 {  }

		p { margin-bottom: 16px; /* Same as line height */ }
		a { text-decoration: underline; color: #1c1c1c; }
		a:hover { color: #c9252b; }
		blockquote { font-size: 22px; line-height: 28px; text-transform: uppercase;  }
			.blockquote-src { font-size: 13px; line-height: 16px; background: url(images/dline.png) left center no-repeat; padding-left: 30px; margin-bottom: 0px; }
		small { font-size: 10px; line-height: 14px; }
		
		
/* HEADER */

#main-header 		{ width: 100%; height: 150px; position: relative; background: url("chromaglaze_head_bg.jpg") repeat scroll 0 0 transparent; z-index:20;
}
	#head-logo 	{ float: left; margin-top: 10px; }
	
		#head-logo img {max-height: 100px;}

#main-nav 				{ position: absolute; height: 70px; top: 64px; margin-left: 300px; list-style:none; width:620px;}
#main-nav a 			{ color: #797979; font-weight: 100; text-decoration:none; }
	#menu-main > li 			{ float: left; position: relative; padding: 0; margin-right: -1px; list-style:none;}
	#menu-main > li > a 		{ color: #27a39d; font-size: 18px;  line-height: 28px; display: block; width: 110px; height: 70px; }
	#menu-main > li > a:hover,
	#menu-main > li > a.menu-main-selected  { color: #27a39d; background-color: rgba(255,255,255, 0.6);}
	
	a.menu-main-selected span	{ color: #797979; font-size: 18px; font-family: "Actor", "Trebuchet MS", Verdana, Arial, sans-serif;}
	#menu-main > li > a > span 	{ font-family: "Actor", "Trebuchet MS", Verdana, Arial, sans-serif; display: block; position: absolute; left: 10px; bottom: 10px; z-index: 10; font-size: 18px; color: #797979;}
	
	#menu-main .sub-menu 	{ display: none; position: absolute; top: 70px; z-index: 10; border: 0; background-color: rgba(255,255,255, 0.6); width: 220px; padding-bottom: 0px; list-style:none; font-size: 18px; font-family: "Actor", "Trebuchet MS", Verdana, Arial, sans-serif;}
	#menu-main .sub-menu li	a { padding-left: 10px; font-size: 18px; font-family: "Actor", "Trebuchet MS", Verdana, Arial, sans-serif;line-height: 28px; display: block; color: #797979; font-weight: 100; text-decoration: none; }
	#menu-main .sub-menu li a:before { font-size: 12px; margin-right: 10px; }
	#menu-main .sub-menu li	a:hover { color: #e3e3e3; }
	#menu-main .sub-menu li	a:active { position: relative; top: 1px; }

	#main-nav .menu-item-last .sub-menu { border-right: 1px solid #303030 !important; }

#secondary-nav { float: right; }
	
	#menu-pages li 			{ float: left; margin-right: -1px; list-style:none; color: #fff;}
	#menu-pages li a 		{ text-transform: uppercase; color: #27a39d; padding: 0px 10px; display: block; padding-top: 10px; text-decoration: none; }
	#menu-pages li a:hover	{ position: relative; z-index: 10; color: #464646; }


	#menu-social		{ margin-left: -23px; margin-top: 15px; }
	#menu-social li 	{ float: left; margin-left: 23px; height: 18px; }
	#menu-social li a 	{ color: #262626; font-size: 11px; line-height: 20px; text-decoration: none; }
	
	#menu-social li.tw-icon { background: url(images/tw.png) left center no-repeat; padding-left: 25px; }
	#menu-social li.fb-icon { background: url(images/fb.png) left center no-repeat; padding-left: 25px; }
	#menu-social li.pn-icon { background: url(images/pn.png) left center no-repeat; padding-left: 25px; }


#home-additonal-nav { position: absolute; }

/* HOMEPAGE */

#home-container { width: 1440px; height: 175px; position: relative; font-family: sans_serif; margin: 0 auto;}
	#home-wrap { max-width: 4320px; height: 450px; position: relative; margin: auto; overflow: hidden; z-index: 2; }
		#home-slider { max-width: 4320px; height: 275px; }
	
			#home-slider .slider-next 	{ position: absolute; right: 0; top: 160px; }
			#home-slider .slider-prev 	{ position: absolute; left: 0; top: 160px; }
			
			.home-slider-wrap 			{ width: 4320px; height: 450px; position: absolute; left: 50%; margin-left: -720px; }
			.home-slider-wrap div 		{ width: 4320px; height: 450px; display: block;}
			.home-slider-wrap div img { position: absolute; top: 0px; left: 0px; }
				
#home-additional-nav {background: url(images/repeater.png) repeat; width: 100%; position: absolute; bottom: 55px; height: 160px; padding-top: 20px; z-index: 10; }
	#home-additional-nav .wrap { position: relative; left: -10px; }
	
	.additional-nav-item { width: 300px; float: left; color: white; overflow: hidden; margin-left: 20px; }
	
		.additional-nav-item h5 	{ float: left; width: 140px; font-weight: 100; font-size: 14px; line-height: 16px; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; background: url(images/heading_line.png) left bottom no-repeat; }
		.additional-nav-item img 	{ float: right; }
	
			.additional-nav-item .textwidget > p { display: block; float: left; width: 140px; font-size: 14px; line-height: 18px; font-weight: 500; }
				
				.additional-nav-item .textwidget > p > a { font-size: 11px; font-weight: 100; background: url(images/wline.png) left center no-repeat; padding-left: 25px; color: white; text-transform: uppercase; text-decoration: none; }
		#home-content { max-width: 980px; position: relative; margin: auto; z-index:10; background-color: rgba(55,55,55, 0.6); min-height:500px; max-height: 1000px; overflow-y: visible;}		

/* GENERIC PAGE */	

.full-width-quote { margin-bottom: 50px; }
.full-width-quote p { width: 100%; font-size: 41px !important; line-height: 55px !important; text-transform: uppercase; display: block; }
.full-width-quote-src { font-size: 22px; line-height: 24px; display: block; background: url(images/blackline.png) left center no-repeat; padding-left: 40px; margin-top: 30px; text-transform: uppercase; }

.page-nav-listing { margin-top: 30px; }
.page-nav-listing li { list-style: none !important; }
.page-nav-listing li a { font-size: 14px; line-height: 20px; color: #c9252b; text-transform: uppercase; background: url(images/redline.png) left center no-repeat; padding-left: 30px; margin-top: 10px; display: block;text-decoration: none; }

.half-column { width: 48.93%; }
.third-column { width: 31.91%; }

.third-column-centre { float: left; width: 31.91%; margin: 0px 2.12%; }

.half-column p:last-child,
.third-column p:last-child,
.third-column-centre p:last-child,
.quart-column p:last-child { margin-bottom: 0px; }

.half-column.seperator { padding-right: 10px; border-right: 1px solid #e1e1e1; padding-bottom: 3px; }

.red-title { font-size: 24px; line-height: 28px; color: #c9252b; margin-bottom: 15px; padding-bottom: 15px; background: url(images/blackline.png) left bottom no-repeat; text-decoration: none; }



/* DESIGN ARCHIVE */

.design-heading {  margin-bottom: 15px; font-size: 20px; line-height: 24px;  text-transform: none; font-weight: 500; }
.design-heading a { color: #1c1c1c; text-decoration: none; }

.ourdesign-list { margin-top: -30px; }
.design-post { width: 300px; float: left; margin-top: 30px }
.design-post p:last-child { margin-bottom: 0px; }
.design-post img { margin-bottom: 20px; }
.middle-design-post { margin: 30px 20px 0px; }
.ourdesign-list:last-item { clear: both; }



/* DESIGNS SINGLE */

#design-slider { width: 940px; height: 530px; position: relative; margin-bottom: 20px; } 
	.design-slider-wrap { width: 940px; height: 530px; position: relative; }
	.design-slider-wrap div img { position: absolute; top: 0px; left: 0px;  }
		.design-slider-next, 
		.design-slider-prev, 	
		.partner-slider-next,
		.partner-slider-prev	{ position: absolute; bottom: 35px; z-index: 999; }		
		
		.design-slider-next,
		.partner-slider-next { width: 40px; height: 40px; background: url(images/slider_right_arrow.png) no-repeat; text-indent: -99999px; display: block; z-index: 999; right: 40px; }
		.design-slider-prev,
		.partner-slider-prev { width: 40px; height: 40px; background: url(images/slider_left_arrow.png) no-repeat; text-indent: -99999px; display: block; z-index: 999; right: 83px; }
		
		.pagination 			{ position: absolute; bottom: 15px; right: 40px; z-index: 999 !important; }
		.pagination li { float: left; margin-left: 7px; }
		.pagination li a { display: block; height: 8px; width: 8px; background: url(images/pagination.png) left center no-repeat; text-indent: -9999px; }
		.pagination li.current a { background: url(images/pagination.png) -8px center no-repeat; text-decoration: none; }

		
#design-left-column  	{ float: left; width: 700px; }
#design-right-column 	{ float: right; width: 220px; }

#design-right-column blockquote { margin-bottom: 20px; }

.design-content-heading { margin-bottom: 5px; }

.design-meta { margin-bottom: 15px; }
	.design-meta p { margin-bottom: 10px; }
	
.nextprevlinks a { text-transform: uppercase; color: #1c1c1c; font-size: 11px; text-decoration: none; }
.nextprevlinks a:hover { color: #c9252b; }
.nextprevlinks span { font-size: 11px; text-transform: uppercase; color: #a5a5a5; cursor: default; }
.nextprevlinks span.postnavisep { font-size: 10px; margin: 0px 5px; color: #1c1c1c; }

.share-social { margin-top: 20px; }
.share-social li { float: left; margin-right: 30px; font-size: 11px; line-height: 17px; }
.share-social li a { background: url(images/blank_li.png) left center no-repeat; padding-left: 25px; display: block; margin-bottom: 0px; color: #1c1c1c; text-decoration: none; }
.share-social li a:hover { position: relative; top: -1px; }

.share-social li a.tw { background: url(images/dptw.png) left bottom no-repeat; }
.share-social li a.fb { background: url(images/dpfb.png) left bottom no-repeat; }
.share-social li a.pn { background: url(images/dppn.png) left bottom no-repeat; }
.share-social li a.go { background: url(images/goog.png) left bottom no-repeat; }
.share-social li a.st { background: url(images/stumble.png) left bottom no-repeat; }

/* PARTNERS */

.ourpartners-list { margin-bottom: -40px; }
.partners-post { margin-bottom: 40px; }
.partner_slider_archive, .single_partner_slide { float: left; width: 460px; height: 260px; position: relative; overflow: hidden; } 
.partner_slider_wrap_archive { width: 460px; height: 260px; } 
.partner_slider_archive .slider-next { position: absolute; top: 50%; margin-top: -20px; right: 0; }
.partner_slider_archive .slider-prev { position: absolute; top: 50%; margin-top: -20px; left: 0; }

.partner-heading { font-size: 20px; line-height: 24px; text-transform: none; margin-bottom: 10px; }

.partner-info { width: 460px; float: right; }
.partner-info p { margin-bottom: 10px; }

.ourpartners_single_intro { font-size: 24px; line-height: 32px; margin-bottom: 20px; }

/* PARTNERS SINGLE */

.partner-single-slider { width: 940px; height: 530px; position: relative; }
.partner-single-slider-wrap { width: 940px; height: 530px; }

.slide-caption {background: url(images/repeater.png) repeat; padding: 7px 10px; position: absolute; bottom: 30px; left: 25px; font-size: 18px; line-height: 18px;  color: white; }

.partner-intro { font-size: 27px; line-height: 36px; margin-bottom: 20px; margin-top: 20px; }

.partner-left-column { float: left; width: 460px; border-right: 1px solid #e3e3e3;  padding-right: 10px; }
.partner-right-column { float: right; width: 459px; border-left: 1px solid #e3e3e3; margin-left: -1px; padding-left: 10px; }

/* NEWS */

#news_posts { float: left; width: 700px; margin-top: 30px; }

.news_post { margin-bottom: 15px; float: left; }
	.news_meta { width: 140px; float: left; }
		.news_date { display: block; font-size: 50px; line-height: 50px; font-weight: 300; }
		.news_month { display: block; font-size: 30px; line-height: 30px; font-weight: 300; }
	.news_post_content { float: right; width: 540px; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3; }
		.news-heading { line-height: 30px; }
#news_sidebar { float: right; width: 220px; }
#news_sidebar a { text-decoration: none; }
.more-link a { padding-left: 33px; font-size: 14px; line-height: 14px; text-decoration: none; }

.posted-by-heading { margin-top: 15px; display: block; font-size: 10px; text-transform: uppercase; font-weight: 500; }
.post-author-text { text-transform: uppercase; font-size: 11px; }

.post_typography h1 { font-size: 28px; font-weight: 300; line-height: 30px; margin-bottom: 20px; }
.post_typography h2 { font-size: 24px; font-weight: 300; line-height: 28px; margin-bottom: 15px; }
.post_typography h3 { font-size: 20px; font-weight: 300; line-height: 24px; margin-bottom: 15px; }
.post_typography h4 { font-size: 18px; font-weight: 300; line-height: 22px; margin-bottom: 15px; }
.post_typography h5 { font-size: 16px; font-weight: 300; line-height: 20px; margin-bottom: 15px; text-transform: uppercase; }
.post_typography h6 { font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 15px; text-transform: uppercase; }
.post_typography ul { margin-bottom: 15px; }
.post_typography ul li { list-style: disc inside; }
.post_typography ol { margin-bottom: 15px; }
.post_typography ol li { list-style: decimal inside; }

.sidebar_section { border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; padding-bottom: 15px; }
.sidebar_section h3 { margin-bottom: 10px; }
.sidebar_section ul li { list-style: disc inside; line-height: 18px; }

#searchform div label { display: none; }
#searchform input[type="text"] { width: 100%; }
#searchsubmit { text-transform: uppercase; font-size: 14px; line-height: 14px; }

/* NEWS CHILD */

/* TEAM */
#team_members { margin-bottom: -45px; }

.team_member_heading { font-size: 26px; line-height: 32px; font-weight: 300; text-transform: uppercase; padding-bottom: 15px; background: url(images/blackline.png) left bottom no-repeat; margin-bottom: 20px; }
.team_member_details { margin-bottom: 15px; }
.team_member_details p { font-size: 16px; line-height: 20px; margin-bottom: 5px; }

.team_member { margin-bottom: 45px; }
.team_member_img { width: 460px; float: left; }
.team_member_content { float: right; width: 460px; }

/* CONTACT PAGE */

#contact-page-details { width: 460px; float: right; }
.cpd-list { width: 220px; }
#cpd-addit-contact { margin-top: 45px; }
#cpd-addit-contact ul li { font-size: 14px; line-height: 20px; margin-bottom: 2px; }
.contact-newsletter-signup { width: 100%; }
.newsletter-contact-page, .see-map-link { margin-top: 30px; display: block; }

/* 	FOOTER */ 

#main-footer { background: #f0f0f0; padding-top: 20px; padding-bottom: 80px; }
#main-footer a { text-decoration: none; }

	#main-footer .wrap { width: 960px; margin: auto; line-height: 18px; }
		
		#footer-left-column { float: left; width: 310px; margin-right: 20px; }
	
			#footer-consult-book-form { background: black; padding: 15px 10px; margin-top: -45px; margin-bottom: 30px; color: #ece8dd; position: relative; z-index: 50; }
				
				#footer-consult-book-form p 						{ color: #c7c7c7; margin-bottom: 10px; }
				#footer-consult-book-form form p 					{ margin-bottom: 0px; }
				#footer-consult-book-form input[type="text"] 		{ margin-bottom: 5px; width: 100%; }
					
					#footer-consult-book-form input[type="text"].add-margin { margin-bottom: 12px; } 
				
				#footer-consult-book-form input[type="submit"] 		{ float: left; color: #ece8dd; display: block; font-size: 14px; line-height: 14px; }
				.wpcf7-list-item-label							{ margin-right: 5px; }
				.wpcf7-mail-sent-ok { border: 0 !important; color: #86ca4a; font-size: 12px; font-weight: 300; margin: 10px 0px 0px !important; padding: 0 !important; clear: both; text-align: center; text-transform: uppercase; }
				.wpcf7-validation-errors {  border: 0 !important; color: #c9252b; font-size: 12px; font-weight: 300; margin: 10px 0px 0px !important; padding: 0 !important; clear: both; text-align: center; text-transform: uppercase; }
				
				.wpcf7-not-valid-tip { color: black; border: 0 !important; visibility: hidden; }
				
				#footer-consult-book-form-checkbox-container 		{ width: 140px; float: right; color: #ece8dd; font-size: 11px; line-height: 14px; margin-top: 3px; display: block; }
				.wpcf7-list-item-label 				{ display: none; }
				input[value="No"] { visibility: hidden; }
		
			#footer-copyright small 	{ color: #8a8a8a; }
			#footer-copyright small a 	{ color: #8a8a8a; text-decoration: underline; }
		
			#footer-nav { float: left; width: 320px; }
			
				.menu-footer 			{ position: relative; float: left; margin-bottom: -22px; margin-left: -20px; }
				.menu-footer > li		{ float: left; width: 140px; margin-left: 20px; margin-bottom: 20px; }
				.menu-footer > li > a, 	
				.menu-footer > li > h6	{ color: #494949; font-weight: 500; border-bottom: 1px dotted #c5c5c5; padding-bottom: 5px; margin-bottom: 5px; display: block; cursor: default; }
				
					.menu-footer li .sub-menu li	{ margin-bottom: 3px; }
					.menu-footer li .sub-menu li a 	{ color: #494949; font-weight: 300; }
						
						.list-tw-icon { background: url(images/foottw.gif) left bottom no-repeat; padding-left: 30px; margin-bottom: 15px; }
						.list-fb-icon { background: url(images/footfb.gif) left bottom no-repeat; padding-left: 30px; margin-bottom: 15px; }
						.list-pn-icon { background: url(images/footpn.gif) left bottom no-repeat; padding-left: 30px; margin-bottom: 15px; }
		
			#footer-addtional-details { float: left; margin-bottom: -22px; }
				#footer-address { margin-bottom: 20px; display: block; }
				#footer-address p { line-height: 24px; margin-bottom: 24px; }
				#footer-add-contactdet-list li span { font-weight: 500; }
			
				#foot-logo { float: right; position: absolute; bottom: 0; right: 0; }
				
#footstyle{
		width: 980px;
		padding: 10px;
	}
	
#colophon {
        background: #27a39d;
        padding: 4px;
}		
	
.panelquestion {	
	width:35%; 
	float: left;
	clear: both;
}

.panelinputs {
	width:60%; 
	float: left;
	left: 20px;
}

@media (max-width: 800px) {
  .mobile{
    display: block;
	}
}
				
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.wrap {
		width: 100%;
	}
	
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	#bythrees{
	width:100%;
	}
	
	#third{
		width:30%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom:3px dotted #DEDEDE;
		line-height: 18px;
	}
	
	#sixth{
		width:15%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 18px;
	}
	
	#third p{
		font-size: 12px;
		padding: 4px;
	}
	
	#twothird{
		width:60%;
		float:left;
	}

}

@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {

	.wrap {
		width: 100%;
	}
	
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	#bythrees{
	width:100%;
	}
	
	#third{
		width:30%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom:3px dotted #DEDEDE;
		line-height: 18px;
	}
	
	#sixth{
		width:15%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 18px;
	}
	
	#third p{
		font-size: 12px;
		padding: 4px;
	}
	
	#twothird{
		width:60%;
		float:left;
	}

}

@media (max-width: 992px) {
	.wrap {
		width: 100%;
	}
	
	#home-content {
	max-width: 750px;
	}

}

@media (max-width: 768px) {

	.wrap {
		width: 100%;
	}
	
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	#main-nav, #topstuff, #telephone_top, #socialmedia {
		display: none;
	}
	
	#main-nav, #telephone_top, #socialmedia  {
	display: none;
	}
	
	#secondary-nav {
	display: none;	
	}
	
	#home-container {
    display: none;
	}
	
	#home-content {
	max-width: 100%;
	width: 100%;
	}
	
	#bythrees{
	width:100%;
	}
	
	.bythrees {
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
	}
	
	#third{
		width:30%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom:3px dotted #DEDEDE;
		line-height: 18px;
	}
	
	#sixth{
		width:15%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 18px;
	}
	
	#third p{
		font-size: 12px;
		padding: 4px;
	}
	
	#twothird{
		width:60%;
		float:left;
	}

	#footstyle{
		width: 100%;
		padding: 0px;
	}
	
	#copytext {
		padding-top: 50px;
		color: #000000;
	}
	
	.panelquestion {
		clear: both;
		width:100%; 
		float: none;
	}
	
	.panelinputs {
		width:100%; 
		float: none;
		left: 20px;
	}
	
	#step_two {
		overflow: visible;
		min-height: 620px;
	}
	
}
	
@media (max-width: 450px) {

	.wrap {
		width: 100%;
	}
	
	#main-nav, #topstuff, #telephone_top, #socialmedia {
		display: none;
	}
	
	#head-logo img {
		margin-left: 10px;
		width: 220px;
	}

	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	#main-nav, #telephone_top, #socialmedia  {
		display: none;
	}
	
	#secondary-nav {
		display: none;	
	}
	
	#home-container {
    display: none;
	}
	
	#home-content {
	max-width: 450px;
	}
	
	#bythrees{
	width:100%;
	}
	
	.bythrees {
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
	}
	
	#third{
		width:30%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom:3px dotted #DEDEDE;
		line-height: 18px;
	}
	
	#sixth{
		width:15%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 18px;
	}
	
	#third p{
		font-size: 12px;
		padding: 4px;
	}
	
	#twothird{
		width:60%;
		float:left;
	}

	#footstyle{
		width: 100%;
		padding: 0px;
	}
	
	#copytext {
		padding-top: 50px;
		color: #000000;
	}
	
	.panelquestion {
		clear: both;
		width:100%; 
		float: none;
	}
	
	.panelinputs {
		width:100%; 
		float: none;
		left: 20px;
	}
	
	#step_two {
		overflow: visible;
		min-height: 620px;
	}

}
	
	
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	
	.wrap {
		width: 100%;
	}
	
	#head-logo img {
    width: 220px;
	margin-left: 10px;
	}
	
	#main-nav, #topstuff, #telephone_top, #socialmedia {
		display: none;
	}
	
	#secondary-nav {
		display: none;	
	}
	
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
	
	#home-container {
    display: none;
	}
	
	#home-content {
	max-width: 100%;
	}
	
	#bythrees{
	width:100%;
	}
	
	.bythrees {
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
	}
	
	#third{
		width:30%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom:3px dotted #DEDEDE;
		line-height: 18px;
	}
	
	#sixth{
		width:15%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 18px;
	}
	
	#third p{
		font-size: 12px;
		padding: 4px;
	}
	
	#twothird{
		width:60%;
		float:left;
	}

	#footstyle{
		width: 100%;
		padding: 0px;
	}
	
	#copytext {
		padding-top: 50px;
		color: #000000;
	}
	
	.panelquestion {
		clear: both;
		width:100%; 
		float: none;
	}
	
	.panelinputs {
		width:100%; 
		float: none;
		left: 20px;
	}
	
	#step_two {
		overflow: visible;
		min-height: 620px;
	}

}

@media (max-width: 320px) {

	.wrap {
		width: 100%;
	}
	
	#main-nav, #topstuff, #telephone_top, #socialmedia {
		display: none;
	}
	
	#secondary-nav {
		display: none;	
	}
	
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	#home-container {
    display: none;
	}
	
	#home-content {
	max-width: 300px;
	}
	
	#bythrees{
	width:100%;
	}
	
	#step_two {
		overflow: visible;
		min-height: 620px;
	}
	
	.bythrees {
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
	}
	
	#third{
		width:30%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom:3px dotted #DEDEDE;
		line-height: 18px;
	}
	
	#sixth{
		width:15%;
		float:left;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 18px;
	}
	
	#third p{
		font-size: 12px;
		padding: 4px;
	}
	
	#twothird{
		width:60%;
		float:left;
	}
	
	#footstyle{
		width: 100%;
		padding: 0px;
	}
	
	#copytext {
		padding-top: 50px;
		color: #000000;
	}
	
	.panelquestion {
		clear: both;
		width: 100% !important; 
		float: none !important;
	}
	
	.panelinputs {
		width: 100% !important; 
		float: none !important;
		left: 20px;
	}

}