/*

Theme Name: St. Mary's Health Clinics

Author: Webaloo

Author URI: http://www.webaloo.com

Description: Responsive template for St. Mary's Health Clinics.

Version: 1.0

License: GNU General Public License

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  vertical-align: baseline;

  outline: none;

}

html { height: 101%; }

body { font-size: 62.5%; line-height: 1; font-family: 'Droid Serif', Arial, Helvetica, sans-serif; background: url(/wp-content/themes/saint-marys-health-clinics/images/top_section.png) repeat-x top center  #606060; }

.intPages { font-size: 62.5%; line-height: 1; 'Droid Serif', Arial, Helvetica, sans-serif;background: url(/wp-content/themes/saint-marys-health-clinics/images/top_section.png) repeat-x top center #606060; }



.intPages #content {padding-bottom: 30px; padding-top: 20px;}



article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section { display: block; }



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.alignright {float:right; }

.alignleft {float:left; }

.aligncenter {display: block; margin-left: auto; margin-right: auto}



header { width: 100%; }

ol, ul { list-style: none; }



blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

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



table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; max-width: 100%; }



p { font-size: 16px; line-height: 22px; color: #000000; margin-bottom: 5px; }



#main li {font-family: 'Droid Serif', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #000000; }



#main ul

{

margin-left: 0;

padding-left: 3em;

list-style: disc outside;

}





a {

text-decoration: underline;

color: #4ca9b8;

transition: color .2s linear;

-webkit-transition: color .2s linear;

-moz-transition: color .2s linear;

}



a:hover {

	text-decoration: none;

	color: #000000;

}



#main H1, #mainInt H1 {

	color: #4ca9b8;

	font-size: 37px;

	margin: 20px 0 12px 0;

	font-weight: 800;

	letter-spacing: -0.02em;

	line-height: 42px;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;

}

#main H2, #mainInt H2 {

	color: #d9b67c;

	font-size: 25px !important;

	margin: 20px 0 10px 0;

	font-weight: 800;

	letter-spacing: -0.02em;

	line-height: 28px;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;

}



/** page layers **/



#mobileHeader {display: none;}

.wrapper { max-width: 1000px; margin: 0 auto;}

.wrapperHeader { max-width: 1000px; margin: 0 auto; overflow: visible;}

#mainbody { display: block; z-index: auto; width: 100%; }

#content { width: 100%; position: relative; background: #ffffff; /* divs same height -- we add overflow to container to hide siedebar background*/overflow: hidden;}

#main { display: block; width: auto; box-sizing: border-box; margin-left: 229px; -moz-box-sizing: border-box; padding: 10px 40px;}



/*#top h1 { font-family: "Quando", "Trebuchet MS", Tahoma, serif; font-size: 4.0em; letter-spacing: -0.1em; line-height: 1.8em; color: #575757; margin-top: 10px; width: 100%; text-align: center; margin-bottom: 12px; }

#top h1 a { color: #575757; }

#top h1 a:hover { color: #575757; text-decoration: none; }*/







#intBanner {width: 1000%; height: 148px;}



/** full navigation **/

#navbar { display: none; }



nav { display: block; margin: 0 auto;  text-align: center; }



#n ul { 

display: block; 

height: 47px; 

/*background: -moz-linear-gradient(#fafafa, #eaeaea);

background: -webkit-linear-gradient(#fafafa, #eaeaea);

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea')"; 

border: 1px solid #eaeaea; 

border-bottom-color: #cacaca; */

width: 1000px;

margin: 0 auto;

}



#n ul li { display: inline-block; position: relative; font-size: 1.6em; font-weight: bold; margin-right: -3px; }

#n ul li a { font-family: 'Open Sans', Arial, Sans Serif; display: block; padding: 0px 16px; line-height: 40px; color: #ffffff; text-decoration:none; }

#n ul li a:hover { color: #ececec; text-decoration: none; }



#n ul li ul { display: none;  margin: 0; position: absolute; top: 39px; z-index: 9999; background: #547762; width: 100%;}

#n ul li ul li { display: block; width: 8em; border: 0; background: #547762; padding: 6px 0; text-align: left; }

#n ul li ul li a { color: #fff; font-size: .6em; font-weight: 400; line-height: 1.2em; padding-bottom: 5px; }



#n ul li:hover > ul { display: block; }

#n ul li:hover > a { text-decoration: none; }



/** posts **/



.post { display: block; /*margin-bottom: 25px;*/ padding-top: 10px; padding-bottom: 15px; }

.post header { display; block; margin-bottom: 25px; }



.post p { margin-bottom: 14px; line-height: 1.4em; } 



.post header h2 { font-size: 2.4em !important; line-height: 1.4em; margin-bottom: 12px !important; color: #848c39; }



.post h2 { display: block; font-size: 2.0em !important; line-height: 1.4em; margin: 10px; !important; color: #848c39;}



.post h3 { font-size: 18px; color: #606060; margin: 12px 0 20px 0; line-height: 22px; font-family: 'Open Sans', Arial, Sans-serif; font-weight: 700; }



.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #56b972; line-height: 1.5em; margin: 14px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; border-left: 3px solid #56b972; }



.post .meta { font-size: 1.2em; line-height: 1.3em; }

.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }



.post blockquote { display: block; box-sizing: border-box; -moz-box-sizing: border-box; background: #fbf0de; padding: 9px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 18px; }

.post blockquote p { font-style: italic; font-weight: normal; color: #797064; margin-bottom: 3px; font-size: 1.9em; }



.post .postcontent { margin-bottom: 25px; }



.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }

.post p .more-link { font-size: 1.0em; }



.postbrdr { border-bottom: 3px solid #ccc; }



.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }



#navbelow { display: block; width: 100%: padding: 0px; margin-top: -10px; margin-bottom: 15px; }



.nav-prev { float: left; display: block; }

.nav-next { float: right; display: block; }

 

.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em; }

.nav-prev a:hover, .nav-next a:hover {  }





/** comments **/

#comments { display: block; margin-top: 15px; } 

.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }



#comments #respond { margin-left: 0; }

#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; } 

		/* for the threaded reply comment form styles */

		

#cancel-comment-reply { font-weight: bold; display: block; position: relative; }

#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; } 

#cancel-comment-reply-link:hover { color: #fff; text-decoration: none; background: #5d9de5; }



.commentlist { list-style: none; }

.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }



.commentlist .comment .comment-author { position: relative; }

.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }



.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }

.commentlist .comment .comment-author .says { display: none; }



.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }



.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }



.commentlist .comment .comment-body .reply { font-size: 1.3em; }

.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }



.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }



.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }



#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }

#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }

#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #7dafe6; }



#commentfields #commentfields { display: block; margin-bottom: 4px; }

#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }



#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }



#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }



#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }



#commentform #submit, .button {

	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;

	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;

	box-shadow: inset 0px 1px 0px 0px #cae3fc;

	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );

	background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');

	background-color: #79bbff;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	border: 1px solid #469df5;

	display: inline-block;

	color: #fff;

	cursor: pointer;

	font-size: 1.45em;

	font-weight: bold;

	padding: 6px 24px;

	margin-bottom: 10px;

	text-decoration: none;

	text-shadow: 1px 1px 0px #287ace;

}



#commentform #submit:hover, .button:hover {

	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );

	background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');

	background-color: #4197ee;

}



#commentform #submit:active, .button:active {

	position:relative;

	top:1px;

}



/** sidebar **/

#sidebar { display: block; float: left; width: 220px; padding: 30px 9px 0 0; height: 100%; background: #ffffff; padding-bottom: 1000px; margin-bottom: -1000px; }

#sidebar-responsive { display: none; }

#sidebar p { font-family: 'Open Sans', Arial, Verdana, Sans-serif; font-size: 14px;line-height: 18px;}

#sidebar H1 { font-family: 'Open Sans', Arial, Verdana, Sans-serif; font-weight: 700; font-size: 19px;line-height: 22px; margin: 12px 0 5px 0; color: #4ca9b8;}



#sidebar .widget { display: block; margin-bottom: 20px; font-size: 14px; line-height: 18px; }

#sidebar .widget h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: normal; padding: 15px 0px; padding-bottom: 5px; font-size: 23px; color: #005e31; margin-bottom: 10px; font-weight: 700; } 



#sidebar .widget ul { display: block; margin-left: 10px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding-left: 8px;list-style: disc outside; }

#sidebar .widget ul li { font-size: 14px;line-height: 18px; margin-bottom: 6px;  }

#sidebar .widget ul li ul { font-size: 0.9em; }

#sidebar .widget ul li a { display: block; padding: 6px 12px; font-size: 1.2em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; }



#sidebar .widget ul li a:hover { color: #fff; background: #5d9de5; text-decoration: none; }



#sidebar .widget .testWrap { background: url(/wp-content/themes/saint-marys-health-clinics/images/quotes.jpg) no-repeat top left; padding-left:48px; font-style: italic; padding-bottom: 5px;}







/** search **/

#s { padding: 3px 5px; color: #565656; border: 1px solid #bbb; outline: none; width: 66%; font-size: 1.2em; }





/** footer **/

footer { clear: both; text-align: center; padding: 30px 0 60px 0; background: #606060; height: 90px;}

#FooterSection {margin: 0 auto; width: 980px; font-family: 'Droid Serif', Arial, Helvetica, Sans-serif; font-size: 13px; text-align: left;}

#FooterSection a, #FooterSection p { font-family: 'Droid Serif', Arial, Helvetica, Sans-serif; font-style: normal; font-size: 13px; line-height: 20px; color: #ffffff; text-decoration: none;}

#FooterSection a:hover {color: #CCCCCC;}

#footerLinks {width: 85%; float: left; color: #ffffff;}

#footerIcons {width: 13%;float: left; color: #ffffff;}

#FooterSectionMobile {display:none;}





/** clearfix **/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

 

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.clear {clear: both;}



/** homepage banner **/

#Banner {width: 100%; margin: 0 auto; position: relative;}

#bannerShadow {

z-index: 10000; 

position: absolute; 

width:100%; 

height: 70px;

-webkit-box-shadow: inset 1px 15px 26px 2px rgba(0,0,0,0.75);

-moz-box-shadow: inset 1px 15px 26px 2px rgba(0,0,0,0.75);

box-shadow: inset 1px 15px 26px 2px rgba(0,0,0,0.75);

}



/** let's get rid of unnecessary widget titles **/

#Banner H2 {display: none;}

#blueHomeBar H2 {display: none;}

.post header h2, .post header h2.bigger {}







/** Customize desktop logo and address areas **/

#top { margin: 0; height: 145px;}

#AddressArea {width: 46%; text-align: right; padding: 28px 20px 0 20px; float: right;  font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

#AddressArea p { color: #404040; font-size: 14px; line-height: 19px;  }

#AddressArea a {color: #f4bf59; font-size: 14px; text-transform: uppercase; text-decoration: none; line-height: 17px;}

#AddressArea a:hover {color: #498c6c;}

#AddressArea span {color: #288ca2; font-size: 18px; font-weight:700; font-style:italic;}



#LogoArea {float:left; width: 50%; height: 145px;} 

#LogoArea img { width: 100%; max-width: 470px; padding: 20px 0 0 20px;}





/**BLUE Bar **/

#blueHomeBar { display: none; max-width: 100%; width: 100%; margin: 0 auto; background: #3e8ba5;}

#iconsWrapper {width: 1000px; margin: 0 auto; padding: 30px 10px;}

.blueIcon {float: left; width: 18%; padding-right: 20px; text-align: center;}

.blueIcon a {font-family: 'Open Sans', Arial, Sans-serif; color: #fff; font-size: 17px; font-weight: 700; text-decoration: none; line-height: 25px;}

.blueIcon p {font-family: 'Droid Serif', Times New Roman, Serif; color: #fff; font-size: 14px; line-height: 20px; font-weight: 400;}



/** BEIGE-LANGUAGE bar **/

#languageBar { display: none; max-width: 100%; width: 100%; margin: 0 auto; background: #c2a971; padding: 28px 0; text-align: center;}

#languageBar img {padding: 0 40px;}



/** customize sidebar tabs **/

#sidebar #homeTabs img {padding: 5px 0; width: 100%;}







/** Secondary content LEFT **/

#Testimonials {float:left; width: 47%; background: url(/wp-content/themes/saint-marys-health-clinics/images/quotes_bg.jpg) no-repeat 0 48px; padding-top: 20px;}

#Testimonials p {padding-left: 44px;}

#Testimonials H2.banner {font-size: 2em !important; color:#f57e00;}





/** Hours & Location RIGHT **/

#Location {float:right; width: 47%; padding-bottom: 20px; padding-top: 20px;}

#Location H2.banner{font-size: 2em !important; color:#f57e00;}



.metaslider {background:#fff;}



#mainInt {width: 900px; padding: 40px 50px; }

#mainInt .homeCopy p {font-size: 25px; line-height: 37px; color: #55544f; letter-spacing: -1px;}





/** BLOG sidebar **/

#blogSide h1 {	

	color: #848c39;

	font-size: 2em;

	margin: 0 0 5px 0;

	font-weight: 400;

	}

#blogSide a{ font-size: 1.6em; line-height: 1.75em; text-decoration: none; color: #b73d26; transition: color .2s linear; -webkit-transition: color .2s linear;-moz-transition: color .2s linear; }



#blogSide a:hover { text-decoration: underline; color: #545454;}



#Testimonials p {font-style: italic;}



#nSlider {

/*-webkit-box-shadow: -34px -1px 65px 0px rgba(66,161,128,1);

-moz-box-shadow: -34px -1px 65px 0px rgba(66,161,128,1);

box-shadow: -34px -1px 65px 0px rgba(66,161,128,1);*/

}









/* Mobile Smartphones ----------- */

@media only screen 

and (min-width : 0) 

and (max-width : 620px) {

	body {background: none;}

	#mobileHeader {display: block; margin-bottom:14px; margin-top: 8px;}

	#mobileHeader  img {height: auto; width: 100%;}

	#mobileHeader {font-family: 'Open Sans', Arial, sans-serif;}

	#mobileHeader p {padding: 0 30px; margin-bottom: 10px;}

	#navbar { 

	display: block; 

	height: 44px; 

	background: #5f5e57;

	/*background: -moz-linear-gradient(top,  #242424 0%, #2a2a2a 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(100%,#2a2a2a));

	background: -webkit-linear-gradient(top,  #242424 0%,#2a2a2a 100%);

	background: -o-linear-gradient(top,  #242424 0%,#2a2a2a 100%);

	background: -ms-linear-gradient(top,  #242424 0%,#2a2a2a 100%);

	background: linear-gradient(to bottom,  #242424 0%,#2a2a2a 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#2a2a2a',GradientType=0 );*/

	width: 100%;

	}

	#navbar a { display: block; line-height: 44px; padding: 0 10px; font-weight: bold; font-size: 1.6em; color: #ffffff; text-decoration: none; }

	#navbar a:hover { color: #fddd74; text-decoration: none; }

	

	#n ul { display: none; background: #498c6b; border: 0; height: auto; padding: 5px 10px; overflow: hidden; text-align: left; width:100%;}

	

	#n ul li { font-size: 20px; color: #ffffff; }

	

	#n ul li ul { display: block; position: static; border: 0; background: #529b77; }

	#n ul li ul li { font-size: 1.1em; width: auto; background: #529b77; }

	#n ul li { border: 0; width: 100%; background: #498c6b;; border: 0; }

	

	#n ul li a, #n ul li ul li a { color:#fff; display: block; font-weight: 700; font-size: 18px; line-height: 20px; text-shadow: none; width: 100%; padding: 5px 0; margin: 0; }

	#n ul li ul li a { font-size: 15px; border: 0; color:#fff; }

	#n ul li a:hover, #n ul li ul li a:hover { color: #fff; text-decoration: none; }



	#main,#mainInt { display: block; float: none; width: auto; overflow: hidden; margin: 0; padding: 14px; background: #fff; margin-left: 0; }

	#sidebar { display: none; float: none; }

	

	#sidebar-responsive { display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 5px 0 10px; margin-bottom: 15px;background: #ffffff;  }

	#sidebar-responsive .widget { display: block; margin-bottom: 15px; }

	#sidebar-responsive .widget h3 { font-family: 'Trebuchet MS', Arial, Sans-serif; font-weight: bold; font-size: 1.5em; line-height: 1.4em; color: #898989; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #ddd; }

	

	#sidebar-responsive ul li { display: block; }

	#sidebar-responsive ul li a { display: block; padding: 10px 20px; font-size: 1.6em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: none; -webkit-transition: none; -moz-transition: none; }

	#sidebar-responsive ul li a:hover { text-decoration: none; background: #565656; color: #fff; }

	

	.post header h2 { font-size: 2.75em; }

	

	.post .meta { font-size: 1.1em; line-height: 1.6em; }

	.post .meta i { margin-bottom: 4px; }

	

	#commentform #allowed_tags { display: none; }

	



	#top { margin: 0; height: 100%; width: 100%; background: #f3f2ea;}

	#LogoArea { display: none;}

	#AddressArea {display: none;}

	#iconsWrapper {width: 100%; padding: 0;}

	.blueIcon p {display: none;}

	.blueIcon {float:none; width: 100%; margin-bottom: 18px;padding: 0;}

	.blueIcon img {width: 30%; height: auto;}

		

	#mainInt {width: 90%; padding: 0;}

	

	img.alignleft, img.alignright {width: 100%; margin: 2px; float: none; height: auto;}

	#mainInt .homeCopy p {padding: 0 10px;}

	#mainInt .homeCopy img {text-align: center; width: 70%; height: auto;}

	

	footer {width: 100%;}

	#FooterSection {display: none;}

        #FooterSectionMobile {display:block; background: #606060; }

	#FooterSectionMobile a, #FooterSectionMobile p {color: #fff; text-decoration:none;}

	#FooterSectionMobile a:hover {color: #bdbdbd;}

	#IntBanner img {width: 100%; height: auto;}

	#Banner img {width: 100%; height: auto;}

	#bannerShadow {display: none;}

}







/* iPad (landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

	#Banner {width: 100%;}

	#LogoArea {float:left; width: 40%;}

	#LogoArea img {width: 100%; min-width: 250px; height: auto; padding-top: 10px;}

	#AddressArea {float:right; width: 50%; text-align: right; padding-right: .5em; padding: 28px 20px 0 70px;}

	#mobileHeader {display: none;}

	

}





/* iPad (portrait) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

	.wrapperHeader  { width: 100%; min-width: 994px; padding-right: 30px;}

	.wrapper { width: 100%; margin: 0 auto;}

	#content, #Banner { min-width: 980px; margin: 0 auto;}

	#Banner, #blueHomeBar, #languageBar {width: 100%; min-width: 1024px;}

	#IntBanner {width: 100%; min-width: 1024px;}

	.theme-default .nivo-controlNav {display: none;}

	#LogoArea {float:left; width: 50%; min-width: 300px;}

	#LogoArea img {width: 100%; min-width: 300px; height: auto; padding-top: 10px;}

	#AddressArea {float:right; text-align: right; width: 40%; padding-right: .5em;}

	#AddressArea a {color: #f4bf59; font-size: 17px; text-transform: uppercase; text-decoration: none;}

	#AddressArea a:hover {color: #fff;}

	

	#SmallBanners { min-width: 1000px; }

	#SmallBanners .bannerLeft {padding-right: 0;}

	#SmallBanners .bannerRight {padding-right: 0;}

	

	footer {min-width: 1024px; width:100%;}

	

	#n ul li { display: inline-block; position: relative; font-size: 1.4em; font-weight: bold; margin-right: -3px; }

	#n ul li a { display: block; padding: 0px 10px; line-height: 40px; color: #ffffff; }

	#n ul li a:hover { color: #ffd072; text-decoration: none; }

	#headerMobile {display: none;}

	



}



/*Other ----------- */

@media screen 

and (min-width: 620px)

and (max-width: 1000px) {

	#LogoArea img {width: 100%; height: auto; padding: 10px 0 0 5px;}

	#AddressArea {float:right;}

	#mainbody #SmallBanners { width: 100%; background: #ffffff; margin: 0 auto;}

	#mainbody #SmallBanners img {width: 24%; height: auto;}

	#mainbody #SmallBanners .bannerLeft {padding-right: 1.3%;}

	#mainbody #SmallBanners .bannerRight {float: right;}

	

	#n ul li { display: inline-block; position: relative; font-size: 1.4em; font-weight: bold; margin-right: -3px; }

	#n ul li a { display: block; padding: 0px 10px; line-height: 40px; color: #ffffff; }

	#n ul li a:hover { color: #ffd072; text-decoration: none; }

	

	/** OFFERS **/

	.offer {width: 100%; height: auto;}

	#headerMobile {display: none;}

	

}