/*   
Theme Name: Comtel
Theme URI: 
Description: Custom theme for Comtel technologies
Author: Jack Fowler @ The Roque
Author URI: http://theroque.com.au/
Version: 1
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/



.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* stylesheet ----------------------------------------------------------------*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
/*ul {list-style: none;}*/

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

.TradeGothicLT { 
	font-family: TradeGothicLT;
	font-weight: normal;
	font-style: normal;
}
.TradeGothicLT-Bold { 
	font-family: TradeGothicLT-Bold;
	font-weight: normal;
	font-style: normal;
}


/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
	font-family: TradeGothicLT, sans-serif;
	font-size:13px;
	
	}
	
h1{
		font-family:TradeGothicLT-Bold, sans-serif;
		font-weight:normal;
		font-size:28px;
		color:#740239;
		background-color:#e5e4e4;
		padding:5px;
		text-transform:uppercase;
	}
	
h2{
		font-family:TradeGothicLT-Bold, sans-serif;
		font-weight:normal;
		font-size:17px;
		color:#740239;
		text-transform:uppercase;
	}
	
h5{
		font-family:TradeGothicLT-Bold, sans-serif;
		font-weight:normal;
		font-size:13px;
		color:#740239;
		text-transform:uppercase;
	}
	
h6{
		font-family:TradeGothicLT-Bold, sans-serif;
		font-weight:normal;
		font-size:11px;
		color:#740239;
		text-transform:uppercase;
	}
	
li {
font-family: TradeGothicLT, sans-serif;
}
	
	.big{
		font-size:15px;
		padding:10px 5px;
	}
	
	.big p{
		font-size:15px;
		
	}
	
	.big p p{
		font-size:15px;
		
	}


body, select, input, textarea {color: #464646;}

a {color: inherit;text-decoration:none;}
a:hover {color: inherit;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #e5e4e4; color: #464646; text-shadow: none;}
::selection {background: #e5e4e4; color: #464646; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* page styles */

.wrapper{
width:960px;
margin:0 auto;	
}

#logo {
	background: url('_/img/logo.png') no-repeat scroll top left;
	width: 300px;
	height: 118px;
	float:left;
}

#logo h1{
	text-indent:-999999px;
	background:#ffffff;
	opacity:0;
}

#contact-details{
	width:400px;
	float:right;
	text-align:right;
	margin-top:30px;
	margin-right:30px;
}

#contact-details p{
	font-size:18px;
	color:#707070;
}

#contact-details h2{
	font-size:24px;
	margin-bottom:10px;
}

nav {
	background-color:#740239;
	padding:0 5px;
	
}
nav ol {
	list-style-type:none;
}

nav ol li{
	float:left;
	color:#ffffff;
	text-transform:uppercase;
	padding:12px 0;
	margin:0px 0;
	
}
.menu-button{
padding: 12px 15px;
}

.page-container{
	padding:20px;
}
.container{
	border-top: solid 7px #bcbcbc;
	border-bottom: solid 7px #bcbcbc;
	height: 328px;
}

.products{
	padding:20px;
	
}

#feature-product{
		border: solid 7px #bcbcbc;
		margin: 12px 28px;
}


.home-column{
	width:318px;
	float:left;
	padding: 0 10px;
	border-right: 1px solid #bebebe;
	min-height:470px;
}

.home-column ul li{
	padding-top:1px;
	margin-left:8px;
}

.home-column ul a:hover{
	text-decoration:underline;
}

.home-column ul{
	margin-top:10px;
}

#mid-section{
	margin-top:10px;
	
}

article{
	width:297px;
	float:left;
	margin: 12px 7px;
	
}

article h5{
	margin-top:10px;
}

article a {
	font-family:TradeGothicLT-Bold, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#740239;
}

#industry-news{
	margin: 0 12px;
}



footer{
	background:#740239;
	color:#ffffff;
	margin-top:15px;
}

#footer-main{
	padding-top:20px;
}

#footer-main ul{
	float:left;
	padding:0 10px;
	border-right: solid 1px #ffffff;
	font-size:10px;
	min-height:252px;
	margin-bottom:12px;
}

#footer-main ul li{
	padding: 1px 0;
}

.footer-title{
	font-family:TradeGothicLT-Bold, sans-serif;
	text-transform:uppercase;
}

.hide{
	color:#740239;
}

#footer-main p {
	font-size:11px;
}

#deets {
	padding-left:25px;
	float:left;
}

#deets h5{
	color:#ffffff;
}



/* slideshow */

    #slides {
      display: none;
	position:relative;
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      position:absolute;
		bottom:40px;
		left:50%;
		margin-left:-30px;
		z-index:99999;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 4px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(_/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }


/*dropdowns*/

.drop ul{
	float:left;
}

#nav{
    list-style:none;
   
    /* Clear floats */
    float:left;
    /*width:100%;*/
   /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
z-index:9999;
}
#nav li{
    position:relative;
}

.menu-button:hover{
	background: #DDD url('_/img/grad.png') repeat;
	background-position:bottom;
	
}
#nav a{
    display:block;
    padding:0px;
    color:#fff;
    /*background:#740239;*/
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
   
}


#nav .drop{
    background:#fff;/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(181,158,170,0.87); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:99999;
}
#nav .drop li{
    /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav .drop a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover .drop{ /* Display the dropdown on hover */
    left:0px;
	top:39px;
 /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    
   
}
#nav li:hover .drop a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    
}
#nav li:hover .drop li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    /*background:#740239;*/
}

.drop{
	width:790px;
	z-index:99999999;
	padding: 15px 0 15px 15px;
}

.drop ul li{
	padding:0;
	margin:0;
	border-right:none;
	text-transform:capitalize;
	font-family:TradeGothicLT, sans-serif;
	margin:2px;
	margin-left:10px;
}
.drop ul li:hover{
text-decoration:underline;
}

.drop ul{
	border-right:1px solid #fff;
	padding-right:15px;
}

.omega{
	border-right:none !important;
	padding-right:5px;
	float:left;
}

.last{
	margin-right:0px;
}

.footer-footer{
	text-align:center;
	background-color:#650232;
	font-size:10px;
	padding:10px;
}

.prod{
	width:770px;
}

.serv{
	width: 700px;
}

.sol{
	width:340px;
}

footer a:hover {
	text-decoration:underline;
}

.fb-link {
	background: url('http://dontwait.com.au/comtel/wp-content/uploads/2013/08/facebook.png') no-repeat scroll top left;
	/*width: 100px;*/
	height: 28px;
	padding:5px 40px;
	margin-top:20px;
}

.yt-link {
	background: url('http://dontwait.com.au/comtel/wp-content/uploads/2013/08/youtube.png') no-repeat scroll top left;
	/*width: 100px;*/
	height: 28px;
	padding:5px 40px;
	margin-top:20px;
}

.li-link {
	background: url('http://dontwait.com.au/comtel/wp-content/uploads/2013/08/linkedin.png') no-repeat scroll top left;
	/*width: 100px;*/
	height: 28px;
	padding:1px 40px;
	margin-top:20px;
}

.product-small{
	float:left;
	border: 1px solid #babcbe;
}

.product-right{
	float:right;
	border: none;
	width: 125px;
	height: 125px;
	padding: 5px;
}

.product-large{
	float:left;
	border: 1px solid #babcbe;
}

.product-details{
	float:left;
	width:220px;
	margin-left:14px;
}

.product-grid{
	margin-top:30px;
}

.product{
	float:left;
	margin-right:12px;
	padding: 15px 0;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	
	.reveal-modal h5{
		font-size:18px;
	}
	
	.reveal-modal h6{
		font-size:16px;
	}
	
	.reveal-modal .product-details{
		width:330px;
	}
	
	.reveal-modal p{
		font-size:15px;
		line-height:1.4em;
	}
	
	.extended-details{
		clear:left;
		padding: 25px 15px;
	}
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #fff;
		background: rgba(225,225,225,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 150px; 
		left: 50%;
		width: 700px;
		background: #fff url('_/img/gloss.png') repeat-x bottom;
		position: absolute;
		z-index: 101;
		padding: 30px 20px 34px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		margin-left:-9999999999px;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	
/* --- services page -----*/
.services h2{
	margin-top:20px;
	padding: 8px 0;
}

.services{
	padding-bottom:35px;
}

/* --- generic page -----*/
.left-column{
	width:550px;
	float:left;
	padding-top:20px;
}

.right-column{
	width:325px;
	float:right;
	padding-top:20px;
	padding-right:10px;
}

.right-column img{
	padding-bottom:10px;
}



.products h1 a, .button, .post-edit-link{
text-transform:capitalize;
font-family: TradeGothicLT, sans-serif;
background-color:#ffffff;
   
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #740239;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
text-align:center;
margin-left:10px;
   }
.products h1 a:hover, .button:hover, .post-edit-link:hover {
   border-top-color: #740239;
   background: #740239;
   color: #ffffff;
   }
.products h1 a:active, .button:active, .post-edit-link:hover {
   border-top-color: #740239;
   background: #740239;
   }

.post-edit-link{
	/*margin-left:10px;*/
}

.button{
	width:100px;
	font-size:13px !important;
	margin:10px 0;
}

.product-button {
	width:100px;
	float:left;
	margin-right:8px;
	text-align:center;
   background: #75153b;
   background: -webkit-gradient(linear, left top, left bottom, from(#e8dbdc), to(#75153b));
   background: -webkit-linear-gradient(top, #e8dbdc, #75153b);
   background: -moz-linear-gradient(top, #e8dbdc, #75153b);
   background: -ms-linear-gradient(top, #e8dbdc, #75153b);
   background: -o-linear-gradient(top, #e8dbdc, #75153b);
   padding: 5.5px 11px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: white;
   font-size: 10px;
	text-transform:uppercase;
   text-decoration: none;
   vertical-align: middle;
   }
.product-button:hover {
   border-top-color: #75153b;
   background: #75153b;
   color: #ffffff;
   }
.product-button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.buttons{
	margin:5px 0;
}

ul{
	list-style-position:inside;
	list-style-type:disc;
}

nav ul, footer ul, .home-column ul{
	list-style-type:none;
}

nav form input {
	float:right;
	margin: 10px;
	font-family: TradeGothicLT, sans-serif;
	width:150px;
	
}

.image-edit{
	position:absolute;
	top:10px;
	left:20px;
	z-index:9999999;
}

.container{
	position:relative;
}


.pagination{
	width:140px;
	margin:20px auto 0;
	clear:left;
}

.edit-product-button{
	margin:10px;
	margin-left:0px;
}

.next{
	float:right;
}
.prev{
	float:left;
}

.results{
	min-height:400px;
}

.results article {
	width:620px;
	float:none;
	border-bottom:1px solid #dfdfdf;
	padding:20px 0;
}

.play-button{
	position:absolute;
	left: 90px;
	top: 63px;
}

.reveal-modal iframe{
	margin-left:115px;
}


.enquire-link{
	color:#740239;
	margin-top:10px;
}

.home-column a{
	color:#464646;
}

footer a{
	color:#FFFFFF;
}

.enquire-button {
   border-top: 1px solid #740239;
   background: #740239;
   background: -webkit-gradient(linear, left top, left bottom, from(#740239), to(#740239));
   background: -webkit-linear-gradient(top, #740239, #740239);
   background: -moz-linear-gradient(top, #740239, #740239);
   background: -ms-linear-gradient(top, #740239, #740239);
   background: -o-linear-gradient(top, #740239, #740239);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
   }
.enquire-button:hover {
   border-top-color: #4a0024;
   background: #4a0024;
   color: #ccc;
   }
.enquire-button:active {
   border-top-color: #740239;
   background: #740239;
   }
.button-fix{
	margin-top:12px;
}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}