body { font-size: 17px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
    background-color:#FFBB00;
}

.float-l {float:left}
.float-r {float:right} 
.clearfix{float:none}

.content {width:100%; height:auto; margin:0; 
}

.content2 {width:90%; height:auto; margin:20px auto; padding:0;
}

.marginleft {margin:0 auto 0 auto;}

.white {color:#FFFFFF;}

a {color:#006400;}


h1 {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 30px; 
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	color: #FFBB00;
	margin: 0 10px 30px 40px;
}

h2 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
    text-align:center;
    margin: 0 auto 0 auto;
    color:#FF3300;
}

h3 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 23px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
	text-align:left;
    margin: 30px 0 20px 0;
    color: #FF9900;
}

h4 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 27px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
	text-align:center;
        margin: 0 auto 40px auto;
        color: #000000;
}

h5 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
	text-align:center;
        margin: 0 0 10px 0;
        color: #FFFFFF;
}

p {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

blockquote {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5667px;
}

#container {
 width: 100%;
 height: 100%;
 margin:0 auto 0;
 padding:0;
}

#page {
 width: 90%;
 height: 100%;
 margin: 0 auto 0 auto;
 padding:0;
 background-color:#FFFFFF;
 overflow:hidden;
}

#topnav {
 width:350px;
 height:40px;
 margin:10px 30px 10px 10px;
 float: right;
}

#topnav ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 }

#topnav li {
 margin: 5px;
 list-style:none;
 display: inline;
 float:right;
 font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
 font-size: 17px;
 font-style: normal;
 font-variant: normal;
 font-weight: 400;
 line-height: 18.5667px;
}

#topnav a {
 color: #408923
}


#telephone {
    width:250px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 20px;
	float:left;
	margin:5px 20px 10px 15px;
}

#telephone p {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 16px;
 color:#CD8500;	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 20px;
	float:left;
}

#header {
 width:100%;
 min-height:450px;
 margin:0;
 padding:0;
 background-image: url("img/headerimage1920px.png");
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position: center bottom;
}

#carousel {
    height:400px;
    width:100%;
    overflow:hidden;
}

#carousel img {
    min-height:100%;
    min-width:100%;
    vertical-align:middle;
}

.logo {
 width:40%;
 height:40%;
 margin:6%;
 margin-left:auto;
 margin-right:auto;
 display:block;
 }

#welcome {
 width:100%;
 min-height:450px;
 margin:0;
 padding:30px 0 0 0;
 background-image: url("img/greengradient.jpg");
 background-repeat: repeat-x;
 line-height:35px;
 border:1px solid #FF66CC;
}

#welcome p {
 width:100%;
 height:auto;
 margin:5px;
 padding:0;
 line-height:30px;
 color: #333333;
 float:right;
}


#intro {
 width:65%;
 height:100%;
 margin-left:60px;
 float:left; text-align:left;
 line-height:40px; 
}

#intro p { 
 font-size:19px;
 line-height:30px;
 margin-bottom:0.8em;
 float:none;
} 

#intro img { 
 margin:10px;
} 


#contactdetails {
 width:650px;
 height:100%;
 margin-right:70px;
 float:right; 
 line-height:40px; 
}

#contactdetails p { 
 font-size:19px;
 line-height:30px;
 margin-bottom:0.8em;
} 


#map {
        width: 350px;
        height: 350px;
        background-color: grey;
        margin: 20px;
        margin-left:40px;
        float:left;
      }


.style26 {
    font-size:26px";
}

#events {width:23%; height:100%; margin:0 50px 0 0; border-left:1px solid #CCCCCC; float:right;} 

#events ul {margin:30px 0 0 10px; float:left; display:block; list-style:none;} 


.terms {
 font-size: 12px;
 line-height:17px;
}

#intro ul { 
 display:inline;
 list-style-type: circle;
}

#intro li { 
 margin:0 10px;
 color:#FFFFFF;
 float:left;
 
}

.whitespace {
 width:100%
 height:40px;
} 

#news { width: 200px; height: auto; float:right;} 

#socialmediabuttons {
 width:30%;
 float:left
}


#portfolio {
 width:100%;
 height:700px;
 margin:0;
 padding:20px 0 0 0;
 color:#FFFFFF;
 background-image: url("img/greengradient2.jpg");
 background-repeat: repeat-x;
}

#portfoliogallerycontainer {
 width:100%;
 height:auto;
 margin:10px auto 0 30px;
 padding:0;

} 

#portfoliogallery {
 width:100%;
 height:500px;
 margin:20px auto 0 0;
 padding:0;
}

#portfoliogallery img {
 width:100%;
 height:100%;
 margin:5px 0;
 padding:0;
 background-image: url("img/greengradient.jpg");
 background-repeat: repeat-x;
 float:left;
}

.portfoliogallerystory {
 width:15%;
 height:auto;
 font-size:15px;
 color:#CCCCCC;
 margin:1%;
 padding:1%;
 text-align:left;
 float:left; 
 border: 1px solid #333333; 
}

#contact {
 width:100%;
 height:auto;
 line-height:20px; 
 margin:50px 0;
 padding:20px 0;
 background-color: #FFFFFF;
 text-align:center;
}

#contactinfo {
 width:100%;
 height:auto;
 line-height:30px; 
 margin:50px 0;
 padding:0;
 background-color: #FFFFFF;
 text-align:center;
 
}

#contactinfo p {
 font-size:22px;
 line-height:20px; 
 color: #000000;
 text-align:center;
}

.address {
font-size:12px;
color:#CCCCCC;
float:left;}


#footer {
 width:100%;
 height:40px;
 margin:0;
 padding:0;
 background-image: url("img/greengradient.jpg");
 background-repeat: repeat-x;
 float:left;
}

#companyname
{
 width:100%;
 height:auto;
 margin:35px auto 0 auto;
 padding:0;
 float:none;
 text-align:center;
 color:#FFFFFF;
}

#socialmediabuttons2
{
 width:100%;
 height:100%;
 margin:30px 10px 10px 10px;
 padding:0;
}

.footersocmed {
 width:30px;
 height:30px;
 margin:5px;
 float:left;
}

#footerlinks
{
 width:auto;
 height:auto;
 margin:5px 10px 15px 5px;
 font-size:12px;
 float:left;
}

.clearspace {
 width:100%
 float:clear;
}

#footerlinks a
{
 margin:0 10px 0 10px;
 color:#CBDAD0;
 float:left;
}
#webmaster {
 width:auto;
 height:auto;
 margin:5px;
 padding:0;
 float:right;
 color: #CCCCCC;
 font-size:14px;
}

#webmaster a {
 color:#CCCCFF;
 margin:0;
 padding:0;
 float:right;
}




/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
 
h1 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 50px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	color: #FFFFF;
	margin: 80px 10px 35px 40px;
}

h2 {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 40px;
	color: #F46C22; font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
        text-align:center;
        margin: 50px auto 20px auto;
}

h3 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 44px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
	text-align:center;
        margin: 20px 0 60px 0;
}

h4 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 46px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
	text-align:center;
        margin: 0 auto 40px auto;
        color: #000000;
}

h5 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 25px;
	text-align:center;
        margin: 0 0 10px 0;
        color: #FFFFFF;
}


h6 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 25px;
	text-align:center;
        margin: 0 0 20px 0;
        color: #43464B;
}


p {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 19px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

.style30 {
 font-size:28px;
 line-height:41px;
 }
 
.style32 {
 font-size:32px;
 line-height:45px;
 }

.mobilehidden {
 display:none;
}

div#telephone {
    width:100%;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 20px;
	margin:20px 20px 20px 30px;
	text-align: center;
}

div#telephone p {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 35px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 20px;
	text-align: center;

}
 div#header {
 width:100%;
 min-height:450px;
 margin:0;
 padding:0;
 background-image: url("img/headerimage1920pxcropwlogo.png");
 background-size: 100% auto;
 background-repeat: no-repeat;
}
		
div#topnav {
			display:none;
		}
		
div#welcome {
 width:100%;
 min-height:450px;
 border: 1px solid #FF66CC;
 }

div#intro {
 width:85%;
 min-height:450px;
 margin:0 20px;
 padding:0 0 0 40px;
 text-align:left;
 line-height:60px; 
 float:left;
}

div#intro p {
    font-size:25px; 
    line-height:30px;
    margin: 20px 10px 20px 20px;
}

div#events {
    width:100%; 
    height:100%; 
    margin:0 0 0 0; 
    border-left:1px solid #CCCCCC; 
    float:left;} 

div#events ul {margin:0 0 40px 10px; float:left; display:inline; text-align:center; list-style-type: square;} 
div#events li {margin:20px 30px 0 30px; font-size:29px; float:left; display:inline;} 

div#services {
 width:100%;
 height:420px;
 margin:0;
 padding:30px 100px 0 auto;
 background-color: #FFFFFF;
 text-align:left;
}

.servicelists {
 width:100%;
 height:auto;
 float:none;
}

 
div#services ul {
 list-style-type: none;
 margin:50px auto 50px 130px;
 padding: 0;
 vertical-align:top;
 text-align:center;
 display:inline-block;
 float:none;

}

div#services li {
 margin: 5px;
 list-style:none;
 display:block;
 font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
 font-size: 29px;
 font-style: normal;
 font-variant: normal;
 font-weight: 400;
 line-height:48px;
 text-align:center;
}


div#portfolio {
 width:100%;
 height:500px;
 margin:0;
 padding:30px 0;
 color:#FFFFFF;
 background-image: url("img/greengradient2.jpg");
 background-repeat: repeat-x;
 font-size:23px;
}

div#portfolio p {
font-size:28px;
line-height:41px;
}

div#portfoliogallerycontainer {
 width:100%;
 height:400px;
 margin:10px 5px 0 5px;
 padding:0;
}


div#portfoliogallery {
 width:100%;
 height:500px;
 margin:20px 0 0 0;
 padding:0;
}


div#portfoliogallery img {
 width:100%;
 height:30%;
 margin:5px 0;
 padding:0;
 background-image: url("img/greengradient.jpg");
 background-repeat: repeat-x;
 float:left;
}


div#portfoliogallery p {
 display:none
}

.portfoliogallerystory {
 width:16%;
 height:auto;
 font-size:15px;
 color:#CCCCCC;
 margin:1%;
 padding:1%;
 text-align:left;
 float:left; 
 border: 1px solid #333333; 
}



div#contactinfo p {
 font-size:32px;
 line-height:48px; 
 color: #000000;
 text-align:center;
}

.address {margin:20px 0;color:#CDCDCD; margin:0 10px}

div#footer {
 height:30px;
}


div#footerlinks
{
font-size:28px;
margin: 80px 0 0 40px;
}

div#socialmediabuttons2
{
 width:100%;
 height:100%;
 margin:30px 10px 10px 60px;
 padding:0;
 Float:left;
}

.footersocmed {
 width:90px;
 height:90px;
 margin:5px;
 float:left;
}

#webmaster {
 width:auto;
 height:auto;
 margin:5px 30px 0 0;
 padding:0;
 float:right;
 color: #CCCCCC;
 font-size:14px;
}

#webmaster a {
 color:#CCCCFF;
 margin:0;
 padding:0;
 float:right;
}


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
 
 .portfoliogallerystory {
 width:15%;
 height:auto;
 font-size:15px;
 color:#CCCCCC;
 margin:1%;
 padding:1%;
 text-align:left;
 float:left; 
 border: 1px solid #333333; 
}


}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}