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

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


.top			 								{ margin:0 auto; margin-top:30px; }	
.base											{ margin:0 auto; margin-bottom:40px; }	
span.example									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#eee; text-align:center; width:100%; display:block; }

.container {
	padding-top: 8px;
	padding-bottom: 8px;
}

.featureitem, .featureitemWide	{
	background-color:#FFFFFF;
	text-align:center;
	width:100%;
	height: 100%;
	display:block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	-moz-box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.featureitemPage	{
	background-color:#FFFFFF;
	text-align:center;
	width:100%;
	display:block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	-moz-box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.featureitemMenu	{
	text-align:left;
	width:100%;
	display:block;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.featureitemheader	{
	text-align:center;
	display:block;
	margin: 0 auto;
	margin-left: 21%;
	margin-right: 21%;

}

.featuremargins{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 10px;
	height: 100%;
	
}

.featuremargins + .featuremargins img {
    margin-top: 0px;
}

.featuremargins img, .featuremarginsWide img{
	border: solid 2px #FFFFFF;
	border-radius: 10px;
	margin-top: 7px;
	margin-left: -3px;
	
	
}

.featuremarginsPage{
	margin-top: 0px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	margin-left: 10px;	
}

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

.featuremarginsPage img, .featuremarginsWide img {
	border: solid 2px #FFFFFF;
	border-radius: 10px;
	margin-top: 10px;
	margin-left: -3px;
	
	
}




.featuremarginsMenu{
	background-color:transparent;
	text-align:center;
	width:100%;
	height: 100%;
	display:block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	-moz-box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(7, 7, 7, 0.3);
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	box-shadow: none;
        padding-left: 0;
        padding-right: 0;
        width: 438px;
}

.containList p {
    text-align: center !important;
}
.featuremarginsheader{

}

.featuremarginsheader p{
	text-align: center;

}
.featuremargins img, .featuremarginsWide img{
	max-width: 100%;
	height:auto;
}
.featuremarginsPage img {
	max-width: 100%;
	height:auto;
}
.featuremargins p {

	text-align: left;
}
.featureitem p{
	text-align: left;
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	padding-left: 4%;
}
.featuremargins .topspacer {

	height: 10px;
	overflow:hidden
}

.featuremarginsPage .topspacer {

	height: 10px;
	overflow:hidden
}

.alignCenter, featureitem p.alignCenter {
	text-align: center!important;
}


.whiteboard-mid									{
	text-align:center;
	width:100%;
	/*display:block;*/
	background-image: url(../Templates/images/FeatureBox-Mid.gif);
	background-repeat: repeat-y;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #00CC33;
}

.whiteboard-bot {
	width:100%;
	background-image: url(../Templates/images/FeatureBox-Bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.whiteboard {
	width:100%;
	background-image: url(../Templates/images/FeatureBox-Top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}


img.holly {
	width:auto;
	height:61px;
}

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

.example										{ margin:0; padding:0; }

.featureitem { 
	padding:0; 
}
/*.featureitemPage { 
	padding:0; 
}*/
}



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

.example										{ margin:0; padding:0; }

.featureitem {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
/*.featureitemPage { 
	padding:0; 
}*/
}



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

.example										{ margin:0; padding:0; }

.featureitem { 
	padding:0; 
}
/*.featureitemPage { 
	padding:0; 
}*/

img.holly {
	width: auto;
	height: 30px;
        margin-top: -10px;
}

}
	
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.example										{ margin:0; padding:0; }

.featureitem { 
	padding:0; 
}
/*.featureitemPage { 
	padding:0; 
}*/


}



/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

.example										{ margin:0; padding:0; }

.featureitem { 
	padding:0; 
}
/*.featureitemPage { 
	padding:0; 
}*/
}