@charset "utf-8";
/* CSS Document */
* {

          padding: 0;

          margin: 0;

          border: 0;

}
html {
		height: 100%;
}
body  {
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222222;
	background-color: #BFAD94;
	height: 100%;
	font-size: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
/* image sizing*/

img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
/* layout*/
header, section, footer, aside, nav, main, article, figure
{
display: block;
} 
.wrap {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.maxwidth {
	text-align: center;
	width: 90%;  /* this will create a container 90% of the browser width max width 1000px approx */
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 0%;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 0.063em;
    line-height: 0px;
}
.clearall {
	clear: both;
}
.logo {
	float: none;
	width: 100%;
}
.topcontact {
	float: none;
	width: 100%;
	text-align: center;
}
.toptel {
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 1.5em;
}
.toptel a:link,  .toptel a:visited {
	color: #2C1D15;
	text-decoration: none;
	background-image: url(../images/top-tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}
.toptel a:hover, .toptel a:active {
	color: #2C1D15;
	text-decoration: none;
}
.topsocial {
	color: #555;
}
#socialicons {
	float: right;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 0%;
}
#socialicons span {
	display: none;
}
#socialicons ul{
	padding: 0px;
	list-style-type: none;
}
#socialicons li{
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#topfb a:link,  #topfb a:visited, #toptw a:link,  #toptw a:visited, #topblog a:link,  #topblog a:visited, #toppin a:link,  #toppin a:visited, #topyou a:link,  #topyou a:visited, #topgoo a:link,  #topgoo a:visited, #topcon a:link,  #topcon a:visited, #tophome a:link,  #tophome a:visited, #toploc a:link,  #toploc a:visited {
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	list-style-type: none;
	background-position: 0px top;
	margin-left: 0em;
}
#topfb a:link,  #topfb a:visited {
	background-image: url(../images/icon_topfb.png);
	width: 38px;
}

#toptw a:link,  #toptw a:visited {
	background-image: url(../images/icon_toptwit.png);
	width: 38px;
}
#topblog a:link,  #topblog a:visited {
	background-image: url(../images/icon_topblog.png);
	width: 38px;
}
#toppin a:link,  #toppin a:visited {
	background-image: url(../images/icon_linkedin.png);
	width: 38px;
}
#toploc a:link,  #toploc a:visited {
	background-image: url(../images/icon_location.png);
	width: 36px;
}
#topgoo a:link,  #topgoo a:visited {
	background-image: url(../images/icon_topgplus.png);
	width: 38px;
}
#topcon a:link,  #topcon a:visited {
	background-image: url(../images/icon_topcon.png);
	width: 38px;
}
#tophome a:link,  #tophome a:visited {
	background-image: url(../images/icon_tophome.png);
	width: 38px;
}
#topfb a:hover, #toptw a:hover, #topfb a:active, #toptw a:active, #topblog a:hover, #topblog a:active, #toppin a:hover, #toppin a:active, #topyou a:hover, #topyou a:active, #topgoo a:hover, #topgoo a:active, #topcon a:hover, #topcon a:active, #tophome a:hover, #tophome a:active, #toploc a:hover, #toploc a:active  {
	background-position: 0px -35px;
}
.outerbox {
	background-image: url(../images/repbg.jpg);
	background-repeat: repeat;
	padding: 15px;
}
 #mainContent {
	text-align: left;
	clear: both;
	background-color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
}
#leftmenu {
	margin: 0px;
	padding: 0px;
}

 .contentwrap h1,  .contentwrap h4 {
	font-family: 'Nothing You Could Do', cursive;
	font-size: 2.0em;
	color: #5E8798;
	font-weight: normal;
	margin-bottom: 0.33em;
	clear: both;
 }
  .contentwrap h2 {
	font-size: 1.0em;
	color: #636466;
	font-weight: normal;
	padding-bottom: 0.189em;
	margin-bottom: 0.189em;
 }
  .contentwrap h3 {
	font-family: 'Nothing You Could Do', cursive;
	font-size: 1.6em;
	color: #2C1D16;
	font-weight: normal;
	margin-bottom: 0.63em;
	clear: both;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDBD2;
	padding-top: 0.63em;
 }
.contentwrap h5 {
	font-size: 1.2em;
	color: #9F0C40;
	font-weight: normal;
	padding-bottom: 0.189em;
	margin-bottom: 0.189em;
 }
 .contentwrap p {
	padding-bottom: 6px;
	text-align: left;
	font-size: 0.9em;
  }

  .contentwrap ol {
	padding-left: 5%;
  }
   .contentwrap ul {
	padding-left: 5%;
	font-size: 0.9em;
  }
   .contentwrap label {
	color: #09C;
	font-size: 0.756em;
	}
	.contentwrap input {
	border: 1px solid #CCC;
	padding: 0.189em;
	margin-right: 0.625em;
	}
	.contentwrap select {
	border: 1px solid #CCC;
	padding: 0.189em;
	margin-right: 0.625em;
	}
.contentwrap a:link,  .contentwrap a:visited {
	color: #00678C;
	text-decoration: none;

}
.contentwrap a:hover, .contentwrap a:active {
	color: #000000;
	text-decoration: underline;
}
/* contact form */

#contactform {
	padding: 0px;
}
#contactform a:link,  #contactform a:visited {
	color: #666666;
	text-decoration: none;
}
#contactform a:hover, #contactform a:active {
	color: #00698C;
	text-decoration: underline;
}


#contactform input {
	font-size: 1.2em;
	border: 1px solid #CCC;
	padding: 2px;
	background-color: #E2E9E7;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contactform .field300 {
	width: 90%;
}
#contactform .field1 {
	width: 15%;
}
#contactform textarea {
	font-size: 1.2em;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #E2E9E7;
	margin-top: 10px;
}
#contactform fieldset {
	border: 1px solid #CCC;
	padding-left: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#contactform legend {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.882em;
	color: #444655;
	font-weight: normal;
}
.smalltxt {
	font-size: 0.8em;
}
#contactform label {
	font-size: 1em;
	color: #00698C;
	font-weight: normal;
	
}
#contactform option {
	color: #333333;
	border: none;
	padding: 2px;
}
#contactform select {
	background-color: #E2E9E7;
	border: 1px solid #CCC;
	padding: 0px;
}

#contactform  #contactsubmit {
	font-size: 1.0em;
	color: #FFF;
	background-color: #268CBE;
}
#contactform  #contactclear {
	font-size: 1.0em;
	color: #FFF;
	background-color: #999999;
}
/* colour*/
.bgwhite {
	background-color: #FFF;
}
.bgcol1 {
	background-color: #C7D7CF;
}
.bgcol2 {
	background-color: #DEDBD2;
}
.bgcol3 {
	background-color: #F7F7F3;
}
.border1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D4CB;
}
.border2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7D4CB;
}
.imgbox img {
	border: 1px solid #F0E2BD;
}
.whitetxt {
	color: #FFF;
}
.footer {
	color: #2C1D15;
	font-size: 0.9em;
}
.footer  a:link,  .footer  a:visited {
	color: #330000;
	text-decoration: none;
}
.footer  a:hover, .footer  a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
/* layout elements*/
.blockleft {
	float: none;
	width: 100%;
}
.blockright {
	float: none;
	width: 100%;
}
.blockleft2 {
	float: none;
	width: 100%;
	text-align: left;
}
.blockright2 {
	float: none;
	width: 100%;
	text-align: left;
}

.blocknav, .blockcontent, .blockfeature, .blockfullcontent    {
	float: none;
	width: 98%;
	text-align: left;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
	padding-bottom: 0px;
}
.contentwrap {
	float: none;
	width: 100%;
}
.blockimgfltright {
	float: right;
	width: 98%;
	text-align: right;
	margin-bottom: 0.63em;
	margin-left: 1%;
	border: 1px solid #B8D1DD;
	margin-right: 1%;
}
.pad10 {
	padding-top: 0.63em;
	padding-right: 0.33em;
	padding-bottom: 0.63em;
	padding-left: 0.33em;
}
.pad1 {
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}
.rounded {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0.63em;
	margin-top: 0.63em;
}
.dropshad {
-webkit-box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    2px 1px 8px rgba(0, 0, 0, 0.2);
box-shadow:         2px 1px 8px rgba(0, 0, 0, 0.2);
}
.marginbot10 {
	margin-bottom: 0.63em;
}
.width70 {
	width: 69%;
}
.width30 {
	width: 29%;
}
.fltleft {
	float: left;
}
.fltright {
	float: right;
}
.padtopbot20 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.divide{
	background-color: #F0E2BD;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.topdivide{
	background-color: #F0E2BD;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}
.testimonial {
	padding: 15px;
	-moz-box-shadow: 5px 2px 8px #888;
	-webkit-box-shadow: 5px 2px 8px #888;
	box-shadow: 5px 2px 8px #888;
	min-height: 0px;
}
.testimonial2 {
	padding: 15px;
	min-height: 0px;
	margin-bottom: 10px;
	background-color: #F7EFDB;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.testitop{
	background-image: url(../images/quote_top.png);
	display: block;
	height: 17px;
	background-repeat: no-repeat;
	background-position: left;
}
.testitxt {
	padding: 5px;
}
.testifoot {
	background-image: url(../images/quote_bottom.png);
	height: 17px;
	background-repeat: no-repeat;
	background-position: right;
}
.testilink {
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: right;
}
#mainContent .testilink a:link ,  #mainContent .testilink a:visited, #sideinfo .testilink a:link ,  #sideinfo .testilink a:visited   {
	color: #1D2B44;
	text-decoration: none;
	background-color: #FFFFFF;
	display: block;
	font-size: 1.0em;
	background-image: url(../images/arrow_blue_right.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
#mainContent .testilink  a:hover , #mainContent .testilink a:active, #sideinfo .testilink  a:hover , #sideinfo .testilink a:active{
	color: #0177C1;
	text-decoration: none;
}
@media screen and (min-width: 480px){
	.blocknav   {
	float: left;
	width: 100%;
	text-align: left;
	padding-right: 0%;
	padding-left: 0%;
}
.contentwrap {
	float: none;
	width: 100%;
}
.blockcontent {
	float: left;
	width: 58%;
	text-align: left;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
}
.blockfeature   {
	float: left;
	width: 38%;
	text-align: left;
	padding-right: 0%;
	padding-left: 2%;
	padding-top: 10px;
}
.padtopbot20 {
	padding-top: 20px;
	padding-bottom: 10px;
}
	 }
	 
@media screen and (min-width: 648px){
	.topdivide{
	display: none;	
}
.logo {
	float: left;
	width: 50%;
	padding-top: 10px;
}
.topcontact {
	float: right;
	width: 50%;
	text-align: right;
}
.toptel {
	padding-top: 3%;
	padding-bottom: 0%;
	font-size: 1.5em;
	clear: both;
}
#leftmenu {
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.padtopbot20 {
	padding-top: 40px;
	padding-bottom: 10px;
}
}

@media screen and (min-width: 979px){ 
#socialicons {
	float: right;
	padding-top: 4%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 0%;
}
/* layout elements*/
.topdivide{
	background-color: #F0E2BD;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 50px;
	display: block;
}
#leftmenu {
	margin: 0px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.blockleft {
	float: left;
	width: 48%;
}
.blockright {
	float: right;
	width: 48%;
}
.blockleft2 {
	float: left;
	width: 49%;
	text-align: left;
}
.blockright2 {
	float: right;
	width: 49%;
	text-align: right;
}
.blockimgfltright {
	float: right;
	width: 42%;
	text-align: right;
	margin-bottom: 0.63em;
	margin-left: 1%;
	margin-right: 0%;
	border: 1px solid #B8D1DD;	
}
.blocknav   {
	float: left;
	width: 20%;
	text-align: left;
	padding-right: 1%;
	padding-left: 0%;
}
.contentwrap {
	float: left;
	width: 79%;
}
.blockcontent {
	float: left;
	width: 55%;
	text-align: left;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
}
.blockfeature   {
	float: left;
	width: 39%;
	text-align: left;
	padding-right: 0%;
	padding-left: 2%;
	padding-top: 0px;
}
.padtopbot20 {
	padding-top: 60px;
	padding-bottom: 10px;
}	
}
@media screen and (min-width: 1200px){ 
.blocknav   {
	float: left;
	width: 16%;
	text-align: left;
	padding-right: 1%;
	padding-left: 0%;
}
.contentwrap {
	float: left;
	width: 83%;
}
.blockcontent {
	float: left;
	width: 60%;
	text-align: left;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
}
.blockfeature   {
	float: left;
	width: 36%;
	text-align: left;
	padding-right: 0%;
	padding-left: 2%;
	padding-top: 0px;
}
.blockfullcontent  {
	float: left;
	width: 100%;
	text-align: left;
	padding-right: 0%;
	padding-left: 2%;
	padding-top: 0px;
}	
}