*{
  padding: 0;
  margin: 0;
}

a {
	text-decoration: underline;  
	font-weight: normal;
	color: #818591;
}

a:hover {
	color: #12151e;	
}

p {
	margin-bottom: 1em;	
}

ul {
	margin-left: 30px;
	margin-bottom: 20px;
}

li {
padding-bottom: 5px;	
}

body {
	font-family: 'Raleway', sans-serif;
	font-size: 115%;
	line-height: 1.3em;
	color: #585755;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #efefef;
	
}

.wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.mobilehide {
	
}

.mobileshow {
	display: none;
}

header {
	/**background: #d6d6d6 url(sitegraphics/header.jpg) no-repeat center 0;**/
	background: #efefef;
	height: 230px;
}

.weddingbackgroundone {
	background: url(sitegraphics/wedding-background.png) no-repeat bottom left;
}

.weddingbackgroundtwo {
	background: url(sitegraphics/wedding-background1.png) no-repeat bottom right;
}


.privatehirebackgroundone {
	background: url(sitegraphics/privatehire-background1.jpg) no-repeat bottom left;
}

.privatehirebackgroundtwo {
	background: url(sitegraphics/privatehire-background2.jpg) no-repeat bottom right;
}


.christmasbackgroundone {
	background: url(sitegraphics/christmas-background1.jpg) no-repeat bottom left;
}

.christmasbackgroundtwo {
	background: url(sitegraphics/christmas-background2.jpg) no-repeat bottom right;
}

.wakesbackgroundone {
	background: url(sitegraphics/wakes-background1.jpg) no-repeat top left;
}

.wakesbackgroundtwo {
	background: url(sitegraphics/wakes-background2.jpg) no-repeat bottom right;
}

.topimage img {
	width: 100%;
	height: auto;
}


.topimage {
	height: 500px;
	width: auto;
}

.wakestopimage {
	background: url(sitegraphics/topimage-wakes.jpg) no-repeat center bottom; 
}
.weddingstopimage {
	background: url("sitegraphics/topimage-weddings1.jpg") no-repeat center bottom; 
}

.privatehiretopimage {
	background: url("sitegraphics/topimage-privatehire.jpg") no-repeat center top; 
}

.christmastopimage {
	background: url(sitegraphics/topimage-christmas.jpg) no-repeat center bottom; 
}

.contacttopimage {
	background: url(sitegraphics/topimage-contact.jpg) no-repeat center bottom; 
}

.reopening {
	text-align: center;
	font-size: 140%;
	padding: 30px 20px;
}

footer {
	background-color: #585755;
	padding: 20px 0;
}

footer .topcontact {
	display: none;	
}

.bottom {
	color: #ffffff;
	font-size: 90%;
}

.bottomleft {
	float: left;
	width: 40%;
}

.bottomleft a {
	color: #ffffff;
}

.bottomleft .telnolink a {
	text-decoration: none;
	color: #ffffff;
}

.bottomright {
	margin-left: 50%;
	margin-top: 20px;
	
}

.bottomright th {
	text-align: left;
	font-weight: normal;
	/**width: 280px;**/
}

.bottomright td {
	/**width: 180px;**/
}

.bottomlogo img {
	width: 150px;
	height: auto;
}

.newman {
	text-align: center;
	font-size: 200%;
	padding-bottom: 30px;
}

/***** top styles *****/

.logo {
	/***width: 700px;*/
	text-align: center;
}

.logo img {
	width: 700px;
}

.logomobile {
	display: none;
}

.sidecontact {
	
}

.sidesmalltext {
	font-size: 95%;
	line-height: 1.2em;	
}

.middle {
	margin-bottom: 20px;
}

.sidecontact h3 {
	font-weight: normal;
	font-size: 140%;
	color: #71ac42;
	text-transform: uppercase;
}

.sidecontact span {
	font-size: 160%;	
	line-height: 1.2em;
}

.pricingbox {
	border: 1px solid #818591;
	padding: 50px;
	margin: 30px 60px;
}

.pricingbox h2 {
	font-size: 150%;
	line-height: 1em;
}

.pricingbox h3 {
	font-size: 125%;
}



/***** top nav styles *****/

#topnav {
	background-color: #585755;	
	padding: 15px 0;
	border-top: solid 1px #9ea2b0;
	text-align: center;
}

#topnav ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	text-align: right;
}

#topnav li {
	margin: 0;
	padding: 15px 0;
	display: inline;
	list-style: none;
}

#topnav a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 100%;
	text-decoration: none;
	padding: 10px 20px;
	font-weight: normal;
}

#topnav a:hover {
	color: #ffffff;
	background-color:rgba(0,0,0,0.2);
}

#topnav li>ul {
	z-index:1000;
	visibility:hidden;
	position:absolute;
	background: #585755;
	margin-left: -150px;
	margin-top: 31px;
	padding: 10px 0;
	text-align: left;
}

#topnav li:hover>ul {
	visibility:visible;
}

#topnav li:hover>ul {
	visibility:visible;
}

.subnav {
}

.subnav ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

.subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.subnav a {
	width: 200px;
	display: block;
}

#Fullname {
	visibility:hidden;  
	display:none; 
}

.mobilemenu {
	display: none;
}

.closenav {
	display: none;	
}



.bigbutton {
	text-align: center;
	padding-top: 30px;
}

.bigbutton a {
	font-size: 110%;
	text-transform: uppercase;
	text-decoration: none;	
	color: #585755;
	border: 1px solid #585755;
	border-radius: 15px;
	margin: 0;
	padding: 15px 22px 13px 22px;
	height: 26px;
	text-decoration: none;
}

.bigbutton a:hover {	
	color: #b2b1b1;
}

.paddingtop {
	padding-top: 40px;
}


/**** footer styles ****/



.socials img {
	width: 40px;
	padding: 5px 5px;
}

.bottomnav {
	padding: 10px 0;
	text-transform: uppercase;
	font-size: 80%;
	text-align: center;
}

.bottomnav ul {
	display: inline;
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}

.bottomnav li {
	display: inline;
	list-style: none;
	padding: 0 10px;
}

.bottomnav a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.creditcards {
	text-align: center;
	padding: 20px 0;
}


/***** title styles *****/

h1 {
	font-weight: normal;
	padding-bottom: 40px;
	padding-top: 0px;
	font-size: 300%;
	margin: 0;
	text-align: center;
	line-height: 1.2em;
}
h2 {
	font-weight: normal;
	font-size: 220%;
	margin: 0;
	padding-bottom: 40px;
	line-height: 1.2em;
}

h2.lesspadding {
	padding-bottom: 20px;
}


h3 {
	font-weight: normal;
	/*padding-bottom: 0.7em;*/
	padding-bottom: 0;
	font-size: 130%;	
	line-height: 1.2em;
	padding-bottom: 10px;
}


h3 span {
	font-size: 150%;
}

h4 {
	font-weight: normal;
	padding-bottom: 20px;
	font-size: 170%;
	margin: 0;
}


.leftcolumn ul {
	margin: 0;
	padding: 0;
}

.leftcolumn li {
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
}


/***** main body styles ******/

.mainleft {
	float: left;
	width: 55%;
}

.mainleft img {
	width: 100%;
	height: auto;
}

.mainright {
	margin-left: 65%;
	text-align: center;
}

.halfleft {
	float: left;
	width: 45%;
}

.halfleft img {
	width: 100%;
	height: auto;
}

.halfright {
	margin-left: 55%;
}

.halfright img {
	width: 100%;
	height: auto;
}

.mainright img {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}

.contactbox {
	background: url("sitegraphics/contact-bg1.jpg"); 
	background-attachment: fixed;
	background-size: auto 100%;
	color: #FFFFFF;
	font-size: 105%;
}

.multipleimages {
	padding-top: 20px;
}

.multipleimages ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	text-align: right;
}

.multipleimages li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}	

.multipleimages img {
	width: 24%;
}	

.contactbox .wrapper {
	width: 900px;
	text-align: center;
}


.contactbox a {
	color: #FFFFFF;
}

.contactbox a:hover {
	color: #efefef;
}


.bottompadding {
	padding-bottom: 0.5em;
}

ul.list {
	margin-left: 5px;
}

.mainfull {
	width: 100%;
	padding: 80px 0;
}

.wrappersmall {
	width: 70%;
	padding: 80px 15%;
}

.dark {
	background: #d8d8d8;
}

.centertext {
	text-align: center;
}

.lefttext {
	text-align: left;
}

.highlightbox {
	background: #585755;
	color: #efefef;
	text-align: center;
	padding: 30px;
}

.quote {
	font-size: 120%;
	font-style: italic;
	line-height: 1.2em;
	text-align: center;
	padding-top: 20px;
}

/***** homesection *****/

.imagetext {
	font-size: 80%;
	text-align: center;
	padding-top: 5px;
}

.community img {
	height: 200px;
	width: auto;
	padding: 0 20px;
}

.community th {
	padding: 0 20px;
	font-weight: normal;
}

.homefencing {
	text-align: center;
	border: 1px solid #9ea2b0;
	padding: 20px;
	margin: 20px 0;
}

.homesections {
	margin-bottom: 20px;
}

.homesections ul {
	display: inline;
	list-style: none;
}

.homesections li {
	display: inline-block;
	list-style: none;
	border: 1px solid #9ea2b0;
	text-align: center;
	margin-right: 7px;
	background: #434956;
	margin-top: 10px;
}

.homesections li.last {
	margin-right: 0;
}

.homesections a.textlink {
	font-size: 100%;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	display: block;
	padding: 3px 0;
	border-top: 1px solid #9ea2b0;
	text-transform: uppercase;
}

/***** slideshow styles *****/

.slides {
	padding-bottom: 10px;
}

.cycle-slideshow {
	padding-bottom: 20px;
}

.cycle-slideshow img {
	border: 1px solid #9ea2b0;
}

.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/***** main styles *****/

.main {
	padding: 50px 0;	
}

.recentinpage {
	border: solid 1px #9ea2b0;
	padding: 25px;
	margin-bottom: 20px;
	text-align: center;
}

.recentinpage h2 {
	margin: 0;	
	padding: 0;
}

.recentinpage img {
	margin: 0 0 10px 10px;	
}

.imageborder {
	border: solid 1px #9ea2b0;
}

.contentimage {
	width: 100%;
	height: auto;
}

.contentimagesm {
	width: 70%;
	height: auto;
	text-align: center;
}

.imagefloatright {
	float: right;
	padding: 0 0 20px 40px;
	margin: 0;
}

.closenav {
	display: none;	
}

#logotext {
	position: absolute;
	margin-top: -53px;
	margin-left: 95px;
	text-transform: uppercase;
	font-size: 135%;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	color: #003996;
}

.mobileshow {
	display: none;
}

.goback {
	display: none;	
}

.highlight {
	text-align: center;
	font-size: 110%;
	font-style: italic;	
	padding-top: 20px;
}


/***** page styles *****/

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

.rightcolumn {
	margin-left: 650px;
}

.rightcolumn h3 {
	text-align: center;	
}

.rightcolumn img {
	border: 1px solid #6e7681;	
}

#gallery {
	
}

.tile img {
	width: 200px;	
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.imageright {
	float: right;
	padding: 0 20px 20px 20px;
}

.imagerightnotoppad {
	float: right;
	padding: 0 20px 20px 20px;
}

/***** contact styles *****/

.contactform {
	
}

.contactform label {
}

.contactform input {
	color: #12151e;
	width: 25%;
	padding: 5px;
	margin: 5px 10px 20px 10px;
	border: #12151e solid 1px;
}

.contactform textarea {
	width: 70%;
	padding: 5px;
	margin: 5px 0 20px 0;
	border: #12151e solid 1px;
}

.contactform .submit {
	width: 100px;
	padding: 5px;
}

::placeholder {
  color: #b2b1af;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #b2b1af;
}

.sidecontactform label {
}

.sidecontactform input {
	font-size: 90%;
	color: #12151e;
	width: 95%;
	padding: 5px;
	margin: 5px 2% 10px 0;
	border: #12151e solid 1px;
}

.sidecontactform textarea {
	font-size: 90%;
	width: 95%;
	padding: 5px;
	margin: 5px 0 20px 0;
	border: #12151e solid 1px;
}

.sidecontactform .submit {
	width: 100px;
	padding: 5px;
	margin-bottom: 5px;
}

.smalltext {
	font-size: 75%;
}

/****** catlin links ******/

.catlindesigns {
	text-align: center;
}

.catlindesigns a {
	color: #a1a1a1;	
	font-weight: normal;
	font-size: 70%;
}

.catlindesigns a:hover {
	text-decoration: underline;
}

A.catlinlink:link, A.catlinlink:visited, A.catlinlink:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;  
	font-weight: normal;
	color: #bfbcb7;
	font-size: 11px;
}

A.catlinlink:hover 	{
	color: #000000; 
}