/* Tablet (Portrait) /* Note: Design for a width of 768px  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
 {

  }
}

/*  Mobile (Portrait) /* Note: Design for a width of 320px  */
@media only screen and (max-width: 767px) {
body {
   background:#f9f8dc; width:300px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 300px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}

	#top-container {width:300px; margin:0 auto; height:194px; padding:0 20px}
        #container1 { width:300px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:300px; float:left; background-image:none}
		#content img.alignleft, content img.alignright {max-width:260px; height:auto}
		#infobar {display:none}
		.home #infobar {display:none}
#access, #access select{width:300px; margin-bottom:4px; padding:4px 0 4px 0;  background:#fff}

		#info-box{display:none;}
		#searching{display:none;}
		#consultation{display:none;}
		#socialIcons { display:none}
		#socialIcons img { display:none}
		#briask-iss58, #briask-iss58 img { width:300px; margin:0 auto; height:152px; padding:0 }
		#container2 {width:260px; height:auto; margin:0 auto; float:left; padding:0 }
		#ticker01 {display:none }
		#buttons {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
#button1 img {width:289px; height:auto; float:left; }
#button2 img {width:289px; height:auto; float:left; }
#button3 img {width:289px; height:auto; float:left; }

#container { background-image:none; width:300px; margin:0 auto; background:#00CCCC}
#home-columns {width:300px; margin:0 auto; list-style: none; float:left; background-image:none}

#column1 {width:300px; margin:0 auto; list-style: none; float:left; background-image:none}
#column2 {width:300px; list-style: none; float:left; position:relative; background-image:none}
#column3 {width:300px; list-style: none; float:left; position:relative; background-image:none}

#column1 .textwidget, #column2 .textwidget, #column3 .textwidget {
background-image:none; width:260px; padding:0px; color:#67664a
}

#colophon  {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
	#site-info {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
	#site-generator {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
	#footer {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
		
	#container {
	background:#f9f8dc;
	color:#67664a;
	float: left;
	margin: 6px 0px 0 0;
	width: 300px;
}
#content {
	margin: 0 auto;
	width: 280px;
	padding:10px;
	
}
#primary,
#secondary {
background:#f9f8dc;
width:290px; padding-left:10px;
height:auto;}

.widget-title {
background: url(images/header-bg.png) no-repeat;

color: #4b453d;
font-weight: bold;
text-align: left;
}

.widget-container {
	background:#f9f8dc;
	color:#67664a;

}

#secondary {
	clear: right;
}

.one-column #content {
	margin: 0 auto;
	width: 280px;
	padding:10px;
}

#site-info {width:300px; height:auto; float:left; margin:0 auto; padding:0; margin-top:20px; padding:0 30px 0 30px}

#footer {
margin-bottom: 0px;
background: none;
-moz-border-radius: none;
border-radius: none;
}

}

/* Mobile (Landscape) /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
   background:#f9f8dc; width:480px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 480px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}
		#top-container {width:480px; margin:0 auto; height:194px; padding:0 20px}
        #container1 { width:480px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:480px; float:left; background-image:none}
		#content img.alignleft, content img.alignright {max-width:440px; height:auto}
		#infobar {display:none}
		.home #infobar {display:none}
#access, #access select{width:480px; margin-bottom:4px; padding:4px 0 4px 0;  background:#fff}

		#info-box{display:none;}
		#searching{display:none;}
		#consultation{display:none;}
		#socialIcons { display:none}
		#socialIcons img { display:none}
		#briask-iss58, #briask-iss58 img { width:480px; margin:0 auto; height:243px; padding:0 }
		#container2 {width:480px; height:auto; margin:0 auto; float:left; padding:0 }
		#ticker01 {display:none }
		#buttons {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
#button1 img {width:330px; height:auto; float:left; }
#button2 img {width:330px; height:auto; float:left; }
#button3 img {width:330px; height:auto; float:left; }

input[type="text"],
textarea {
	padding: 2px;
	background: #f9f8dc;
	border: 1px solid #ccc;
	color:#fff;

}

#container { background-image:none; width:480px; margin:0 auto; background:#00CCCC}
#home-columns {width:480px; margin:0 auto; list-style: none; float:left; background-image:none}

#column1 {width:480px; margin:0 auto; list-style: none; float:left; background-image:none}
#column2 {width:480px; list-style: none; float:left; position:relative; background-image:none}
#column3 {width:480px; list-style: none; float:left; position:relative; background-image:none}

#column1 .textwidget, #column2 .textwidget, #column3 .textwidget {
background-image:none; width:400px; padding:0px; color:#67664a
}

#colophon  {width:480px; height:auto; float:left; margin:0 auto; padding:0; padding:0 40px 0 40px}
	#site-info {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
	#site-generator {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
	#footer {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
		
	#container {
	background:#f9f8dc;
	color:#67664a;
	float: left;
	margin: 6px 0px 0 0;
	-moz-box-shadow:0 0 10px #000; 
	width: 480px;
}
#content {
	margin: 0 auto;
	width: 460px;
	padding:10px;
	
}
#primary,
#secondary {
background:#f9f8dc;
width:470px; padding-left:10px;
height:auto;}

.widget-title {
background: url(images/header-bg.png) no-repeat;

color: #4b453d;
font-weight: bold;
text-align: left;
}

.widget-container {
	background:#f9f8dc;
	color:#67664a;

}

#secondary {
	clear: right;
}

.one-column #content {
	margin: 0 auto;
	width: 460px;
	padding:10px;
}

#site-info {width:480px; height:auto; float:left; margin:0 auto; padding:0; margin-top:20px; }

#footer {
	margin-bottom: 0px;
background: none;
-moz-border-radius: none;
border-radius: none;
}

		
/*  Mobile (Smaller Phones) /* Note: Design for a width of 240px  */
@media screen and (min-width: 0px) and (max-width: 319px) {
		#wrapper { width:300px; margin:0 auto; height:auto }
        #container1, .spacer, nav-bar, form, #copyright, #navBar { width:300px; margin:0 auto; background-image:none; height:auto }
		#address-box { background:url(images/address-box.png) no-repeat; width:300px; margin:0 auto; background-image:none; height:auto }
		#logo, #logo img { height:auto; max-width:240px; margin:0 auto; float:none}
		#container2 { width:300px; margin:0 auto; height:auto }
		#photo-box { width:300px; margin:0 auto; background-image:none; height:auto }
		#news-section { width:300px; margin:0 auto; background-image:none; height:auto }
		#mid-section { width:300px; margin:0 auto; background-image:none; height:auto }
		#scroller { width:300px; margin:0 auto; background-image:none; height:auto }
		#footerbox { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content1 { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content2 { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content3 { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content4 { width:300px; margin:0 auto; background-image:none; height:auto }
		.footer-text { width:300px; margin:0 auto; background-image:none; height:auto }
}