/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/


/***** Screen 960px *****/

.row 								{ margin:0 auto; width:960px; overflow:hidden; }
.row .row 							{ margin:0 -16px 0 -16px; width:auto; display:inline-block; }

.row .featuremarginsWide .row 							{ margin:0; width:100%; display:inline-block; }

.grid_1								{ width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.row .featuremarginsWide .row .grid_3 							{ /*width:234px;*/ margin:0 0 0 16px; overflow:hidden; float:left; display:inline; }


.grid_4 							{ width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
	
.offset_1							{ margin-left:96px; }
.offset_2							{ margin-left:176px; }
.offset_3 							{ margin-left:256px; }
.offset_4 							{ margin-left:336px; }
.offset_5 							{ margin-left:416px; }
.offset_6 							{ margin-left:496px; }
.offset_7 							{ margin-left:576px; }
.offset_8 							{ margin-left:656px; }
.offset_9							{ margin-left:736px; }
.offset_10							{ margin-left:816px; }
.offset_11							{ margin-left:896px; }

.show-phone 						{ display:none !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:inherit !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:none !important; }

.topMenu{
	/*background-image: url(images/WhiteBoard-top-420.png);*/
	background-image:url(../images/WhiteBoard-Top.png) !important;
        background-size: contain;
/*	background-image:url(images/WhiteBoard-top-420.png);*/
	background-position: top;
	background-repeat: no-repeat;
}
.bottomMenu{
	background-image:url(../images/WhiteBoard-Bottom.png) !important;
        background-size: contain;
	/*background-image:url(images/WhiteBoard-bottom-420xx.png);*/
	background-position: bottom;
	background-repeat: no-repeat;
	height: auto;
}
/*.featureitemheader	{

	width:48%;


}*/
	
.featureitemheader	{
	text-align:center;
	margin: 0 auto;

}


.featuremarginsheader{
	margin: 0 auto;
	text-align:center;
/*	padding-left: 26%;
	padding-right: 26%;*/

}
.floatingBar img{
	width: 80%;
	margin-top: 5px;
}
	
.featureitem { width: 422px; padding-top: 5px;}
.featuremarginsMenu { width: 438px; }
.featureitemMenu { width: 432px; }
.featureitemPage	{ width:97%;}
.bottomMenu h3{ font-family: 'Delius Swash Caps', cursive; padding-left: 50px;}
.leftMenu p{padding-left: 65px;}
.leftList li{ padding-right: 15px;}
.rightList li{ padding-left: 17px;}
.midBarLeft img{ margin-right: 60px;}
.midBarRight img{ margin-left: 45px;}
h2.specialTitle{ padding-left: 15px;}
.bottomMenu h3{ width: 80%;}

/***** This style affects the gap with the top nav *****/

.grid_4 img {	
    height: auto;
    width: 100%;
}
.facebookIconOuter {display: none;}
#mainContent {font-size: 90%;}

.content-more {display: block;}
.more-trigger {display: none;}
.menu-trigger { display: none; }
.slideshow { width: 402px!important; height:250px!important;}
.slideshow img { width: 100%; height:100%; }


/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

.row 								{ margin:0 auto; width:1200px; overflow:hidden; }
.row .row 							{ margin:0 -20px 0 -20px; width:auto; display:inline-block; }

.row .featuremarginsWide .row 							{ margin:0; width:100%; display:inline-block; }

.grid_1								{ width:60px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:260px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.row .featuremarginsWide .row .grid_3 							{ width:280px; margin:0 0 0 16px; overflow:hidden; float:left; display:inline; }

.grid_4 							{ width:360px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:460px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:560px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:660px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:760px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grid_9								{ width:860px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:960px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:1060px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; margin-bottom: 16px; }

.offset_1							{ margin-left:120px; }
.offset_2							{ margin-left:220px; }
.offset_3 							{ margin-left:320px; }
.offset_4 							{ margin-left:420px; }
.offset_5 							{ margin-left:520px; }
.offset_6 							{ margin-left:620px; }
.offset_7 							{ margin-left:720px; }
.offset_8 							{ margin-left:820px; }
.offset_9							{ margin-left:920px; }
.offset_10							{ margin-left:1020px; }
.offset_11							{ margin-left:1120px; }

.show-phone 						{ display:none !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:inherit; }

.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:none !important; }

.topMenu{
	/*background-image: url(../images/WhiteBoard-top-495.png);*/
	background-image:url(../images/WhiteBoard-top-495xx.png);
	background-position: top;
	background-repeat: no-repeat;
	/*width: 583px;*/
        background-size: cover;
}
.bottomMenu{
	/*background-image:url(../images/WhiteBoard-bottom-495xx.png);*/
	background-image:url(../images/WhiteBoard-bottom-495xxx.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: auto;
	/*width: 583px;*/
}
.featureitemheader	{
	text-align:center;
	margin: 0 auto;
	
}

.featureitem > h1 {
    padding-top: 1.33rem;
}

.featuremarginsheader{
/*	padding-left: 21%;
	padding-right: 21%;*/
}
.floatingBar img{
	width: 100%;
}


.featureitem { width: 550px; padding-top:0px; margin-top: 4px; padding-bottom: 12px; }
.featureitemMenu { width: 492px; }
.featureitemPage	{ width:98%;}
.leftMenu p{padding-left: 65px;}
h2.specialTitle{ padding-left: 21px;}
.slideshow { 	width: 545px !important; height: 355px !important; }
.slideshow img { width: 97%; height:97%; }
.bottomMenu h3{ width: 80%;}

}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 767px) and (max-width: 959px) {

.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row .row 							{ margin:0 -14px 0 -14px; width:auto; display:inline-block; }

.row .featuremarginsWide .row 							{ margin:0; width:100%; display:inline-block; }

		
.grid_1								{ width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.row .featuremarginsWide .row .grid_3 							{ width:680px; margin:0 0 0 16px; overflow:hidden; float:left; display:inline; }

.grid_4 							{ width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.featureitemPage .grid_8  			{ width:680px; margin:0 0 0 14px; overflow:hidden; float:left; display:inline; }


.grid_9								{ width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
		
.offset_1							{ margin-left:78px; }
.offset_2							{ margin-left:142px; }
.offset_3 							{ margin-left:206px; }
.offset_4 							{ margin-left:270px; }
.offset_5 							{ margin-left:334px; }
.offset_6 							{ margin-left:398px; }
.offset_7 							{ margin-left:462px; }
.offset_8 							{ margin-left:526px; }
.offset_9							{ margin-left:590px; }
.offset_10							{ margin-left:654px; }
.offset_11							{ margin-left:718px; }
	
.show-phone 						{ display:none !important; }
.show-tablet 						{ display:inherit !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:none !important; }
.hide-screen						{ display:inherit !important; }
	
.topMenu{
	/*background-image: url(../images/WhiteBoard-top-310.png);*/
	background-image:url(../images/WhiteBoard-top-310xx.png);
	background-position: top;
	background-repeat: no-repeat;
	/*width: 583px;*/
}
.bottomMenu{
	/*background-image:url(../images/WhiteBoard-bottom-310xx.png);*/
	background-image:url(../images/WhiteBoard-bottom-310xxx.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: auto;
	/*width: 583px;*/
}
.featureitemheader	{
	text-align:center;
	margin: 0 auto;
	padding-left: -20px;



}

.featuremarginsheader{

	margin-left: 2%;
	/*margin-right: 10%;*/
}
.floatingBar img{
	width: 65%;
	margin-top: 20px;
}

.featureitem { width: 346px; padding-top:0px;}
.midBarLeft img {margin-right: 27px;}
.midBarRight img {margin-left: 18px;}
.bottomMenu h2 {font-size: 34px;}
.bottomMenu h3{width: 210px; padding-left: 0px; font-size:18px;}
.bottomMenu p{font-size: 14px; width: 200px; padding-left: 55px;}
.containList p{font-family: 'Delius Swash Caps', cursive; font-size:12px;}

.primary-link {
	font-size: 90%;
	}
.leftList li{ padding-right: 6px;}
.rightList li{ padding-left: 6px;}
.midBarLeft img{ margin-right: 40px;}
.midBarRight img{ margin-left: 25px;}	
h2.specialTitle{ padding-left: 10px;}
.slideshow { width: 326px!important; height:214px!important;}
.slideshow img { width: 100%; height:100%; }
.featuremargins img{ margin-top: 3px;}

.featuremarginsWide{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}


}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.row 								{ margin:0 auto; width:300px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
		
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.offset_1,
.offset_2,
.offset_3,
.offset_4,
.offset_5,
.offset_6,
.offset_7,
.offset_8,
.offset_9,
.offset_10,
.offset_11							{ margin-left:0; }

.show-phone 						{ display:inherit !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }

.topMenu{
	/*background-image: url(../images/WhiteBoard-top-495.png);*/
	background-image:url(../images/WhiteBoard-top-495xx.png);
	background-position: top;
	background-repeat: no-repeat;
	/*width: 583px;*/
}
.bottomMenu{
	/*background-image:url(../images/WhiteBoard-bottom-495xx.png);*/
	background-image:url(../images/WhiteBoard-bottom-495xx.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: auto;
	/*width: 583px;*/
}	
.featureitemheader	{
	text-align:center;
	margin: 0 auto;
	

}


.floatingBar {
	height: 120px;
}
.centerMeInBar {
	height: 120px;
}		
.floatingBar img{
	width: 85%;
}



.featureitem { width: 290px; padding-top:0px;}
.featureitemPage { width: 275px; }
.bottomMenu h3{ padding-left: 30px; Width: 250px; font-size: 15px;}
.topMenue{padding-bottom: 3%;}
h2.specialTitle{ padding-left: 10px;}
.slideshow { width: 290px!important; height:190px!important;}
.slideshow img { width: 93%; height:93%; }
.featuremargins img{ margin-top: 10px;}
.leftMenu h3 {font-size: 80%; }
}	 

/***** anything under 740px *****/
@media (min-width: 768px) {
	/* hide mobile drop menu over 768px */
	/*.menu-trigger { display: none; }*/
	.floatingBar { display: block; }
	.containList p{font-family: 'Delius Swash Caps', cursive; font-size:12px;}
}

/***** anything under 740px *****/
@media only screen and (max-width: 767px) {

	.class1 { display: none; }
	.class2 { display: none; }
	.class3 { display: none; }
	.class5 { display:block;  position:absolute; width: 100% !important; height:62px; top: 0px; left: 0px !important; z-index: 0 !important;text-align: center; background-color: #eee0c1; }

	.menu-trigger { display: block; }
	
	/* Hide long text */
	.content-more {display: none;}
	/* show more button */
	.more-trigger {display: block;}
	
	/* clean up desktop */
	.primary-nav li {
		top: 40px;
		display: block;
		float:none;
	}
	.primary-nav {
		background: transparent;
		clear: none;
		display: none;
		float: none;
		margin: 0px;
		padding: 0;
		width: 100%;
	 }
	.primary-nav a {
		 background-color: #9c895f;
		 border-bottom: 1px solid #000000;
		 
	}
	
	.primary-nav a:hover, .primary-nav a:focus  {
		 background-color: #ffffff;
	}	
.containList p{font-family: 'Delius Swash Caps', cursive; font-size:14px;}
		
}

/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 420px) and (max-width: 767px) {

.row 								{ margin:0 auto; width:456px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
	
.row .featuremarginsWide .row 							{ margin:0; width:430px; display:inline-block; }
	
	
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }


.row .featuremarginsWide .row .grid_3 							{ margin:0; width:430px; display:inline-block; }



.show-phone 						{ display:inherit !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }
.topMenu{
	/*background-image: url(../images/WhiteBoard-top-400.png);*/
	background-image: url(../images/WhiteBoard-top-400xx.png);
	background-position: top;
	background-repeat: no-repeat;
}
.bottomMenu{
	/*background-image:url(../images/WhiteBoard-bottom-400xx.png);*/
	background-image:url(../images/WhiteBoard-bottom-400xx.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: auto;
}
.featureitemheader	{
	text-align:center;
	margin: 0 auto;
	


}

.featuremarginsheader{
/*	padding-left: 26%;
	padding-right: 26%;*/

}
.floatingBar{
	height: 140px;
}
.centerMeInBar{
	height: 140px;
}

.floatingBar img{
	width: 65%;
	margin-top: 0px;
}

.featureitem { width: 446px; }
.featureitemPage { width: 430px; }
.midBarLeft img {margin-right: 10px; padding-top: 0;}
.midBarRight img {margin-left: 10px; padding-top: 0;}
.topBarLeft img{ margin-top:5;width: 25px; height:32px;}
.topBarLeft p{ margin-top:15px;}
.topBarRight img{ margin-top:5; width: 25px; height:25px;} 
.topBarRight p{ margin-top:15px;}
.bottomMenu p{width: 270px; padding-left: 47px;}
.bottomMenu h3{width: 310px; padding-left: 10px; font-size: 19px;}
.containList p{width: 270px; font-family: 'Delius Swash Caps', cursive; font-size:10px;}

	
	
	
	
	/* clean up desktop */
	.primary-nav li {
		top: 40px;
		display: block;
		float:none;
	}
	.primary-nav {
		background: transparent;
		clear: none;
		display: none;
		float: none;
		margin: 0px;
		padding: 0;
		width: 100%;
	 }
	.primary-nav a {
		 background-color: #9c895f;
		 border-bottom: 1px solid #000000;
		 
	}
	
	.primary-nav a:hover, .primary-nav a:focus  {
		 background-color: #ffffff;
	}	

#topnav {
		position: relative;
	}
.line1Footer{ font-size: 145%;}
.line2Footer{ font-size: 145%;}
.line4Footer{ font-size: 100%;}
h2.specialTitle{ padding-left: 14px;}
.slideshow { width: 426px !important; height: 285px !important; }
.slideshow img { width: 100%; height:99%; }


.featuremarginsWide {
	margin-right: 0px;
	margin-left: 0px;
}

	
}

@media only screen and (min-width: 320px) and (max-width: 420px) {

.topMenu{
	/*background-image: url(../images/WhiteBoard-top-250.png);*/
	background-image:url(../images/WhiteBoard-top-250xx.png);
	background-position: top;
	background-repeat: no-repeat;
	/*width: 583px;*/
}
.bottomMenu{
	/*background-image:url(../images/WhiteBoard-bottom-250xx.png);*/
	background-image:url(../images/WhiteBoard-bottom-250xxx.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: auto;
	/*width: 583px;*/
}
.floatingBar{width: 300px;}
.centerMeInBar{width: 300px;}
.floatingBar img{
	width: 60%;
}
#topnav {
		padding-top: 0px;
		padding-bottom: 0px;
		background-image: url(../images/LightGreenPixel.gif);
		background-repeat: repeat-x;
		background-position: 0em 3em;
		position: relative;
	}
	
.bottomMenu h2 {Width: 250px; font-size: 28px;}
.bottomMenu h3 {Width: 200px; font-size: 15px; font-family: 'Delius Swash Caps', cursive;}
.bottomMenu p {font-size: 12px; padding-left: 30px; font-family: 'Delius Swash Caps', cursive;}
.containList p{font-family: 'Delius Swash Caps', cursive; font-size:12px;}
.line1Footer{ font-size: 125%;}
.line4Footer{ font-size: 100%;}
.line2Footer{ font-size: 105%;}
h2.specialTitle{ padding-left: 10px;}

.featuremarginsWide{
	margin-right: 0px;
	margin-left: 0px;
}


}




/***** Clean up *****/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row, 
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}