/*
Theme Name: Brian Martin's Sheet Metal
Theme URI: http://www.smg.com.au
Author: Synchromedia Group
Author URI: http://www.smg.com.au
*/

body {
	margin: 0px;
	padding: 0px;
	background: #00adee;
	font: 13px/20px 'Ubuntu', Arial, Helvetica, sans-serif;
	color: #000;
}
a{
	color: #00adee;
	text-decoration: none;
}
a:hover{
	color: #444;	
}
#wrapper{
	width: 930px;
	margin: 0px auto;
	

}
#main{
	background: url(images/sheet-metal-fabrications_05.jpg);
	padding: 30px 45px;	
	border-bottom: 3px solid #FFF;
	 -webkit-box-shadow: 2px 2px 20px 0px #666; -moz-box-shadow: 2px 2px 20px 0px #666; box-shadow: 2px 2px 20px 0px #666; behavior: url(PIE.htc); 
}
#menu{
	position: absolute;	
	margin-top: 152px;
	margin-left: 130px;
}
#menu ul{
	margin: 0px;
	padding: 0px;	
}
#menu ul li{
	display: inline;
	list-style: none;	
}
#menu ul li a{
	display: inline-block;
	padding: 0px 15px;
	font: 700 16px/40px 'Ubuntu', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	float: left;
}




#menu ul li.current_page_item a, #menu ul li a:hover{
	background: #00ADEE;
	border-radius: 15px;
}
#header{
	height: 200px;	
}
#banner{
	height: 198px;	
	overflow: hidden;
	 -webkit-box-shadow: 2px 2px 20px 0px #666; -moz-box-shadow: 2px 2px 20px 0px #666; box-shadow: 2px 2px 20px 0px #666; behavior: url(PIE.htc); 
}
h1,h2,h3,h4,h5,p{
	margin: 0px;
	padding: 0px;	
}
h1{
	font: 400 28px/30px 'Ubuntu', Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
h2{
	font: 400 20px/36px 'Ubuntu', Arial, Helvetica, sans-serif;	
	color: #444;
	margin-bottom: 5px;
}
p{
	margin-bottom: 15px;	
}
.clear{
	clear: both;
}
#primary{
	width:585px;
	float: left;
margin-right: 45px;
}
#secondary{
	width: 210px;
	float: left;
}
#secondary p{
	margin-bottom: 30px;
}

.alignnone, .alignright, .alignleft{
	 -webkit-box-shadow: 2px 2px 10px 0px #666; -moz-box-shadow: 2px 2px 10px 0px #666; box-shadow: 2px 2px 10px 0px #666; behavior: url(PIE.htc); 
}

.alignright{
	margin-left: 30px; margin-bottom: 30px; float: right;
}
.alignleft{
	margin-right: 30px; margin-bottom: 30px; float: left;
}

a.bigButton{
	font-weight: 700;
	background: #00ADEE;
	color: #FFF;
	border-radius: 15px;
	white-space: nowrap;
	padding: 10px 15px;
	line-height: 50px;
	 -webkit-box-shadow: 2px 2px 5px 0px #666; -moz-box-shadow: 2px 2px 5px 0px #666; box-shadow: 2px 2px 5px 0px #666; behavior: url(PIE.htc); 
}
a:hover.bigButton{

background: #3b7cbc;

}
input[type="text"], textarea{
	width: 95%;
	padding: 3px;
}
hr{
	margin: 0px;
	padding: 0px;
	height: 1px;
	border: none;
	border-top: 1px solid #999;
	clear: both;
	margin-top: 30px; 
	margin-bottom: 30px;
}
#industries{
	padding: 15px;
	color: #333;
font-size: 14px;
text-align: center;
	background: url(images/darkerBack.jpg) #666;;
	 -webkit-box-shadow: 2px 2px 20px 0px #666; -moz-box-shadow: 2px 2px 20px 0px #666; box-shadow: 2px 2px 20px 0px #666; behavior: url(PIE.htc); 
}
ul.dotPoints{
	list-style-image: url(images/dotPoint.png);
}

ul.dotPoints li{
	margin-bottom: 10px;
font-size: 14px;
}	
#footer a{
	color: #666;
}

#jPanelMenu-menu {
	background:#3b3b3b
}
#jPanelMenu-menu ul {
	border-bottom:1px solid #484848;
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#jPanelMenu-menu li a {
	background:#3b3b3b;
	background:-o-linear-gradient(top, #3e3e3e, #383838);
	background:-ms-linear-gradient(top, #3e3e3e, #383838);
	background:-moz-linear-gradient(top, #3e3e3e, #383838);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
	background:-webkit-linear-gradient(#3e3e3e, #383838);
	background:linear-gradient(top, #3e3e3e, #383838);
	font-family:'Ubuntu';
	font-weight:300;
	font-weight:700;
	display:block;
	padding:0.5em 5%;
	border-top:1px solid #484848;
	border-bottom:1px solid #2e2e2e;
	text-decoration:none;
	text-shadow:0 -1px 2px #222;
	color:#FFF;
}
#jPanelMenu-menu li a:hover, #jPanelMenu-menu li a:focus {
	background:#404040;
	background:-o-linear-gradient(top, #484848, #383838);
	background:-ms-linear-gradient(top, #484848, #383838);
	background:-moz-linear-gradient(top, #484848, #383838);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
	background:-webkit-linear-gradient(#484848, #383838);
	background:linear-gradient(top, #484848, #383838)
}
#jPanelMenu-menu li a:active {
	background:#363636;
	background:-o-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-ms-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-moz-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
	background:-webkit-linear-gradient(#3e3e3e, #2e2e2e);
	background:linear-gradient(top, #3e3e3e, #2e2e2e);
	-moz-box-shadow:0 2px 7px #222 inset;
	-webkit-box-shadow:0 2px 7px #222 inset;
	box-shadow:0 2px 7px #222 inset;
	border-top-color:#222;
	padding-top:0.55em;
	padding-bottom:0.45em
}
.jPanelMenu-panel {
	-moz-box-shadow:0 0 25px #222;
	-webkit-box-shadow:0 0 25px #222;
	box-shadow:0 0 25px #222
}


.ngg-gallery-thumbnail img {
border: none;
display: block;
margin-right: 20px;
margin-bottom: 20px;
-webkit-box-shadow: 2px 2px 5px 0px #666;
-moz-box-shadow: 2px 2px 5px 0px #666;
box-shadow: 2px 2px 5px 0px #666;
}

.ngg-gallery-thumbnail img:hover {
-webkit-box-shadow: 2px 2px 5px 0px #FFF;
-moz-box-shadow: 2px 2px 5px 0px #FFF;
box-shadow: 2px 2px 5px 0px #FFF;

}

	#header{ display: block;}
	#mobileHeader, #mobileMenu, #mobileM{ display: none;}
	#menu{ display: block;}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 929px) {

	#wrapper{ width: 100%; overflow:hidden;}
	#primary{ width: 60%; }
	#secondary{ width: 30%;}
	#secondary img{ width: 100%; height: auto;}
	#main{ padding: 10px; background-position: 50% top;	-moz-box-shadow:0px; -webkit-box-shadow:0px; box-shadow:0px; }
	#banner{ width: 100% !important; height:120px !important;}
	#banner img{ width: 100% !important; height: auto !important;}
	#header{ display: none;}
	#mobileHeader{ display: block; padding: 10px;}
	#logo{ text-align:center;}
	#logo img{ width: 100%; max-width: 400px; height: auto;}
	#phone{ font-size: 28px; font-weight: 700; color: #FFF; line-height: 60px; float: left;}
	#industries{ display: none;}
	#menu{ display: none;}
	#mobileM{ float: right; display:block; margin-top: 20px;}
	#mobileM a{ padding: 10px 5px 10px 25px; font-size: 16px; font-weight: 700; color: #FFF; background: #333 url(images/menuicon.png) no-repeat left 10% center;}
	#mobileM a:hover{ background: #666 url(images/menuicon.png) no-repeat left 10% center;}
}
 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#mobileMenu, .menu-trigger{ display: block;}
	#wrapper{ width: 100%; overflow:hidden;}

}

 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#banner{ width: 100% !important; height:80px !important;}
#mobileMenu, .menu-trigger{ display: block;}
		#wrapper{ width: 100%; overflow:hidden;}

}


@media only screen and (max-width: 479px) {
	#secondary{ display: none; }
			#wrapper{ width: 100%; overflow:hidden;}
h1{ font-size: 20px; line-height: 24px; }
h2{ font-size: 18px; line-height: 22px; }
	#primary{ width: 100%;}
		#banner{ width: 100% !important; height:60px !important;}
		#mobileMenu, .menu-trigger{ display: block;}
		#main img{ width: 100%; height: auto; }
		iframe{ display: none;}
		input[type="text"], input[type="email"], textarea{ width:auto;} 
		ul.dotPoints li{ padding-left: 0px;}
}
}