/*
* Miano V1.0
* based on www.getskeleton.com
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	    .logo { 
		position: absolute;
		top: 24px;
	    }
	    .content { margin-top: 30px; }
	    .menudiv { 
		position: relative; 
		top: -120px; 
	    }
	    #toploginform {
		position: absolute;
		top: 60px;
		right: 0px;
	    }
	    #toploginform p, #toploginform input {
		display: block;
		clear: both;
	    }
	    #toploginform p {text-align: right; }
	    .portfolio-brochure img { width: 150px; height: auto; }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	    body {font: 13px/1.5em "Rockwell W01", "Times New Roman", serif; }
	    .screen768 { display: block; }
	    .logo img { width: 300px; height: auto;  }
	    .logo { margin-left: -150px; }
	    .slide img { width: 733px !important; height: auto !important; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	    body {font: 12px/1.5em "Rockwell W01", "Times New Roman", serif; }
	    .logo img { width: 220px; height: auto;  }
	    .logo { margin-left: -110px; }
	    .portfolio-brochure img { width: 100px; height: auto; margin-left: 1em; }
	    .brochurecolumn { padding: 0 0 1em 0; }
	    #homeboxes .column { margin-bottom: 1em; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	    body {font: 11px/1.5em "Rockwell W01", "Times New Roman", serif; }
	    .container { border: 5px solid #ffffff; }
	    .content { margin-top: 10px !important; }
	    .screen480 { display: block; }
	    .screen320 { display: none; }
	    .logo img { width: 220px; height: auto;  }
	    .logo { margin-left: -110px; }
	    .content { margin-top: -40px; }
	    #portfolio-menu li { padding: 0; }
	    .portfolio-brochure img { width: 80px; height: auto; margin-left: 1em; }
	    .slide img { width: 400px !important; height: auto !important; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	    body {font: 11px/1.5em "Rockwell W01", "Times New Roman", serif; }
	    .container { border: 5px solid #ffffff; }
	    .content { margin-top: 10px !important; }
	    .screen320 { display: block; }
	    .logo img { width: 150px; height: auto;  }
	    .logo { margin-left: -75px; }
	    .content { margin-top: -20px !important; }
	    #portfolio-menu li { padding: 0; }
	    .portfolio-brochure img { width: 80px; height: auto; margin-left: 1em; }
	    .slide img { width: 286px !important; height: auto !important; }
	}