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

/***** Screen 960px *****/
/***** Logo, Btn & Phone Menu Btn *****/

img.amazium-logo								{ margin:16px 0 16px 0; width:360px; height:auto; }

a.navigation-btn 								{ display:none; float:right; }
a.navigation-btn img 							{ margin:0 0 0 16px; padding:0; width:35px; height:auto; cursor:pointer; float:right; }

a.btn-download, .btn-download 					{ margin:34px 0 0 0; padding:8px 28px 9px 12px; display:inline-block; color:#fff; border:1px solid #000; background:#000 url(../images/btn-arrow.png) no-repeat right; cursor:pointer; float:right; }
a:hover.btn-download 							{ text-decoration:none; border:1px solid #000; color:#666; background:#000 url(../images/btn-arrow.png) no-repeat right; }

/***** Navigation *****/

.google 								{ align: center; min-height: 10em; display: table-cell; vertical-align: middle; margin-left: auto; margin-right: auto; margin-bottom: 20px; height:auto; }
.navigation										{ padding:0 0 0 0; overflow:hidden; height:auto; }

ul.nav 											{ margin:16px 0 20px 0; padding:0; font-size:12px; list-style:none; float:left; text-transform:uppercase; text-align:left; border-bottom:1px solid #333; width:100%; }
ul.nav li										{ margin:0 30px 0 0; padding:0; display:block; text-align:left; float:left; background-image:none; }
ul.nav li a										{ padding:0 0 3px 0; text-decoration:none; line-height:30px; color:#333; }
ul.nav li a:hover,
ul.nav li a.current								{ padding:0 0 3px 0; border-bottom:5px solid #333; text-decoration:none; line-height:30px; color:#333; }

.box											{ padding:15px 15px 5px 15px; border:3px dashed #999; }
.box img										{ margin-left: auto; margin-right: auto; margin-bottom: 20px; height:auto; }
.box a.btn, .box .btn 							{ color:#FFF; border:1px solid #C53C54; background:#C53C54 url(../images/btn-arrow.png) no-repeat right; }
.box a:hover.btn 								{ color:#FFF; border:1px solid #C53C54; background:#C53C54 url(../images/btn-arrow.png) no-repeat right; }




.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; }




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

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

}



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

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

}



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

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

}


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

}



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

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

}