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


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

.row 								{ margin:0 auto; width:960px; overflow:hidden; }
.row .row 							{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }
.menu-row, .white-row, footer		{ margin:0; width:100%; }

.row 								{ margin:0 auto; width:960px; overflow:hidden; }

.grid_1								{ width:60px;  }
.grid_2 							{ width:140px; }
.grid_3 							{ width:220px; }
.grid_4 							{ width:300px; }
.grid_5 							{ width:380px; }		
.grid_6 							{ width:460px; }
.grid_7 							{ width:540px; }
.grid_8 							{ width:620px; }
.grid_9								{ width:700px; }
.grid_10							{ width:780px; }
.grid_11							{ width:860px; }
.grid_12							{ width:940px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin:0 10px;
	float:left;
}

nav a {
	padding:0 15px !important;
}

#main-content .grid_3 {
	width:206px;
}

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1000px) {
    .row 								{ margin:0 auto; width:1020px; }

    .grid_1								{ width:65px;	}
    .grid_2								{ width:150px;	}
    .grid_3								{ width:235px;	}
    .grid_4								{ width:320px;	}
    .grid_5 							{ width:405px;  }
    .grid_6								{ width:490px;	}
    .grid_7								{ width:575px;	}
    .grid_8								{ width:660px;	}
    .grid_9 							{ width:745px;  }			
    .grid_10							{ width:830px;  }
    .grid_11 							{ width:915px;  }			
    .grid_12							{ width:1000px; }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        margin:0 10px;
    }
	
	nav a {
		padding:0 20px !important;
	}
	
	#main-content .grid_3 {
		width:221px;
	}

	
}


@media only screen and (max-width: 768px) {

    #testimonials {
        display:none !important;
    }

    .homecontent {
        display:none !important;
    }

    nav ul {
        height:100% !important;
        border:none !important;
        width:100% !important;
		margin:0 !important;
    }
    .menu-row {
        border:none !important;
        background-image:none !important;
        height:100% !important;
        background-color:white !important;
		margin-bottom:5px !important;
    }
    nav ul li {
        border:none !important;
		background:#3b3b3b;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3b3b3b', endColorstr = '#292929');
        /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
        /*Element must have a height (not auto)*/
        /*All filters must be placed together*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3b3b3b', endColorstr = '#292929')";
        /*Element must have a height (not auto)*/
        /*All filters must be placed together*/
        background-image: -moz-linear-gradient(top, #3b3b3b, #292929);
        background-image: -ms-linear-gradient(top, #3b3b3b, #292929);
        background-image: -o-linear-gradient(top, #3b3b3b, #292929);
        background-image: -webkit-gradient(linear, center top, center bottom, from(#3b3b3b), to(#292929));
        background-image: -webkit-linear-gradient(top, #3b3b3b, #292929);
        background-image: linear-gradient(top, #3b3b3b, #292929);
        /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
        float:none !important;
        margin-bottom:5px !important;

    }
    #slider {
        margin-bottom:20px !important;
        height: 205px !important;
    }
	
	#main-content .grid_3 {
		width:100%;
	}
}

@media only screen and (max-width: 959px) {
    
    .wrapper-block1 input[type=text], 
.p tr td input[type=text], 
.p tr td textarea, 
.p tr td input[type="checkbox"], 
.wrapper-block1 input[type=password], 
.wrapper-block1 textarea,
.wrapper-block1 select {
    width:92% !important;
    
    }
	
	.p tr td select {
		width:100% !important;
	}
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    #resetbtn {
        display:none !important;
    }

    .row 								{ margin:0 auto; width:768px; overflow:hidden; }
    .row .row 							{ margin:0 -10px 0 -10px; width:auto; display:inline-block; width:526px !important }
    .jcarousel .jcarousel-item 			{ width:695px !important}	
    .grid_1								{ width:36px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_2 							{ width:108px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_3 							{ width:172px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_4 							{ width:236px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_5 							{ width:300px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }		
    .grid_6 							{ width:364px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_7 							{ width:428px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_8 							{ width:492px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_9								{ width:556px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_10							{ width:620px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_11							{ width:684px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
    .grid_12							{ width:748px; margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }

    .offset_1							{ margin-left:78px; }
    .offset_2							{ margin-left:142px; }
    .offset_3 							{ margin-left:206px; }
    .offset_4 							{ margin-left:270px; }
    .offset_5 							{ margin-left:334px; }
    .offset_6 							{ margin-left:398px; }
    .offset_7 							{ margin-left:462px; }
    .offset_8 							{ margin-left:526px; }
    .offset_9							{ margin-left:590px; }
    .offset_10							{ margin-left:654px; }
    .offset_11							{ margin-left:718px; }

    .show-phone 						{ display:none !important; }
    .show-tablet 						{ display:inherit !important; }
    .show-screen						{ display:none !important; }

    .hide-phone							{ display:inherit !important; }
    .hide-tablet						{ display:none !important; }
    .hide-screen						{ display:inherit !important; }
	
	.pop-up 							{ width:94% !important; margin-top:10px; }
	
	.p tr td select 					{ margin-left:0 !important; width:100% !important;}

	nav a {
		padding:0 13px !important;
		font-size:13px;
	}
	
	#main-content .grid_3 {
		width:100%;
	}
	
	.doc_item {
		background-position-x: 480px !important;
	}
}



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

    .row 								{ margin:0 auto; width:300px; overflow:hidden; }
    .row .row 							{ margin:0; width:auto; display:inline-block; }
    .jcarousel .jcarousel-item { width:230px !important;}
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12							{ width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

    .offset_1,
    .offset_2,
    .offset_3,
    .offset_4,
    .offset_5,
    .offset_6,
    .offset_7,
    .offset_8,
    .offset_9,
    .offset_10,
    .offset_11							{ margin-left:0; }

    .show-phone 						{ display:inherit !important; }
    .show-tablet 						{ display:none !important; }
    .show-screen, #headercontact		{ display:none !important; }

    .hide-phone							{ display:none !important; }
    .hide-tablet						{ display:inherit !important; }
    .hide-screen						{ display:inherit !important; }
	
	.sliderimage {
		height:205px !important;
	}
	
	#slider {
		margin-bottom:11px !important;
	}
	
	.home3rdimage {
		margin-bottom:10px !important;
	}
	
	.header img {
		width: 100%;
	}
	
	.contact-block {
		width:100% !important;
	}
	
	.mhr {
		border-top:1px dashed #ccc;
		width:100%;
		height:0px;
		margin-bottom:15px;
	}
	
	.mclear {
		clear:both;
	}
	
	.c-label strong {
		display:none !important;
	}
	
	.em-size {
		font-size:12px;
	}
	
	#crumbtrail {
		font-size:12px;
	}
	
}



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

    .row 								{ margin:0 auto; width:456px; overflow:hidden; }
    .row .row 							{ margin:0; width:auto; display:inline-block; width:100% !important }
    .jcarousel .jcarousel-item { width:400px !important;}
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12							{ width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

    .show-phone 						{ display:inherit !important; }
    .show-tablet 						{ display:none !important; }
    .show-screen						{ display:none !important; }

    .hide-phone							{ display:none !important; }

    .hide-tablet						{ display:inherit !important; }
    .hide-screen						{ display:inherit !important; }
	
	
	.c-label strong {
		display:inline-block !important;
		margin-right:5px;
	}
	
	.em-size, #crumbtrail {
		font-size:14px;
	}
	
}




/***** Clean up *****/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row, 
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}