body { margin:0px; height:100% }
html { height:100% }
#PageDiv { position:relative; min-height:100% }
#PageWrapper { width:100% }
#Header { width:80%; clear:both; padding:2% 2% 0%; margin-left:auto; margin-right:auto; background-color:#fff }
#jonesandjones { width:80%; vertical-align:top; padding-left:10%; padding-right:10%; margin-left:auto; margin-right:auto; overflow:hidden }
#CSSMenu { width:100%; z-index:9999; clear:both; margin:1% auto; border-top:solid #ccc 1px; height:auto; overflow:visible; position:relative }
#Body1 { position:relative; width:84%; height:340px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#f5f5f5; border-top:ridge #ccc 5px; background-size:cover }
#InitialImage { position:absolute; left:0px; top:0px; width:100%; height:340px; z-index:1; background-color:#f5f5f5; background-image:url(../Resources/outside-commercia.gif); background-position:left; background-size:cover }
#Image3 { position:absolute; left:0px; top:0px; width:100%; height:340px; z-index:2; background-color:#f5f5f5; background-image:url(../Resources/residential-exter.gif); background-position:left; background-size:cover }
#Image2 { position:absolute; left:0px; top:0px; width:100%; height:340px; z-index:3; background-color:#f5f5f5; background-image:url(../Resources/wallpaper.gif); background-position:left; background-size:cover }
#Image1 { position:absolute; left:0px; top:0px; width:100%; height:340px; z-index:4; background-color:#f5f5f5; background-image:url(../Resources/outside-commercia.gif); background-position:left; background-size:cover }
#item2 { width:84%; z-index:0; clear:both; padding:2% 0%; margin-left:auto; margin-right:auto; background-color:#f5f5f5 }
#Box4 { width:26%; z-index:0; float:left; clear:left; padding-top:10px; padding-bottom:10px; margin-left:5% }
#ImageWrapper4 { width:100%; min-height:84px; z-index:0; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#Painted-Staircase-Bridgend { width:100%; overflow:hidden }
#TitleWrapper4 { width:100%; z-index:0; clear:both; padding-bottom:20px; margin-left:auto; margin-right:auto; overflow:hidden }
#Bridgend-Domestic-Decorator-Wrapper { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#Box5 { width:26%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:6% }
#ImageWrapper5 { width:100%; z-index:0; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#Codys-Bar-Refurb-Bridgend { width:100%; overflow:hidden }
#TitleWrapper5 { width:100%; z-index:0; clear:both; padding-bottom:20px; margin-left:auto; margin-right:auto; overflow:hidden }
#TextWrapper4 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#Box6 { width:26%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:6%; margin-right:5% }
#ImageWrapper6 { width:100%; z-index:0; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#FREEESTIMATE { width:100%; overflow:hidden }
#TextWrapper5 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#item3 { left:0px; top:0px; width:38px; height:38px; overflow:hidden }
#item1 { width:100%; z-index:0; margin-left:auto; margin-right:auto }
#item5 { width:80%; z-index:0; clear:both; padding:2%; margin-left:auto; margin-right:auto; background-color:#f5f5f5 }
#item6 { width:100%; min-height:100px; z-index:0 }
#Body2 { width:80%; z-index:0; clear:both; padding:2%; margin-left:auto; margin-right:auto; background-color:#f5f5f5 }
#WelcomeWrapper { width:100%; z-index:0 }
#TitleWrapper3 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; border-bottom:solid #ccc 1px }
#BodyWrapper3 { width:100%; z-index:0; margin-left:auto; margin-right:auto }
#Body3 { width:80%; z-index:0; clear:both; padding:2%; margin-left:auto; margin-right:auto; background-color:#f5f5f5 }
#commercialclients { width:100%; overflow:hidden }
#item7 { width:100%; z-index:0; margin-left:auto; margin-right:auto }
#item8 { width:80%; z-index:0; clear:both; padding:2%; margin-left:auto; margin-right:auto; background-color:#f5f5f5 }
#item9 { width:98.96%; min-height:162px; z-index:0; padding:2% 5px 5px; background-color:#f5f5f5 }
#Footer { width:80%; min-height:108px; z-index:0; clear:both; padding-left:2%; padding-right:2%; padding-bottom:2%; margin-left:auto; margin-right:auto; background-color:#333; border-top:ridge #ccc 5px }
#FooterBox5 { width:69.97%; z-index:0; float:left; clear:left; padding:10px 2%; margin-left:5%; background-color:#333 }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#333333; text-decoration:none; padding:25px 25px 5px 25px; white-space:nowrap }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#B3B3B3; text-decoration:none }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#B3B3B3; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#B3B3B3; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-black.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 * .sub { visibility:hidden; position:absolute; left:-1px; float:left; padding:0; margin:0; list-style:none; z-index:1 }
#fwNav1 .sub * .sub { top:-1px }
#fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:100%; *width:auto; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #4C4C4C; border-top:0 }
#fwNav1 * * * .sub { left:100%; top:0 }
#fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#F5F5F5; text-decoration:none; background:#6F6F6F; padding:3px 10px 3px 10px; white-space:nowrap }
#fwNav1 .fwNavItem .sub .fwFirstChild { border-top:1px solid #000000 }
#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:1px solid #000000 }
#fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#D0DBFF; text-decoration:none }
#fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#D0DBFF; text-decoration:none }
#fwNav1 :hover > .sub { visibility:visible }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#B3B3B3; font-weight:normal }
#fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal }
@media screen and (max-width:768px)
{
	#CSSMenu { padding-top:1%; margin-left:0px; margin-right:0px }
	#Body1 { height:240px }
	#InitialImage { height:240px }
	#Image3 { height:240px }
	#Image2 { height:240px }
	#Image1 { height:240px }
	#Box4 { width:80%; float:none; clear:both; margin-left:auto; margin-right:auto }
	#Box5 { width:80%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto }
	#Box6 { width:80%; float:none; margin-left:auto; margin-top:5%; margin-right:auto }
	#WelcomeWrapper { width:90%; clear:both; padding-top:2%; padding-bottom:2%; margin-left:auto; margin-right:auto }
	#TitleWrapper3 { margin-bottom:1% }
	#item9 { width:98.37% }
	#FooterBox5 { width:96%; float:none; margin-left:auto; margin-right:auto }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#F5F5F5; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav1-toggle-close { margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:10px; padding-left:20px }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:30px }
	#fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:40px }
	#fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem { width:100% }
	#fwNav1 .fwNavItem .sub .sub { left:0 }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none }
	.fwMainPointer1, .fwSubPointer1 { display:none }
	#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none }
	#fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:1px solid #000000 }
}
@media screen and (max-width:480px)
{
	#Header { width:83.7%; padding:0px }
	#jonesandjones { width:90%; padding-left:5%; padding-right:5% }
	#CSSMenu { padding-top:0px }
	#Body1 { height:190px }
	#InitialImage { top:-10px; height:200px }
	#Image3 { height:200px }
	#Image2 { height:200px }
	#Image1 { height:200px }
	#Box4 { width:90% }
	#Box5 { width:90% }
	#Box6 { width:90% }
	#item9 { width:97.4% }
}
@media screen and (max-width:320px)
{
	#jonesandjones { width:100%; padding-left:0px; padding-right:0px }
	#Body1 { height:145px }
	#InitialImage { top:0px; height:150px }
	#Image3 { height:150px; padding:0px }
	#Image2 { height:150px }
	#Image1 { height:150px }
	#Body2 { width:81% }
	#WelcomeWrapper { width:100% }
	#item9 { width:96.09% }
}