/*
Item Name : Site Layout Structure
Item URL : http://www.riveraccessforall.co.uk
Author URL : http://andyquick.co.uk
Version : 1.00
*/

/*
TABLE OF CONTENTS

01 MAIN UNIVERSAL STRUCTURE

   1. Universal Required Elements
   2. Container Properties
   3. Universal General
   4. Sticky Footer
   5. Footer - Global Elements

*/

/*  _______________________________________________

    01 MAIN UNIVERSAL STRUCTURE
	_______________________________________________  */

	/* 1. Required Elements */

/* =Lav=*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }
/* 	===========================================================================================================================*/
/* 	NOTE: Text Adjust 100% Prevents Mobile Safari from bumping up font sizes in landscape */
/* 	===========================================================================================================================*/
/*	------Background colour and Header image-------fefbe8	*/

body 		{overflow:visible;  width: 100%; margin:0 auto;  background-color:#fff;  /*background: url(images/interface/bg.jpg) top no-repeat; #ededed;*/ -webkit-tap-highlight-color: rgb(116,188,250,0.5); }
#wrap 		{overflow:visible; width: 100%; margin:0 auto; /*background: #ffffff; background: url(../img/interface/header.jpg) top repeat-x;*/ -webkit-tap-highlight-color: rgb(116,188,250,0.5); }


/*	------Selection Colours------------	*/	  
::selection 	 		{background: rgb(116,188,250,0.5);}
::-moz-selection 	{background: rgb(116,188,250,0.5);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}

/*	------General Elements------------	*/
ul 		{list-style-type: none; }
a img 	{border:none;}
img 		{vertical-align:top; position:relative; top:0px; max-width:100%;height:auto;}

/*	------Link Masters------------	*/
/*a{transition: all 0.3s ease-in;}*/

a:link 		{color: #10b6f3; text-decoration:none; outline:none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
a:hover		{color:#0e9ee9; text-decoration:none; outline:none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
a:visited 	{color: #10b6f3; text-decoration:none; outline:none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }

/*	------Position Masters------------	*/
.left {float:left !important;}
.right {float:right; text-align: right !important;}
.rightfull {float:right; text-align: right; width:100%;}
.center {text-align: center; padding: 0px 0px 0 0px; max-width: 100%; margin: 0 auto;}
.bottom {vertical-align:bottom;}
.top {vertical-align:top;}

.spacetop_la{ padding: 10% 0 0 0;  }
.spacetop{ padding: 4% 0 0 0;  }
.spacetop_sm{ padding: 2% 0 0 0;  }
.spacebottom{ padding: 0 0 10% 0;}
.spacebottom_sm{ padding: 0 0 4% 0; }
.spacebottom_micro{ padding: 0 0 15px 0; }
.spacetop_mon, .spacetop_mon2{ padding:10% 0 0 0;  }
.spacetop_pass{ padding: 10% 0 2% 0;  }
.spacebottom_pass{ padding: 0 0 14% 0;  }
.spacetop_sol{ padding: 2% 0 0% 0;  }

.maxwidth{min-width:100% !important; max-width:100% !important;  }

.mobpad { padding: 10px 20px 0 20px;}

a.padtop { padding: 15px 0 0 0;}

/* 	===========================================================================================================================*/

/* 	2. Container Properties */
/* 	===========================================================================================================================*/	
/* 	Container and row normally 960px width but can be made 100% and then it will stretch to the end of the page window. 
	Container and row to 100% for reducing size effect*/	
/* 	===========================================================================================================================*/					
	
.container	{ width:90%; max-width: 1200px; margin:0 auto; height:100%; overflow:visible; }
.container2	{ width:100%; margin:0 auto; height:100%; overflow:visible; }
.container2	{ background-color:#1c1c1c;  }/* f2efd9;    background: url(../img/backgrounds/imgc1.png) top no-repeat;*/  
.container3	{ background-color:#1c1c1c;  }
.container4	{ background-color:#000;  }
.row 		{width: 100%; margin: 0 auto; overflow: hidden; }/*width: 100%;*/ 
.row2 		{width: 90%; margin: 0 auto; overflow: hidden; }/*width: 90%;*/ 
.row3 		{width: 90%; margin: 0 auto; overflow: hidden; }

.onecol, .twocol, .threecol, .threecolft,  .fourcol,  .fourcolq, .fivecol, .sixcol, .sixcolp,  .sixcolt,  .sevencol, .eightcol, .eightcolq, .ninecol, .tencol, .elevencol, .twelvecol {margin-right: 3.8%; float: left; min-height: 1px; }

.row .onecol {width: 4.85%; }/*background-color:#ec6820; height:20px;*/
.row .twocol 	{width: 13.45%;  background-color:#ec6820;}  /* 13.45%background-color:#b0ec20; height:20px;*/
.row .threecol, .row2 .threecol  {width: 22.05%; display: inline-block; }/*background-color:#ff00ff;height:50px;*/
.row .threecolft  {width: 22.05%; display: inline-block; }/*background-color:#ff00ff;height:50px;*/
.row .fourcol, .row .fourcolq, .row2 .fourcol, .row3 .fourcol	{width: 30.75%; }  /*background-color:#ff00ff;height:20px;*/
.row2 .fourcol 	{width: 30.75%; }  /*background-color:#ff00ff;height:20px;*/

.row .fivecol 	{width: 39.45%;  }/* 39.45%;background:#fff000;height:20px;*/
.row .sixcol, .row2 .sixcol  	{width: 48%;    } /*background:#ffaa55;height:20px;*/
.row2 .sixcolp {width: 39.45%;    }
.row2 .sixcolt  {width: 56.75%;   }
.row .sevencol 	{width: 56.75%;  } /*background-color:#ff0000;height:20px;*/
.row .eightcol, .row .eightcolq, .row2 .eightcol, .row3 .eightcol    	 	{width: 65.4%;  } /*background-color:#20eaec;height:20px;*/
.row2 .eightcol 	{width: 65.4%;  } 

.row .ninecol, .row2 .ninecol  	{width: 74.05%;} /*background-color:#b0ec20; height:20px;*/
.row .tencol 	{width: 82.7%; } /*background-color:#ff00ff;height:20px;*/
.row .elevencol 	{width: 91.35%;} /*background-color:#ec6820; height:20px;*/
.row .twelvecol 	{width: 100%;  }/*background-color:#ff9000;*/
.row2 .twelvecol 	{width: 100%; float: none !important;  }/*background-color:#ff9000;*/

.last 			{margin-right: 0px;} /*background:#ff00ff;*/


/* 	===========================================================================================================================*/
/* 	3. Universal General */
/* 	===========================================================================================================================*/
@media only screen and (max-width:920px) {
	.row .threecol  {width: 22.05%; display: inline-block; }
	.row2 .threecolft {width: 22.05%; display: inline-block;}  /*22.05*/
	.row2 .fourcol  {width: 30.75%; } /* 39.45 */
	.row .sixcol  	{width: 48%;   }
	.row2 .sixcol  	{width: 48%;    }
	.row2 .sixcolp {width: 39.45%;   padding:60px 0 0 0; }
	.row2 .sixcolt  {width: 56.75%;   }
	.row2 .eightcol {width: 65.4%; }  /*56.75%; */
		.row2 .ninecol 	{width: 74.05%;}
	.row-full .twelvecol {width: 100%;  }/*background-color:#ff9000;*/

	.spacetop_mon, .spacetop_mon2{ padding: 10% 0 4% 0;  }
	.last 			{margin-right: 0px;} /*background:#ff00ff;*/
}
/*	----------------------------------------------------------------	*/
@media only screen and (max-width:767px) {


.container { width:90%; max-width: 800px; margin:0 auto; height:100%; overflow:visible; }
.container2 { width:100%; max-width: 800px; margin:0 auto; height:100%; overflow:visible; }

.row {width: 100%; margin: 0 auto;  } /*width: 100%; 30.75%, 48%*/ 
.row2 {width: 90%; margin: 0 auto;  } /*width: 100%; 30.75%, 48%*/ 


.row .onecol {width: 4.85%; } /*background-color:#ec6820; height:20px;*/

.row2 .threecol  {width: 100%; display: inline-block; }
.row .threecolft {width: 22.05%; display: inline-block;}  /*22.05*/

.row .fourcol {width: 30.75%;}  /* 48 30.75%  */
.row .fourcolq {width: 100%;} 
 .row2 .fourcol  {width: 30.75%; } 
 
.row .fivecol {width: 100%;}
.row .sixcol {width: 48%;   }
.row2 .sixcol  	{width: 48%;  }
.row2 .sixcolp {width: 38.45%;    }
	.row2 .sixcolt  {width: 57.75%;   }
	

.row .sevencol {width: 100%; }
.row .eightcol {width: 65.4%; }
.row .eightcolq {width: 100%; }
.row2 .eightcol {width: 65.4%; }
	.row2 .ninecol 	{width: 100%;}
.row .twelvecol {width: 100%; }
.row2 .twelvecol {width: 100%; }

.content-b .spacetop{ padding: 0% 0 0 0;  }

.spacetop_mon, .spacetop_mon2{ padding: 10% 0 4% 0;  }

.spacetop{ padding: 10% 0 0 0;  }
.last 			{margin-right: 0px;}
}

/*	----------New------------------------------------------------------	*/
/*	----------------------------------------------------------------	*/
@media only screen and (max-width:600px) {
.spacetop_mon { padding: 30% 0 0 0;  }
.spacetop_mon2{ padding: 30% 0 20%  0;  }

 .row2 .fourcol  {width: 100%;}  /* 48 30.75%  */
 .row2 .sixcol  	{width: 100%; }
	
	.row2 .sixcolp {width: 100%; padding:0px; }
	.row2 .sixcolt  {width: 100%;  }
.row .eightcol, .row2 .eightcol, .row3 .fourcol  {width: 100%; }
.row .threecol {width: 45%; margin-right: 2.5%; margin-left: 2.5%;} /* 3.8%  */

.content-b {position:relative; top: -15px;}

.spacetop_mon{ padding: 28% 0 4% 0;  }
.spacetop_mon2{ padding: 5% 0 4% 0;  }
.mobpad {padding: 10px 20px 0 20px !important;}
}
/*	----------------------------------------------------------------	*/
@media only screen and (max-width:520px) {
.row .threecol {width: 43%; margin-right: 3.5%; margin-left: 3.5%;}  /* 2.8%  */
}


/*	----------------------------------------------------------------	*/
/*	----------------------------------------------------------------	*/

@media only screen and (max-width:479px) {
.container { width:90%; max-width: 600px; margin:0 auto; height:100%; overflow:visible; }
.row {width: 100%; margin: 0 auto;  }


.row .onecol {width: 0%; background-color:#ec6820;} /*background-color:#ec6820; height:20px;*/


/*.row .threecol {width: 100%; text-align:center; }*/
.row .threecolft {width: 100%;}  /*22.05*/

.row .fourcol {width: 100%; }
.row .fourcol, .row2 .fourcol  {width: 100%; }
.row .fivecol {width: 100%; }
.row .sevencol {width: 100%; }

.row .eightcol, .row2 .eightcol {width: 100%; }

.row .twelvecol {width: 100%; }
.row2 .twelvecol {width: 100%; }

}

/* 	===========================================================================================================================*/
/* 	4. Sticky footer Master Elements - Global elements*/
/* 	===========================================================================================================================*/
	/*  Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com
		must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing,
		else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser*/
/* 	===========================================================================================================================*/

* 		{margin:0;padding:0;}
#wrap 	{min-height: 100%; }

/* 	===========================================================================================================================*/
/* 	5. Footer - Global elements*/
/* 	===========================================================================================================================*/

footer {overflow:visible; margin:0 auto; width:100%;  height: 100%; padding: 0px 0px 0 0px; background:#000000; }