body { text-align: center; background:#FFF; color:#111; font:62.5%/1.4 Arial, Helvetica, 'Helvetica Neue', Myriad, sans-serif; }

/*****************************************************		UTILITY	**********/

.clearfix:after { content: "."; 	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.cb	{ clear:both; }

.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden; text-align:left; }
.ir.logo	{ background-image:url(../ptl-images/layout/logo.gif); width:180px; height:100px; float:left; }
h2.ir.tel		{ background-image:url(../ptl-images/layout/tel.gif); width:580px; height:100px; float:right; border:none; padding:0; margin:0; }

img.thumb { margin: 0 5px 0 0; }

/******************************************************		NAV	*****************/
.nav	{ display:block; }
.nav.main	{ background:#EBECED; display:block; padding:0.2em 0 0.2em 150px; border-bottom:1px solid #A6A8A9; z-index:200; clear:both; }
.nav a	{ display:block; float:left; color:#5C5E5F; padding:0.3em 0.8em; z-index:300 }
.nav a:hover, .nav a:focus	{ color:#444; background:#C5C6C8; }
.nav.main li	{ position:relative; float:left; }

.nav.main ul	{ position:absolute; display:none; top:2em; left:0; width:auto; z-index:999; }
.nav.main ul li	{ display:block; width:100% }
.nav.main .sub a	{ display:block; white-space:nowrap; width:100%; }
.nav.main li:hover ul,
.nav.main li:focus ul	{ display:block; }

.nav.news img	{ display:block; margin:0 auto; }
.nav.news a	{ background:#13235b; float:none; color:#FFF; padding:8px 6px; margin:0 0 0.1em; font-size:1.4em; font-weight:bold; }
.nav.news a:hover, .nav.news a:focus	{ background:#0068AE; }
.nav.news a.image	{ background:none; padding:0; margin:0; }
.nav.news a.image:hover, .nav.news a.image:focus	{ background:none; }
.nav.news a.padded	{ margin:0.2em 0; }
.nav.news .clients	{ text-align:center; margin:0.2em 0; display:block; }
.nav.news .facebook	{ margin:1em 0; background:none; }

.nav a.yellow	{ background:#F09409; }
.nav a.yellow:hover, .nav a.yellow:focus	{ background:#E05A0A; }
.nav a.orange	{ background:#FA8503; }
.nav a.orange:hover, .nav a.orange:focus	{ background:#E05A0A; }
.nav a.grey	{ background:#B3B4B7; }
.nav a.grey:hover, .nav a.grey:focus	{ background:#8F9194; }

.nav.clients a	{ margin:0.1em auto; float:none; padding:0.5em 0; background:#EBECED; border-bottom:1px solid #A6A8A9; }
.nav.clients img	{ display:block; margin:0 auto; }

.nav.products	{ display:block; width:100%; }
.nav.products li	{ float:left; margin-right:2px; }
.nav.products li li	{ margin:0; }
.products li.services	{ margin-right:-5px }
.nav.products a	{ padding:0; background:#D9DADB; min-height:125px; text-align:center; text-transform:uppercase; position:relative; }
.nav.products a:hover, .nav.products a:focus	{ background:#BDBEC0; color:#111; }
.nav.products img	{ display:block; }
.products h4	{ color:#FFF;text-align:center; font-weight:normal; margin:0; }
.products .construction h4	{ background:#f8b200; }
.products .events h4	{ background:#13235b; }
.products .multi_purpose h4	{ background:#41aad7; }
.products .services h4	{ background:#0d4f49; }
.nav.products .hover	{ display:none; position:absolute; top:0; left:0; }
.products a:hover img.hover, .products a:focus img.hover	{ display:block; z-index:300; }

.nav.footer	{ float:right; min-width:140px }
.nav.footer a	{ padding:0; color:#FFF; }
.nav.footer a:hover, .nav.footer a:focus	{ background:none; color:#F8B200; }
.nav.footer li	{ margin:0 0.7em; float:left; }

.product_list	{ padding:0 0 0 15px; }
.product_list .pic	{ float:left; display:block; width:100px; margin:0 1em 1em 0; padding:0 0 20px; background:#D9DADB; color:#5C5E5F; text-align:center; }
.product_list .pic:hover, .product_list .pic:focus	{ background:#BDBEC0; color:#111; }

.product_list .pic.wide	{ width:150px; padding:1px; }
.product_list li		{ clear:left; }

.nav.sub a	{ float:none; background:#E2E3E5; border-top:1px solid #FFF; border-bottom:1px solid #C5C6C8; text-align:right; padding:0.4em 1em; }
.nav.sub a:hover, .nav.sub a:focus	{ background:#C5C6C8; }

.nav.sub ul a	{ background:#D9DADB; border-bottom:1px solid #FFF; border-top:1px solid #C5C6C8; }

#sidebar img	{ display:block; margin:0.5em auto; }

.nav.callout	{ display:block; width:100%; }
.nav.callout a	{ font-weight:bold; display:block; color:#FFF; text-align:left; font-size:1.4em; width:86%; padding:0.5em 6.9%; }

ul.padded	{ background:#F5F6F6; padding:1em 0 }
ul.padded a	{ display:block; }
ul.padded img	{ margin:0 auto 0.5em; display:block; }

.sitemap	{ font-size:1.3em; }
.sitemap li	{ list-style:disc inside; padding-left:15px; margin:0 0 0.5em }
.sitemap li li	{ list-style:circle inside; margin:0 0 0.2em }

.slideshow	{ width:578px; height:180px; display:block; }

/*******************************************************	LAYOUT BLOCKS	***********/
#container { width:760px; margin: 0 auto; text-align: left; background:url(../ptl-images/layout/bg-page.gif) 0 0 repeat-y; }

#header { width:100%; clear: both; border-bottom:5px solid #C5C6C8; }

#content { width:100%; clear: both; }
	#sidebar	{ width:180px; float:left; }
	#main		{ width:580px; float:left; }
		#right-panel	{ width:180px; float:right; margin:0 0 1em 1em; }

#footer { width:100%; clear: both; }
	.smallprint	{ background:#13235b; color:#FFF; padding:0.2em 10px; }
	.smallprint p a:hover, .smallprint p a:focus	{ color:#FFF; }
	#footer .copyright	{ float:right; }
	#footer p	{ float:left; margin:0; font-size:1em; }

/******************************************************		TYPOGRAPHY	*****************/
p	{ font-size:1.3em; margin:0 0 1em }
#main p, #main h3, #main h4	{ padding:0 0 0 15px; }

h2	{ color:#13235B; font-size:1.2em; font-weight:bold; background:#d9dadb url(../ptl-images/layout/right_stripes2.gif) 100% 0 no-repeat; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #c5c6c8; border-right:1px solid #c5c6c8; padding:3px 15px; margin:0 0 10px; }
h3, legend 	{ font-weight:bold; font-size:1.4em; color:#000066; margin:15px 0; }
	#sidebar h3	{ margin-bottom:0.5em; padding:0 0 0 15px }
	#sidebar .left_header	{ background:url(../ptl-images/layout/left_yel_block2.gif) 0 0 no-repeat; color:#FFF; text-align:right; padding:15px; margin:0; border-top:1px solid; }
	legend 	{ margin:0 0 1em }
h4	{ font-size:1.3em; font-weight:bold; margin:0 0 0.4em }
a	{ text-decoration:none; }
p a	{ color:#0099FF; }
p a:hover, p a:focus	{ color:#13235B; }

.product_info			{ font-size:1.3em; margin:1em 0 1em 15px }
.product_info thead th	{ font-weight:bold; color:#FFF; background:#13235B; text-align:center; }
.product_info tbody th	{ color:#13235B; text-align:right; background:#EBECED; }
.product_info td			{ background:#f5f6f6; font-weight:bold; }

.product_info.colour thead th	{ background:#EBECED; color:#13235B; }
.product_info.colour tbody td	{ color:#FFF; text-align:center; }

.product_info.detailed thead th	{ padding:0.3em 0; }
.product_info.detailed tbody th	{ min-width:7em;padding:0.2em 0.3em; vertical-align:top; }
.product_info.detailed tbody td	{ padding:0.2em 0.3em; }

ul.news a	{ color:#0068AE; }
ul.news a:hover, ul.news a:focus	{ color:#0099FF; }

ol li	{ list-style:decimal; font-size:1.3em }
ol li li, ol .no_bullets	{ font-size:1em; list-style:none; }
ol p	{ font-size:1em; }
ol h4	{ font-size:1.1em; }

.no_bullets	{ padding-left:15px; font-size:1.3em; margin:0 0 1em }
.bulleted	{ padding-left:15px; margin:0 0 1em; }
.bulleted li	{ font-size:1.3em; margin:0 0 0.5em; padding-left:15px; background:url(../ptl-images/layout/bullet.gif) 0 50% no-repeat; }
.bulleted a:link, .bulleted a:visited{ color: #13235B; text-decoration: underline; }
.bulleted a:hover, .bulleted a:active{ color: #DF0000; text-decoration: underline; }

#goog-fixurl ul	{ font-size:1.3em; padding:0 0 0 15px; }

blockquote	{ padding:1em; background:#EBECED; margin:1em 15px; width:345px; position:relative }
blockquote p	{ margin:0; font-weight:bold; font-style:italic; color:#5C5E5F; font-size:1.4em; text-rendering: optimizeLegibility; }
blockquote span	{ font-size:3em; line-height:1em; position:absolute; }
blockquote .start	{ left:0em; top:0.1em }
blockquote .end		{ right:0.1em; bottom:0; }
blockquote cite	{ color:#5C5E5F; margin:0 0 0 1.5em }


/***************************************************		CONTACT		*******/

form.contact	{ width:365px; float:left; padding:10px; background:#EBECED; margin:1em 0 1em 5px }
.contact input, .contact label, .contact textarea	{ display:block; float:right; clear:both; border:1px solid #777; color:#111; font-size:1.4em; padding:0.2em 0; width:200px; margin:0 0 0.5em; line-height:1em; height:1em; }
.contact select	{ display:block; float:right; clear:both; color:#111; font-size:1.4em; width:200px; margin:0 0 0.5em; }
.contact label	{ border:none; margin-right:10px; float:left; clear:none; width:100px }
.contact textarea	{ height:80px; }

.contact .captcha	{ float:right; margin:1em 15px 0.4em 0 }

.contact input:focus, .contact textarea:focus,
.contact input:active, .contact textarea:active	{ border-color:#002503; color:#002503; }
.contact input:hover, .contact textarea:hover	{ border-color:#444; color:#444; }
.contact input:focus + label, .contact textarea:focus + label,
.contact input:active + label, .contact textarea:active + label	{ color:#002503; }
.contact input:hover + label, .contact textarea:hover + label	{ color:#444; }

.contact input[type=hidden]	{ display:none; }

.submit, .contact .submit	{ width:auto; padding:0.3em 0.6em; height:auto; cursor:pointer; color:#002503; border-color:#CCC; background:#FFF; font-weight:bold; text-transform:uppercase; }
.submit:hover, .contact .submit:hover,
.submit:focus, .contact .submit:focus	{ background:#002503; color:#FFF; border-color:#002503; }

.vcard .org, .vcard .country-name	{ display:none; }
.vcard span	{ display:block; }
.vcard h3	{ letter-spacing:0; font-style:normal; }

address	{ font-size:1.3em; padding-left:15px; margin:0 0 15px }
img.wedding {display: block; float: left; margin: 0 0 20px 15px;}
img.left{display: block; float: left; margin: 0 15px 20px 15px;}
img.events{display: block; float: left; margin: 20px 65px;}