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

/* Fullside */
span.headerfull									{ width:100%; display:block; background-color:#FFFFFF; border-bottom: 0px solid #e6e6e6; }
span.footerfull									{ width:100%; padding:7px 0 5px 0; background-color:#111; width:100%; bottom:0; position:fixed; }

/* Leftside Nav */
span.links										{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#fff; text-align:left; width:100%; display:block; }
span.links a									{ margin-bottom:3px; padding:7px 0 7px 15px; background-color:#fff; text-align:left; width:100%; border-bottom:1px solid #DDD; display:block; text-decoration:none; font-family:'PT Sans', sans-serif; font-size:15px; color:#777777; }
span.links a:hover								{ margin-bottom:3px; padding:7px 0 7px 15px; background-color:#00539B; text-align:left; width:100%; display:block; color:#FFF; text-decoration:none; font-family:'PT Sans', sans-serif; font-size:15px;}

span.intitle_s									{ margin-bottom:0px; padding:0px 0 0px 0; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; color:#777777; }
span.intitle_l									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; font-size:32px; color:#00539B; }
span.intext	p									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; font-size:14px; line-height:24px;  color:#777777;}

span.intitle_s_c								{ margin-bottom:15px; padding:0px 0 0px 0; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; color:#999;  }
span.intitle_l_c								{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; font-size:16px; color:#0FCA0F; border-bottom:1px dotted #CCC; }

span.cintitle_l									{ margin-bottom:5px; padding:5px 0 5px 0; font-weight:300; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'Open Sans', sans-serif; font-size:22px; color:#666; }
span.cintext	p									{ margin-bottom:5px; padding:0px 0 0px 0; background-color:#FFF; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; font-size:14px; line-height:24px;  color:#999;}
span.cintextline									{ margin-bottom:5px; padding:0px 0 0px 0; background-color:#FFF; border-bottom:1px solid #CCC; text-align:left; width:100%; display:block; font-family:'PT Sans', sans-serif; font-size:14px; line-height:24px;  color:#777777;}

/* About */
span.headlinefull								{ margin-bottom:50px; padding:0px 0 0px 0; background-color:#4E535B; width:100%; display:block; border-bottom:0px solid #EEE; }
span.headline									{ margin-bottom:0px; padding:50px 0 50px 0; width:100%; display:block; font-size:42px; color:#FFF; }

span.headline-tag								{ margin-bottom:0px; padding:100px 0 100px 0; background-color: transparent; width:100%; display:block; font-size:42px;color:#FFF; }
span.headline-tag ul li 						{ margin-bottom:30px; }
span.headline-tag a.smallroot					{ padding:10px 10px 10px 10px; background-color:#00539B; font-size:12px; color:#FFF; text-decoration:none; }
span.headline-tag a.largeroot					{ padding:10px 10px 10px 10px; background-color:#00539B; font-size:42px; color:#FFF; text-decoration:none; }

span.responsive-nav					{ display:block; z-index:999999; position:relative; margin-top:-30px; }
span.responsive-nav	select			{ background:#222; padding:10px; color:#FFF; font-family:'PT Sans', sans-serif; float:right; }

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

}