/* 
* 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; }


h1{color: #e76321; text-shadow: 1px 1px 5px #aaa; font-family: "Verdana", "Arial", sans-serif;}

.image-row{text-align: center; padding-top: 38px;}
body{background: url(../images/background.jpg) repeat-x #949aba; margin: 0; padding: 0; min-height: 100%; height: 100%;}
.container{background: url(../images/pattern.png) repeat transparent; min-height: 100%; height: 100%; width: 100%; position: absolute; z-index: -1;}

.web{background: url(../images/web.png) 0 8px no-repeat; padding: 8px 0; display: block; margin: 0 auto; width: 250px;}
.phone{
	background: url(../images/phone.png) 0 7px no-repeat; 
	display: block;
    margin: 0 auto;
    padding: 8px 0;
    width: 295px;
}
.white{color: #fff !important;}
.right{text-align: right;}

.main{text-align: center; padding-top: 40px; padding-bottom: 15px;}
.footer{padding: 50px 0;}

/***** 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; }

}