/* Version: 1.0
Author: Ian Young IY e-Solutions
Author URI: http://iyesolutions.co.uk
Description: Responsive Theme 
HTML5: By IY e-Solutions
Site Design by By DigitalPlot: http://digitalplot.co.uk


/*CONTENT CLASSES*/

html,  
body {
	font-size: 14px;
font-family: arial, helvetica, sans serif;
line-height: 26px;
color: #363636;
background-color: #f8f8f8;
		text-align:left;
		margin: 0;
		padding: 0;
}



a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #f0ac5b;
	background-color: transparent;
}


text ul{color: #4f4f4f;
margin-left:10px;padding-left:10px}



a img { border: none; }




#page-wrapper {
 		background-color: #fff;
		text-align:  left;
		width:100%;
		max-width:980px; 
		margin: auto;
		padding: 0px;
		-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1); 
}


#content { 
  		width: 100%;
		
  		border: 0px solid red;
  		min-height:200px;
		height:auto !important;
    	padding: 0;
 		margin: 0 0 0px 0;
   
}





#page-heading {
		/* background: transparent url(images/head_fishnets.jpg)no-repeat top left; */
		width:100%; 
		height: 300px;
		margin: 0px 0 8px 0; 
		border: 0px solid red;

}


#mainContent { 
		width: 90%;
		max-width:725px
 		margin: 0 0 0 0;
  		float:left;
		padding: 0px 0 0px 20px;
		text-align: left;
		overflow:hidden;
		border: 0px solid blue;
 
}

#mainContent ul, #mainContent ul li {list-style:disc;
color: #4f4f4f;}





#footer {
		background: #666;
		width:100%; 
		height: 60px; 
		padding-top: 1px;
		margin-top: 0px;
		clear: both;
		font-size: .625em;
		border-top: 0px solid #954464;

}


#footer2 {
		width:100%; 
		height: 50px; 
		padding-top: 1px;
		margin-top: 0px;
		clear: both;
		color: #999;
		font-size: .75em;
		text-align: left;
		border: 0px solid red;

}
#footer2 a {
		text-decoration: none;
		color: #999;
		background: transparent;
}


#footer2 {
width:950px; 
background-color: transparent;
clear: both;
font-size: 12px;
margin-top: 0px;
text-align: right;
padding-top: 0px;



}

#footer2 a:link, #footer2 a:visited, #footer2 a:hover, #footer2 a:active {
	text-decoration: none;
	color: #393a3e;
	background-color: transparent;
}

.box {
background-color: #f8f8f8;

-moz-border-radius: 5px;
 -kphpl-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #f0eaea;
padding: 10px;
 margin-top: 4px;
  margin-bottom: 10px;
  font-family: verdana, arial, helvetica, sans serif;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}


.box h1 {
font-size: 16px;
  color: #3a3b74;
  font-weight: normal;
}


.sig {

font-family: "American Typewriter", Arial, Helvetica, sans-serif;

font-size: 20px;
		color: #fff;
		padding-left: 10px;
		margin-top: 10px;
		width: 50%;
		max-width:500px;
		float: left;
		text-align: left;
	
		letter-spacing: 0px;
		border: 0px solid red;
	}

.sig a {
		text-decoration: none;
		color: #fff;
		background: transparent;
}

.big {
	 text-decoration: none; 
	font-family: "American Typewriter", Arial, Helvetica, sans-serif;
		color: #b60101;

font-size: 18px;
line-height: 22px;}
.sm {
	background-color: #f8f8f8;

-moz-border-radius: 5px;
 -kphpl-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #f0eaea;
padding: 10px;
 margin-top: 4px;
  margin-bottom: 10px;
  font-family: verdana, arial, helvetica, sans serif;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
	}


blockquote{background:#ffffff;border-left:1em solid #d395b8;margin:1.5em 1em;padding:.5em 1em;font-style: italic;/* quotes:"\201C""\201D" */;}
/*        blockquote:before{color:#808080;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;} */
       blockquote :first-child{display:inline;}
       blockquote :last-child{margin-bottom:0;}
      /*  blockquote:after {color:#B2AFCD;content:close-quote;font-size:4em;line-height:.1em;margin-left: .20em;vertical-align:-.4em;} */

.quote{
  		color: #A30024;
    	text-decoration: none;
		text-align: left;
		margin-right: 200px;
		font-style: normal;

}



.hilite {
		color: #be492e;
		font-weight: bold;
		letter-spacing: 1px;

	}

.intro {
		font-style: italic;
		font-weight: bold;
		font-size: 1em;
		letter-spacing: 0px;

	}	
.tiny {
		text-decoration: none;
		letter-spacing: 1px;
		padding-top: 0px;
		text-align: top;
		margin: 0;
		text-align: left;
		font-size: .75em;
	}	

	h1
	{
	
text-decoration: none;
	color: #b60101;
font-family: "American Typewriter", Arial, helvetica, san serif;
padding: 4px 0 4px 0;
text-align: left;
font-weight: normal;
font-size: 2em;/*24px*/
	letter-spacing: 0px;
	}	
	
	
	
	
	h2
	{
	text-decoration: none;
	color: #0e4c4d;
font-family: "American Typewriter", Arial, helvetica, san serif;
margin-left: 0px;
margin-bottom: 10px;
border-bottom: 0px dotted #F0B90B;

text-align: left;
font-size: 1.375em;/*22px*/
font-weight: normal;
	}
	
	
	
	h3
	{
	text-decoration: none;
		color: #b60101;
font-family: "American Typewriter", Arial, helvetica, san serif;
text-align: left;
font-size: 20px;
font-weight: normal;
	}
	
	h4
	{
	text-decoration: none;
	color: #0B400A;
font-family: "American Typewriter" Verdana, Arial, helvetica, san serif;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
text-align: center;

	font-size: 1.3em;
	text-decoration: none;
	}
	
	#accordian h3
	{
	text-decoration: none;
		color: #b60101;
font-family: "American Typewriter", Arial, helvetica, san serif;
font-size: 20px;
	}	
	
	
	
	h2	{
		text-decoration: none;
		color: #954464;
		font-weight: 400;
		text-align: left;
		font-size: 1.375em;/*22px*/

	}
	
	
	h3 	{
		text-decoration: none;
		color: #666;
		font-weight: 400;
		text-align: left;
		font-size:1.25em;/* 20px;*/
		font-style: italic;
		margin-bottom: -12px;

	}
.picture {
		position: relative;
		display: inline;
		padding: 0;
		margin: 5px 0px 0 0px;
		width:25%;
		max-width: 250px;
		font-size:.75em/* 12px*/; 
		text-align: center;
		border: 0px solid red;
}	
	
	.picture_right {
		position: relative;
		display: inline;
		padding: 0;
		float: right;
		margin: 5px 0px 0 0px;
		width:30%;
		max-width: 300px;
		font-size:.75em/* 12px*/;
		text-align: center;
		border: 0px solid red;
}



.picture_left {
		position: relative;
		display: inline;
		padding: 0;
		float: left;
		margin: 5px 5px 0 0px;
		font-size:.625em/* 10px*/;
		width:30%;
 		max-width: 300px;
    	font-weight: normal;
		text-align: center;
		border: 0px solid red;
}
	


span {
    	width: 100%;
    	display: inline-block;
    	font-size: 0;
    	line-height: 0
}
	
hr 

{color: #fff; background-color: #fff; border: 2px dotted #954464; border-style: none none dotted; clear:both;}


input.txt {
  color: #00008B;
  background-color: #eeeeee;
  border: 1px inset #cc0000;
  width: 200px;
}

input.box {
  color: #00008B;
  background-color: #eeeeee;
  border: 1px inset #cc0000;
  width: 290px;
  height: 100px;
}

  
  form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
 form p label {
  float: left;
  width: 50%;
  /*font: bold 0.7em Arial, Helvetica, sans-serif;*/
}


/***** Global Classes *****/
.clear { clear: both; }
.hide { display: none; }
.show { display: block; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.image, .image-left, .image-right { margin: 8px; } 
.image-left { float: left !important; margin-right: 20px; }
.image-right { float: right !important; margin-left: 8px; margin-right: 8px; }
.image-border { border: 1px solid #ccc; padding: 5px; }
.image-line { border: 1px solid #A7C024; padding: 5px; }
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.align-justify { text-align: justify !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.hand { cursor: pointer; }
.auto-height { height: auto !important; }
.auto-width { width: auto !important; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignrightborder {float:right; margin:0 0 1em 1em; border: 1px solid #ccc; padding: 5px;}
img.alignleftborder {float:left; margin:0 1em 1em 0; border: 1px solid #ccc; padding: 5px;}
img.aligncenterborder {display: block; margin-left: auto; margin-right: auto; border: 1px solid #ccc; padding: 5px;}



/* Media Queries */
@media only screen
  
  and (max-device-width : 1024px)
   
{
    /* iPad landscape style here */
	/*#Nav ul li a {padding:4px 0.8em}*/
}

@media screen and (max-width: 768px) {
#Nav ul li a {padding:4px 2em}
#page-heading{background-size:100% 100%;height:160px}
/*#content img {width:100%;height 100%;}*/
#container>div {max-width:210px;margin:0 auto 10px;display:block}
#mainContent {width:98%}

}
@media screen and (max-width: 650px) {
#Nav ul li a {padding:4px 1em}
#container>div {width:50%;max-width:210px;margin:0 auto 10px;display:block}
}

@media screen and (max-width: 570px) {
#Nav ul li a {padding:4px 12px}


}
@media screen and (max-width: 480px) {

		#skipTo {
		display: none;
		
		}
	#content, #mainContent {
		float: left;
		clear: left;
		margin: 10px 5px 10px; 
		width: 98%;
		padding:0;
		}	
		
		#page-heading {
		float: left;
		clear: left;
		margin: 20px 5px 10px; 
		width: 98%;
		padding:0;
		}	
		
		
		div#cookiewarning div#back, div#cookiewarning div#back div{display:none}
		.picture,.picture_left,.picture_right {float:left;}
		#mainContent img {width:100%;height:100%}
		#right {max-width:400px}
		#right .image{float:left;width:10%}
		#page-heading{background-size:100% 100%;height:80px}
		#top-heading{background-size:100% 100%;}
		
		#content img {width:100%;height 100%;}
		#container>div {width:100%;margin:0 0 10px;display:block;margin:auto;}
		/*div.text img {float:left;text-align:center;margin:0 ;display block;}*/
	
		.box img{width:30%;height:30%}
		#footer {float:left;}
		
		
		#Nav{display:none}
		#mobile {display:block;}
		
footer .sig {
		float: left;
		clear: left;
		margin: 0;
		width: 100%;
		}