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

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

body {
	background-image: url(../images/wood_bg.png);
	background-attachment: scroll;
}

.site {
}


.news-img {
	padding-top: 20px;
	width: 110px;
	height: 100px;
	float: left;
}

.logo {
	padding-top: 20px;
	width: 100px;
	float: left;
}
.logo-claim {
	padding-top: 60px;
	display: block;
	float: left;
	padding-left: 20px;
}
.buttons {
	width: 110px;
}
	
.header									{ position:fixed; top: 0; }

.main-navigation 						{ margin:25px 0 40px 0; padding:0; font-size:12px; list-style:none; float:left; text-transform:uppercase; text-align:left; border-bottom:1px solid #333; width:100%; }
.main-navigation li 					{ margin:0 30px 0 0; display:inline; }
.main-navigation a 						{ padding:0 0 3px 0; text-decoration:none; line-height:30px; color:#333; }
.main-navigation a:hover 				{ padding:0 0 3px 0; border-bottom:5px solid #333; text-decoration:none; line-height:30px; color:#333; }
.main-navigation .current a 			{ padding:0 0 3px 0; border-bottom:5px solid #333; text-decoration:none; line-height:30px; color:#333; }
	
.row-example-top						{ padding:20px 0 0 0; }
.row-example-bottom						{ padding:0 0 20px 0; }
	
.example								{ padding:10px 0 10px 0; background-color:#eee; color:#333; text-align:center; }
	
.view-02, .view-03, .view-04			{ display:none; }

a.btn-download, .btn-download 			{ margin:10px 0 5px 0; padding:6px 28px 8px 12px; display:inline-block; font-size:11px; 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 #333; background:#333 url(../images/btn-arrow.png) no-repeat right; }




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



}



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

.main-navigation li 					{ margin:0 10px 0 0; display:inline; }

.view-02								{ display:block; }
.view-01, .view-03, .view-04			{ display:none; }

.wrapper-block [type="text"],
.wrapper-block textarea					{ width:140px; }

.download-icon img						{ width:88px; height:88px; }

}



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

.logo {
	padding-top: 20px;
	width: 50px;
	float: left;
}

h1 { 
	font-size: 24px;
}

.logo-claim {
	padding-top: 30px;
}

.main-navigation						{ border:none; }
.main-navigation li 					{ width:300px; display:inline-block; border-bottom:1px solid #333; }
.main-navigation a						{ padding:0 0 5px 0; display: inline-block; width:300px; }
.main-navigation a:hover,
.main-navigation .current a				{ padding:0; display: inline-block; width:300px; }

.view-04								{ display:block; }
.view-01, .view-02, .view-03			{ display:none; }

.wrapper-block label 					{ text-align:left; width:300px; }
.wrapper-block [type="text"]			{ width:250px; margin:2px 0 15px 0; }
.wrapper-block select					{ margin:2px 0 15px 0; }
.wrapper-block [type="radio"]			{ margin:0 2px 15px 0; }
.wrapper-block [type="checkbox"]		{ margin:0 2px 15px 0; }
.wrapper-block textarea					{ width:200px; margin:2px 0 15px 0; }

a.btn-form, input.btn-form				{ margin:5px 0 5px 0; }
a.btn-download, .btn-download 			{ float:left; }

.small-label							{ text-align:left; width:350px; }

}


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

.logo {
	padding-top: 20px;
	width: 50px;
	float: left;
}

h1 { 
	font-size: 24px;
}

.logo-claim {
	padding-top: 30px;
}
	
.main-navigation li 					{ width:456px; }
.main-navigation a						{ width:456px; }
.main-navigation a:hover,
.main-navigation .current a				{ width:456px; }

.view-03								{ display:block; }
.view-01, .view-02, .view-04			{ display:none; }

.wrapper-block label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-block [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; }
.wrapper-block select					{ font-size:12px; padding:2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; }
.wrapper-block [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block textarea					{ padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; }

a.btn-form, input.btn-form				{ margin:5px 0 5px 150px; padding:4px 28px 4px 8px; display:inline-block; font-size:11px; color:#fff; border:1px solid #444; background:#333 url(../images/btn-arrow.png) no-repeat right; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }
	
.small-label							{ display:block; font-size:10px; font-weight:normal; color:#666; text-align:right; width:140px; }

}


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

.example								{ background-color:#000; color:#F1F1F1; }

}