/* HTML5 ✰ Boilerplate == Edited by Jerry C. Mohr== *//* ==|== Reset =================== */
/** ==|==
 * LDA
 ======================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,tt,samp,small,strong,sub,sup,var,b,u,i,center,i,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,menu ul,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;background:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time,select,input,textarea,button,label{display:block}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}body{-webkit-font-smoothing:antialiased}svg:not(:root){overflow: hidden}audio,canvas video{display:inline-block;}audio:not([controls]){display none}[hidden]{display:none}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}textarea{overflow:auto;vertical-align:top}input[type="button"],input[type="reset"],input[type="submit"],input[type="image"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="checkbox"],input[type="radio"]{display:block;float:left;width:auto;height:auto;cursor:pointer;margin-right:8px;padding:0;}
button{clear:both;cursor:pointer;margin:0 auto;height:auto;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
ul.square{list-style:square inside}ul.circle{list-style:circle inside}ul.disc{list-style:disc inside}
/* list below reverse disc and square*/
ul.disc{list-style:square inside}ul.square{list-style:disc inside}
ol{list-style-type:decimal}del{text-decoration:line-through}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
/* ==|== Changes Screen Text Selection Color =================== */
:-moz-selection{background:#a1b246;color:#fff;text-shadow:none}::selection{background:#a1b246;color:#fff;text-shadow:none}
img::selection{background: transparent}img::-moz-selection{background:transparent}
/* ==|== Setup, USE in HTML =================== */
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help}dfn{font-style:italic}blockquote, q{ quotes: none}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word;-webkit-text-size-adjust: 140%;}code{-webkit-text-size-adjust: 160%}q{quotes:none}q:before,q:after{content:none}dd{margin:0 0 0 40px}
hr{display:block;margin:3px auto;padding:0;width:150px;height:1px;border-top:1px solid #ccc;}/* <=== update if used */ 
h1,h2,h2,h4,h5,h6{}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}sub{bottom:-.25em}small{font-size:90%}big{font-size:110%}b,strong{font-weight:700}i{font-style:italic}em{font-weight:700}
/* ==|== Changes LINKS Color ==========a{text-decoration:none;color:#11418d;padding-bottom:2px;border-bottom:1px dotted #b3880f;cursor:pointer;}
a:hover{color:#447008;border-bottom:1px solid #b3880f}	
a:active{color:#27374b;outline:0}a:focus{outline:0} */
a{text-decoration:none;color:#225487;cursor:pointer;border-bottom:0;}
a:focus{outline:0}
a:hover{color:#33a0ff;border-bottom:0}
p, span, h1, h2, h3, h4, h5, h6{cursor:default}
/* === Disable text selection========>
*{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}
input, textarea{-webkit-user-select:text;-ms-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text}
*/
/* ==|== Form Element Font Color ================ */
button, input, select, textarea {font:80% sans-serif;color:#3c3c3c; }/* <===same color has body */ 
/* ==|== Cursor Pointer Setup ================ */
nav li, menu li, select, .ie7 select{cursor:pointer}
/* ==|== For all Sites =================== */
noscript{display:block;width:auto;height:auto;margin:0 auto;background-color:transparent;color:#fff;padding:0 0 7px 0;font-weight:700;text-align:center;font-size:15px}
/* ==|== special gotop ==========right:-69px;===display:none====== */
.gotoplda{position:fixed;top:450px;right:-85px;padding:2px 4px 2px 0;background:url(../img/backseven.png) repeat;z-index:9999;-moz-transition:right 0.2s linear;-ms-transition:right 0.2s linear;-o-transition:right 0.2s linear;-webkit-transition:right 0.2s linear;transition:right 0.2s linear;}
.gotoplda a{font-family:'Arial', sans-serif;color:#fff;font-size:180%;border:0}
.gotoplda a:before {content:"▲";color:#fff;font-size:93%;padding:0 3px;}
.gotoplda a:hover::before{position:relative;top:-2px}/* arrow change on hover */
.showlda{right:0px}
.itemscope{position:relative;top:0;width:auto;height:auto;z-index:-9999;}
.forDesk{display:block !important}
.forMob{display:none !important} 

.chromeframe{margin:0px 0 0;background:#ff0;color:#000;padding:3px 0;font-family:'Arial', sans-serif;font-size:17px;font-weight:700;z-index:999999;text-align:center}
.chromeframe a{color:#c00;text-decoration:underline}.chromeframe a:hover;{color:#2cb40e}
/* ==|== Base ======font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif;======== */
/** ==|==  firefox: body:not(:-moz-handler-blocked) .class{}
		   opera: @media not screen and (1){.class{}}
 * SiteName.com
 * Author: Jerry C. Mohr - Lavery Design Associates
 ====webkit-overflow-scrolling: touch;===================background:url(../img/back-cubes.jpg) 0 0;================= */
img {max-width:100%;}
html{background-color:#f9f4e7;-webkit-tap-highlight-color: #a1b246;}
.oldie html, .oldie body {height:100%;}
#back {width: 100%; left:0px;top:0px;
       height: 100%; 
         position: fixed;z-index:-9;
        background: #f9f4e7 url(../img/back.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/back.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/back.jpg', sizingMethod='scale')";
}
body { top:0; width:100%; overflow-x:hidden;/*for mobile*/
	   font-family:'Arial', sans-serif;  font-size:10px;  color: #3c3c3c; 
	   font-weight:400;  font-style:normal;  font-variant:normal;
	   text-align:left;  text-transform: none;   text-decoration:none;
	   line-height:1.3;	 letter-spacing:0;}

article, header{margin:0 auto; }

header{position:relative;width:100%;height:auto;color:#fff;z-index:999;
	background:url(../img/b-back.jpg) 0 0px;
}
section.header{position:relative;width:980px;height:auto;margin:0 auto;z-index:9999;}

/*border-bottom:11px solid #542b52;*/
.headB{position:relative;display:block;width:100%;top:0px;height:100%;z-index:3;background:#fff;
	border-bottom:11px solid #542b52;  
	-ms-box-shadow:0 3px 7px rgba(0,0,0, .4);-moz-box-shadow:0 3px 7px rgba(0,0,0, .4);-o-box-shadow:0 3px 7px rgba(0,0,0, .4);
-webkit-box-shadow:0 3px 7px rgba(0,0,0, .4);box-shadow:0 3px 7px rgba(0,0,0, .4);}
.headBin{position:relative;width:980px;height:auto;margin:0 auto}
.headBinMob{display:none}


article#container{position:relative;display:block;width:980px;top:18px;height:100%;z-index:3;margin-bottom:35px;}

section#main{display:inline-block;vertical-align:top;width:98%;height:auto;min-height:475px;z-index:3;margin:0 0 18px 1%;
	background:#fff;border:1px solid #999;box-shadow:0px 0px 8px #bbb;-ms-box-shadow:0px 0px 8px #bbb;-moz-box-shadow:0px 0px 8px #bbb;-o-box-shadow:0px 0px 8px #bbb;-webkit-box-shadow:0px 0px 8px #777;}
								

footer{display:inline-block;vertical-align:top;bottom:0px;width:98%;margin-left:1%;height:auto;
	  background:#9b6631;border:1px solid #9b6631}  
	
.ie8 header{margin-top:-5px;}
/* for portfolio web*/
.ieNo{display:block !important}
.ieOnly{display:none !important}
.ie8 .ieNo{display:none !important}
.ie8 .ieOnly{display:block !important}
/* ==========|============ COMMON USED DESIGN ============border:8px solid #888;========================= */
/* TRANSITION */ 
a, a img, section a, .share, nav ul a, nav>ul>li>a, .nav-but, label, input, textarea, select, button, .button, .reqbutton, .butop, input:hover, textarea:hover, input:focus, textarea:focus, select:hover, select:focus, #next a, #prev a, #social,#hideCatMob p
{-moz-transition:color 0.2s linear;-ms-transition:color 0.2s linear;-o-transition:color 0.2s linear;-webkit-transition:color 0.2s linear;transition:color 0.2s linear}
.error, #socialfoot img,#prev p, #next p,.respImages a:hover .seePic
{transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;-webkit-transition:opacity .2s linear}
/*#prev, #next{transition:background 0.2s linear;-moz-transition:background 0.2s linear;
-ms-transition:background 0.2s linear;-o-transition:background 0.2s linear;
-webkit-transition:background 0.2s linear;}*/
.box-left-F,.box-F,.box-left,.box,.pageMainext a,.rightpic div,.pageMain a,.personTitle span,.ldaprivacy,.pageMainWidth a.normal,.pageMain a.normal{-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}

/* NO TRANSITION*/
a:active, nav ul li a:active, button:active, .button:active, .reqbutton:active, .butop:active, .top-nav, input:required:invalid, textarea:required:invalid, input:required:valid, textarea:required:valid, .boxesWrap a:active .box-left-F, .boxesWrap a:active .box-F, .boxesWrap a:active .box-left, .boxesWrap a:active .box, .pageMainext a:active,#prev:active,#next:active,.pageMainWidth a.normal:active {-moz-transition:0;-ms-transition:0;-o-transition:0;-webkit-transition:0;transition:0;}

	
/* == PAGES TEXT ===================================================================== */
/* == text top left side of picture ==*/
.pageMain,.pageMainWidth{position:relative;display:inline-block;vertical-align:top;width:64%;height:auto;
		 margin:2% 1% 0 1.8%;}
.pageMainWidth{width:96.25%;margin-bottom:3.5%}
.pageMainWidth .tright{text-align:right;font-size:75%;font-style:italic;margin-top:2%}

.pageMain p,.pageMainWidth p,.pageMain h2,.pageMain h1,.pageMainWidth ul{padding-bottom:3.7%}
.pageMain p.span{padding-bottom:3.5%}
.pageMain h3,.blog-title{font-family:'Lato',sans-serif;line-height:.2;padding-bottom:5%;color:#e7e7e7;
			 font-size:380%}				 /* <== title    	   || font-size: 24px */
.pageMain h2{font-size:210%}				 /* <== top line 	   || font-size: 21px */
.pageMain p,.pageMainWidth p,.pageMainWidth ul,.entry-content p, .entry-content ul,.entry-summary p
{font-size:170%} 				 /* <== main paragraph + BLOG post text || font-size: 17px */
.pageMain h1{font-weight:700;font-size:160%} /* <== bold line 	   || font-size: 16px */
.pageMain h1 span{line-height:1.5}
.pageMain h4,.pageMainWidth h4{font-family:'Times',serif;font-style:italic;padding-bottom:0;
			 font-size:200%}				 /* <== last line 	   || font-size: 18px */
.pageMainWidth h2{font-size:175%;font-weight:700;padding-bottom:1.5%}
		
.pageMainWidth h4.PortQuote,.pageMainWidth p.PortQuotePers{position:relative;margin:0 auto;height:auto;width:75%;text-align:center;}
.pageMainWidth h4.PortQuote{font-size:180%}
.pageMainWidth p.PortQuotePers{font-size:130%}

.pageMain a{color:#a1b246;}
.pageMain a,.pageMain span.portColor,.pageMainWidth a{font-family:'Lato',sans-serif;line-height:1.7;}
.pageMainWidth a{font-size:110%}	
.pageMain a.normal,.pageMainWidth a.normal{font-family:'Arial', sans-serif;font-size:100%;line-height:1.3;color:#a1b246;}
.pageMainGrayLink,.pageMainGrayLinkLeft{width:100%}.pageMainGrayLinkLeft{margin-top:5%}
.pageMainGrayLink a{font-family:'Arial', sans-serif;font-size:90%;line-height:1;margin-left:7%;color:#999;width:100%;}
.pageMainGrayLinkLeft a{color:#999;width:100%;}
.pageMain a:hover,.pageMainWidth a.normal:hover{position:relative;left:1%;color:#542b52;}	

.pageMainLLOng{width:96.25% !important}
.pageMain.pageMainLLOng h1{padding-bottom:3.5%}
.pageMain.pageMainLLOng h2,.pageMain.pageMainLLOng p{padding-bottom:2%}



.pageMainWidth .ServTi,.pageMainWidth p{padding-bottom:1%}
.pageMainWidth ul.lowtUl{padding-bottom:2%}
.pageMainWidth ul.lastUl{padding:0}
.pageMainWidth .ServTi{font-size:170%}

/* download icons */
.pageMainWidth ul span{display:block;width:auto;height:auto;margin:0 auto;font-size:100%;text-align:center;}
.pageMainWidth ul span img{width:45px !important}






.pageMainLeft, .pageMainRight{float:left;width:40%;margin-bottom:3%}
.pageMainRight{margin-left:10%}

.pageMainWidthLeft,.pageMainWidthRight,.pageMainWidthLeftR,.pageMainWidthRightR{float:left;width:45%;}
.pageMainWidthRight,.pageMainWidthRightR{float:right;margin-right:2.5%}
.pageMainWidthLeft,.pageMainWidthLeftR{padding-right:2%;border-right:1px solid #888}

.pageMainWidthLeftR p,.pageMainWidthRightR p{margin-bottom:5%}
.pageMainWidthLeftR a,.pageMainWidthRightR a{font-size:97%}

.pageMainWidthLeft,.pageMainWidthRight{font-size:90%}
/* ==|== TEAM ======================================== */
.personTitle{margin-bottom:1%}
.personTitle span, .ldaprivacy{cursor:pointer;color:#542b52;}
.personTitle span:hover, .ldaprivacy:hover{color:#a1b246}
.personTitle .email{line-height:1.7;font-size:95%}
.personBio{display:none;margin-bottom:3%}
.teamLinke{margin-left:5%;}.teamLinke img{width:25px}

/* ==|== TESTIMONIALS ======================================== */
.testimonials,.testimonialsWidth{font-family:'Times', serif;font-style:italic;font-size:190%;}
.testimonials p,.testimonialsWidth p{font-family:'Arial', sans-serif;font-style:normal;font-size:75%;padding:0 0 5% 3%}
.testimonialsWidth p{padding:0 0 4% 3%}

.rightColumn{position:absolute;top:16.5%;left:36%;font-size:70%;}

body:not(:-moz-handler-blocked) .pageMainext{font-size:65%;}
@media not screen and (1){.pageSpectext{font-size:80%;}}
@media not screen and (1){.pageMainext{font-size:65%;}}
.ie9 .pageSpectext{font-size:80%;}
.ie9 .pageMainext{font-size:65%;}
.ie8 .pageSpectext{font-size:80%;}
.ie8 .pageMainext{font-size:65%;}



/* == page PIC RIGHT== */
.rightpic{float:right;width:31.25%;height:auto;margin:2% .7% 0;}
.rightpic img{width:100%} .rightpic img.pagepics{display:block} .rightpic img.pagepic{display:none}

.rightpic div{width:95.8%;height:auto;margin:2% 0 0;padding:2% 0;background:#f9f4e7;
	font-family:'Times', serif;font-style:italic;font-size:200%;text-align:center;color:#3c3c3c; 
	border:1px solid #ccc;cursor:pointer;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.rightpic div:hover{background:#a1b246;color:#542b52}

/* == portfolio PIC == */
.portpic{width:75%;height:auto;margin:0 auto;}
.portpic img{width:100%} 


/* == responsive pict. == */
.respImages{margin:1% 0}
.respDesk,.respTablet,.respSmartPhone{float:left;height:auto;width:30%;margin-bottom:5%;}
.respTablet{margin-left:5%}
.respSmartPhone{float:right}
.respImages a{position:relative;display:block;
	font-family:'Lato',sans-serif;font-size:200%;color:#a1b246;text-align:center}
.respImages a:hover{color:#542b52}
.seePic{position:absolute;top:35%;left:16.5%;width:60%;height:auto;padding:1% 3%;cursor:pointer;
	text-align:center;font-size:150%;color:#5f315d;text-shadow:1px 1px 1px #777;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
		background:url(../img/backwhiteseven.png) repeat;border:2px solid #888;
		opacity:0;}
.respImages a:hover .seePic{opacity:1}

/* == page boxesWrap== */
.boxesCont{height:auto;width:100%;margin:3.5% 0;}
.boxesWrap{position:relative;height:auto;min-height:190px;width:96.7%;margin:0 auto;}
.box{display:inline-block;vertical-align:top;min-height:190px;
	 border:1px solid #999;border-top:1px solid #ddd;border-bottom:1px solid #777;color:#fff;text-align:center;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	background:#a1b246;
	background:-moz-linear-gradient(top,  #a1b246 0%, #808d38 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1b246), color-stop(100%,#808d38));
	background:-webkit-linear-gradient(top,  #a1b246 0%,#808d38 100%);
	background:-o-linear-gradient(top,  #a1b246 0%,#808d38 100%);
	background:-ms-linear-gradient(top,  #a1b246 0%,#808d38 100%);
	background:linear-gradient(top,  #a1b246 0%,#808d38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b246', endColorstr='#808d38',GradientType=0 );}
.boxesWrap.threeBox{padding-left:2%;}
.boxesWrap.fourBox{margin-left:2.3%;}
.threeBox .box{width:31%;}
.fourBox .box{width:23%;}
.threeBox .ctr{margin:0 2%}
.threeBox .ctrR{margin-right:2%}
.fourBox .ctr{margin:0 1.8%}
.fourBox .ctrR{margin-right:1.8%}

a .box *{cursor:pointer}

.boxText{margin:.8% 1%;min-height:150px;}
.boxText h5,.boxText h6{margin:5% 0 7% 0;font-size:190%;text-shadow:1px 1px 1px #888}
.boxText p{font-size:160%;line-height:1.2;margin:auto}
.boxText a{color:#542b52;font-size:90%;}
.boxText a:hover{color:#542b52;text-decoration:underline;}

.boxClick, .boxClickgo{font-size:180%;color:#492547;text-shadow:1px 1px 0 #ccc}
.boxClickgo{display:none;color:#fff;text-shadow:1px 1px 0 #444}
.boxGo{font-size:80%;position:relative;}

.boxesWrap a:hover .boxClickgo{display:block}
.boxesWrap a:hover .boxClick{display:none}

.boxesWrap a:hover .box{color:#492547;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;box-shadow:0 0 15px #555}
.boxesWrap a:active .box{box-shadow:none;position:relative;top:3px}


/* == bottom Quote ==  */
.quote{font-family:'Times',serif;font-style:italic;font-size:225%;
		text-align:center;line-height:1;margin-bottom:3.5%;}


/* == slide ==  */
.animCont{float:right;width:31.25%;height:auto;min-height:400px;margin:2% 1.5% 0 0;opacity:0;}
#picSlide div{position:absolute;width:31.25%;}

/* == Print Montage == */
.showTwo,.showFour{width:100%;height:auto;margin:2% 0}
.showTwo div,.showFour div{float:left}
.showTwo div{margin-left:6%;width:47%}
.showFour div{margin-left:2.7%;width:23%}
.showTwo div.first,.showFour div.first{margin-left:0 !important}
.showTwo p,.showFour p{text-align:center;}
.pshowtext{font-size:140% !important}

/* ==|== FOOTER ======================================== */
footer{color:#ddd}
.copy{float:left;width:28%;height:auto;margin:1.1% 0 0 1%;font-size:120%}
section#socialfoot{float:right;width:67%;height:auto;margin-right:1%;z-index:8;font-size:150%; }			
section#socialfoot p, section#socialfoot ul{float:left}
section#socialfoot ul{float:right;text-align:left}	
section#socialfoot p, section#socialfoot>ul>p{float:left;line-height:2.2;}
section#socialfoot p>a{color:#ddd;}
section#socialfoot p.frght{margin-left:5%;}
section#socialfoot p>a:hover{color:#a1b246;}
section#socialfoot ul li{display:inline-block;margin-left:5px;line-height:1.9;}
section#socialfoot ul .first{line-height:2;}

section#socialfoot>ul>li>a{position:relative;display:block;width:25px;height:25px;margin-top:20%;overflow:hidden}
section#socialfoot>ul>li>a>img{position:relative;width:25px;padding:0;opacity:.8;}
section#socialfoot ul:hover img{opacity:1}
.ic-join img{top:0px}		.ic-join img:hover{top:-25px}
.ic-face img{top:-100px}	.ic-face img:hover{top:-125px}
.ic-twi img{top:-50px}		.ic-twi img:hover{top:-75px}
.ic-rss img{top:-400px}		.ic-rss img:hover{top:-425px}
.ic-blog img{top:-350px}	.ic-blog img:hover{top:-375px}
.ic-email img{top:-450px}	.ic-email img:hover{top:-475px}


/* ==|== HEADER LOGO=========================== width 26%============ */
.logo{display:block;margin:0 auto;width:75%}
.logo img{width:100%;}.logo img.logob{display:block}.logo img.logomob{display:none}
	
/* ==|== NAV ======================================== */
.nav{display:inline-block;height:auto;margin:3% 0;z-index:9999;width:98.8%; }/*65% 624px*/
nav{float:right;width:100%}
nav .sub:after, nav .subb:after {content:"▼";color:#d7ba7e;font-size:47%;position:relative;margin-left:3px}
nav .subb:after {content:"►";}
nav .sub:hover::after{color:#a1b246;}
nav .subb:hover::after {color:#fff;}
nav>ul{display:block;text-align:right}
nav>ul>li{display:inline-block;margin:0 2%}nav>ul>.lastli{margin-right:0}
nav a{font-family:'Lato', sans-serif;text-align:center;border:0;}
nav>ul>li>a{font-size:190%;color:#fff;text-shadow:0 1px #555;}
nav>ul>li:hover > a{color:#c7d18c;text-shadow:0 1px #000;}
nav ul li a:active{position:relative;top:2px;}

nav ul ul{position:absolute;display:none;}
nav ul ul li a{display:block;width:auto;font-size:170%;color:#333;background:#fff;padding:8px 6px;z-index:9999;
box-shadow:-1px 1px 5px rgba(0,0,0,.3),1px -1px 5px rgba(0,0,0,.3);-moz-box-shadow:-1px 1px 5px rgba(0,0,0,.3),1px -1px 5px rgba(0,0,0,.3);-ms-box-shadow:-1px 1px 5px rgba(0,0,0,.3),1px -1px 5px rgba(0,0,0,.3);-o-box-shadow:-1px 1px 5px rgba(0,0,0,.3),1px -1px 5px rgba(0,0,0,.3);-webkit-box-shadow:-1px 1px 5px rgba(0,0,0,.3),1px -1px 5px rgba(0,0,0,.3);}
nav ul ul li:hover > a{background:#808d38;color:#fff;}

nav .abot{width:auto}nav .cbot{width:93%;}	
nav .deskhide{display:none}
nav ul ul ul li a{background:#808d38;color:#fff;width:auto}
nav ul ul ul li:hover > a{background:#fff;color:#3c3c3c;}
nav ul ul .sub-bb,nav ul ul .wideUl{position:absolute;width:100%;margin:-25% 0 0 100%;display:none}
nav ul ul .wideUl{width:200%}
.current{padding-bottom:3px;border-bottom:1px solid #c79a69 !important}

nav ul li.lastli ul{right:6%}
nav ul li.lastli ul li{width:130%}

nav a.connectContact div,nav a.connectJoin div,nav a.connectFace div,nav a.connectTwit div
{position:relative;display:block;float:left;height:25px;overflow:hidden;}

nav a img{position:relative;width:25px;}

.connectContact img{top:-475px}		.connectContact:hover img{top:-450px}
.connectJoin img{top:-25px}			.connectJoin:hover img{top:0px}
.connectFace img{top:-125px}		.connectFace:hover img{top:-100px}
.connectTwit img{top:-75px}			.connectTwit:hover img{top:-50px}


body:not(:-moz-handler-blocked) nav a{font-weight:300}
@media not screen and (1){nav a{font-weight:300}}
.ie9 nav a{font-weight:300}
.ie8 nav a{font-weight:300}
/* IE9 & Firefox hack for a:active top 2px, on click all nav goes down   */
body:not(:-moz-handler-blocked) nav>ul>ul{top:40px}
.ie9 nav ul ul ul{top:122px}
.ie8 nav .sub:after {font-size:15px;}
.ie8 .nav{margin-left:5%;width:80%;}
.ie8 nav ul ul li a{border-bottom:1px solid #ddd}
.ie8 nav ul ul ul li a{border:1px solid #ddd}
.ie8 nav ul li.lastli ul{right:14%}
/* JS disabled */
.no-js nav li:hover ul {display:block}

/* ==========|============ PORTFOLIO OPEN WEBPAGE ================== z-index:99999999;=================== */
.webin, .webinsel{position:absolute;left:0%;top:180px;width:100%;height:900px;
	margin:0 auto;}

#webin, #webinsel{position:relative;width:100%;height:100%;z-index:9999;
	display:none;
	background:url(../img/backseven.png) repeat;
padding:20px 0;margin:0;border:2px solid #888;}

/* ==========|============ OPEN IMG ================================ */
.imgin, .imginsel{position:fixed;left:20%;top:25px;width:60%;height:auto;
	margin:0 auto;}
#imgin, #imginsel{position:relative;width:100%;height:100%;z-index:9999;
	display:none;
	background:url(../img/backseven.png) repeat;
padding:20px;margin:0 auto;border:2px solid #888;
-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
	   box-shadow: -5px 8px 20px rgba(0, 0, 0, .5), 5px 8px 20px rgba(0, 0, 0, .5);
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, .5), 5px 8px 20px rgba(0, 0, 0, .5);
  -moz-box-shadow: -5px 8px 20px rgba(0, 0, 0, .5), 5px 8px 20px rgba(0, 0, 0, .5);}

/* ==========|============ FORMS OPEN ===================================== */
/* ======= FORMS BACK BOX ========== */ 
#ldaprivacy{display:none}
section.formsin, section.formsinsel{position:absolute;left:50%;top:220px;}
#formsin, #formsinsel, #formsinb, #formsinselb{position:relative;right:50%;width:auto;height:auto;z-index:9999;display:none;
padding:70px;margin:0;border:2px solid #888;background:url(../img/backseven.png) repeat;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
	   box-shadow: -5px 8px 20px rgba(0, 0, 0, .5), 5px 8px 20px rgba(0, 0, 0, .5);
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, .5), 5px 8px 20px rgba(0, 0, 0, .5);
  -moz-box-shadow: -5px 8px 20px rgba(0, 0, 0, .5), 5px 8px 20px rgba(0, 0, 0, .5);}


#formsclose, #formscloseb,#closeSite,#closeImg
{position:absolute;cursor:pointer;top:-20px;width:45px;height:45px;z-index:9999999}
#formsclose, #formscloseb{right:-20px}
#closeSite,#closeImg{top:-25px;left:50%;display:none}
.piclb{display:none}	
img .closeSite, img .closeImg{width:100%;height:100%;cursor:pointer}	
/* ======= FORMS BACK BOX == for MOBILE ======== */ 
section.formsinsel{position:absolute;top:220px;}
#formsinsel, #formsinselb{padding:0;border:0;background:none;}
/* ==|== FORMS ============================================================================ */ 
form{position:relative;float:none;width:auto;height:auto;margin:0 auto;padding:15px 25px !important;/* !important is for blog load forms*/
cursor:default;font-family:'Lato', sans-serif;color:#3c3c3c;font-size:180%;/* form title 18px base = body*/
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;z-index:99999;
-ms-box-shadow:0 3px 7px rgba(0,0,0, .4);-moz-box-shadow:0 3px 7px rgba(0,0,0, .4);-o-box-shadow:0 3px 7px rgba(0,0,0, .4);-webkit-box-shadow:0 3px 7px rgba(0,0,0, .4);box-shadow:0 3px 7px rgba(0,0,0, .4);
background: #d6b48f;
background: -moz-linear-gradient(top,  #d6b48f 0%, #956837 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6b48f), color-stop(100%,#956837));
background: -webkit-linear-gradient(top,  #d6b48f 0%,#956837 100%);
background: -o-linear-gradient(top,  #d6b48f 0%,#956837 100%);
background: -ms-linear-gradient(top,  #d6b48f 0%,#956837 100%);
background: linear-gradient(top,  #d6b48f 0%,#956837 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b48f', endColorstr='#956837',GradientType=0 );}
form.contactf{width:50%;background:none !important;box-shadow:none;margin:3% auto}
/* BLOG sidebar form color*/
#searchform, #loginform{background-color:#fff !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) !important;}




input, select, textarea{padding:3px 0 3px 3px;margin-top:3px;background:#fff;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #bbb;
-moz-box-shadow:inset 2px 2px 3px #ddd, inset -2px -2px 3px #ddd;-webkit-box-shadow:inset 2px 2px 3px #ddd, inset -2px -2px 3px #ddd;box-shadow:inset 2px 2px 3px #ddd, inset -2px -2px 3px #ddd;}

textarea{width:400px;height:100px;}textarea#textlarge{width:498px}

input:hover, input:focus, textarea:hover, textarea:focus
{outline:0;-moz-box-shadow:2px 2px 3px #ddd, -2px -2px 3px #ddd;-webkit-box-shadow:2px 2px 3px #ddd, -2px -2px 3px #ddd;box-shadow:1px 1px 3px #ddd, -1px -1px 3px #ddd;}

fieldset{width:205px;}
label{line-height:1}
input{margin-bottom:15px}
label,input,select,textarea{font-size:100%}
input,select,textarea{width:96%;padding:2%;}
select{width:100%;height:30px;margin:30px 0 15px;color:#555;outline:0;border:1px solid #999;}

input:required,textarea:required{width:91%;padding-left:7%;}textarea:required{padding-left:15px;}
select:required{text-indent:11px}
body:not(:-moz-handler-blocked) input:required{text-indent:15px;}
input:required:invalid,textarea:required:invalid,select:required:invalid
	{background:url(../img/f-input-inval.png) no-repeat #fff}
input:required:valid,textarea:required:valid,select:required:valid{background:url(../img/f-input-val.png) no-repeat 2px 3px #fff}

.required{width:91%;padding-left:7%;}
.required,.invalid{background:url(../img/f-input-inval.png) no-repeat #fff}
.valid{background:url(../img/f-input-val.png) no-repeat 2px 3px #fff}
label#capCont{position:relative;width:155px;height:25px;margin:25px auto 15px;}
input#capCheck{display:none !important}
.checkboxPic{float:right;width:25px;height:25px;
	background-image:url(../img/checkboxRedGreen.png);background-repeat:no-repeat;background-position:0 0}			
.Checked{background-position:0 -25px}
.oldie input#capCheck{display:block !important;position:absolute;right:0;}
.oldie .checkboxPic{background-image:none;}
.LockText,.UnlockText{float:left;font:700 15px/1.6 'Arial',sans-serif;color:#f34308;}
.UnlockText{margin-left:30px;color:#c3ef00}
.LockText:after{content:"➤";font-size:10px;}
.cPointer{cursor:pointer}
.cDefault{cursor:default}

input, select, textarea{padding:3px;margin-top:3px;background:#fff;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #bbb;
-moz-box-shadow:inset 2px 2px 3px #ddd, inset -2px -2px 3px #ddd;-webkit-box-shadow:inset 2px 2px 3px #ddd, inset -2px -2px 3px #ddd;box-shadow:inset 2px 2px 3px #ddd, inset -2px -2px 3px #ddd;}



textarea{width:400px;height:100px;}textarea#textlarge{width:498px}

input:hover, input:focus, textarea:hover, textarea:focus
{outline:0;-moz-box-shadow:2px 2px 3px #ddd, -2px -2px 3px #ddd;-webkit-box-shadow:2px 2px 3px #ddd, -2px -2px 3px #ddd;box-shadow:1px 1px 3px #ddd, -1px -1px 3px #ddd;}
/* ==|== BUTTON === + MOBILE BUTTONS*/	
button,.button,.mobdrop,.mobsub,.mobsubb,input[type="submit"],a.btnhome,a.bthrss,.buttonDisable
{position:relative;height:auto;top:0px;margin:0 auto;padding:4px 7px;outline:0;border:0;width:90px;
font-family:'Arial', sans-serif;font-weight:700;text-align:center;font-size:15px;color:#fff;cursor:pointer;
line-height:1.4;letter-spacing:1px;text-shadow:rgba(0,0,0,0.3) 0 -1px;-webkit-font-smoothing:antialiased;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
-moz-box-shadow:inset 0 1px 1px rgba(255,255,255, .7),inset 0 -1px 1px rgba(0,0,0, .5);-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255, .7),inset 0 -1px 1px rgba(0,0,0, .5);
box-shadow:inset 0 1px 1px rgba(255,255,255, .7),inset 0 -1px 1px rgba(0,0,0, .5);}
.sidebartoplink a,.sidebartoplink a:hover{color:#fff !important;}

button,.button,.viewbtn:hover,input[type="submit"],a.btnhome,a.bthrss,.buttonDisable,.buttonDisable:hover
{background: #5f315d;
background:-moz-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(39%,#5f315d), color-stop(63%,#492547), color-stop(100%,#492547));
background:-webkit-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:-o-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:-ms-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);}

button:hover, .button:hover, .viewbtn, input[type="submit"]:hover,a.btnhome:hover, a.bthrss:hover
{color:#fff;border:0;
background: #96a641;
background:-moz-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(39%,#96a641), color-stop(63%,#808d38), color-stop(100%,#808d38));
background:-webkit-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:-o-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:-ms-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);}

button:active, .button:active, input[type="submit"]:active,a.btnhome:active,a.bthrss:active{top:2px}



.buttonDisable:active{top:0px}
.buttonDisable,.buttonDisable:hover{cursor:default;opacity:.5;z-index:-1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
.wrapSubm{width:90px;margin:0 auto}
.SubmCli{z-index:99999;}
.oldie.buttonDisable,.oldie.buttonDisable:hover{z-index:1}

.ieTrick,.ieTrick:hover,.ieTrick:active{border:1px solid transparent}

/*hide my captcha*/
input[name="jsGotcha"],input[name="emailGotcha"]{display:none}

/* ==|== ERROR ALERT === */
.error{position:absolute;width:auto;margin-top:-20px;padding:2px 5px 4px 3px;font:700 15px/1 'Arial', sans-serif;color:#fff;text-shadow:0 1px #555;z-index:9999;background:#a30c13;
border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;box-shadow:0 3px 5px rgba(0,0,0, .5);-ms-box-shadow:0 3px 5px rgba(0,0,0, .5);-moz-box-shadow:0 3px 5px rgba(0,0,0, .5);-o-box-shadow:0 3px 5px rgba(0,0,0, .5);-webkit-box-shadow:0 3px 5px rgba(0,0,0, .5);}
.error:before{content:"▼";padding-right:3px;}
.ie7 .error{margin:0px;left:25px}
/* ==|== SUBSCRIBE TO MAILING LIST FORM === */
form[name="icpsignup"] label{width:215px;height:53px;margin:0 auto 15px}
form[name="icpsignup"] button{width:100px;margin:25px auto 10px;}
/* ==|== SEND PAYMENT & gift payment FORM === */
form#payform{width:130px;}
form#payform label{width:126px;height:53px;margin:0 auto 15px}
form#payform input[name="amount"]{width:100px;}
form#payform .error{width:233px;}
form#payform{font-size:170%;}
form#searchform{margin-top:-3px}
.widget_wp_sidebarlogin form{margin-top:-10px}





/* ==|== EASY CSS ============================================================ */
.s-usmall {font-size: 9px} .osm{font-size:14px}	.regul{font-size:15px} 	.big {font-size:110%} 
.bigger {font-size:105% !important}
.small   {font-size:150% !important} 
.abig{font-size:17px}
.usmall  {font-size:10px}		.sbig  {font-size:18px;}
.esmall  {font-size:11px}		.ebig  {font-size:20px;} .ezbig  {font-size:21px;}
.ssmall  {font-size:12px}		.ubig  {font-size:22px;}
		.s-ubig {font-size:22px;}
/*  FONT WEIGHT & STYLE */
.strong {font-weight:bold;} .italic {font-style: italic;} .oblique {font-style: oblique;}
/*  FONT VARIANT & TEXT TRANSFORM */
.scaps  {font-variant:small-caps;}  .capital {text-transform:capitalize}
.upperc {text-transform:uppercase}  .lowerc  {text-transform:lowercase}
/*  LETTER SPACING & WORD SPACING */
.ltrspce  {letter-spacing:1px;}								

/*  LINE HEIGHT & TEXT DECORATION */
.nolineh  {line-height:1;}		.underl   {text-decoration:underline;}
.blineh   {line-height:1.4;}	.linetrgh {text-decoration:line-through;}	
.s-blineh {line-height:1.6;}	.mnolineh  {line-height:0;}		
.e-blineh {line-height:1.8;}	
/*  TEXT ALIGN & INDENT & ALTERNATIVE FONTS */
.left    {text-align:left;}     .center {text-align:center;}  .right {text-align:right;}			
.justify {text-align:justify;}	
.sindent {text-indent:5%;}	.indent {text-indent:10%;}	.bindent {text-indent:15%;}				
/*  BORDERS */
.noborder {border:none;}   .minindex{z-index:-3}
.above {border-top: 1px solid #444;}    .abovedot {border-top: 1px dotted #444;}
.rightBorder {border-right: 1px solid #444;}	.rightdot {border-right: 1px dotted #444;}
.under {border-bottom: 1px solid #444;}	.underdot {border-bottom: 1px dotted #444;}
.left {border-left: 1px solid #444;}    .leftdot {border-left: 1px dotted #444;}
/*  PADDING */
.spad {padding:5px;}   .pad {padding:10px;}   .bpad {padding:20px;}   .s-bpad {padding:30px;}
	.spad-top{padding-top:1%;}
.pad-top{padding-top:2%;} .bipad-top {padding-top:3.9%;}
.mmpad-top {padding-top:5% !important;} .mpad-top {padding-top:9%;}  .bpad-top {padding-top:16%;}   


.pad-bottom{padding-bottom:2%;}.bpad-bottom {padding-bottom:3.9%;} .bvpad-bottom{padding-bottom:5% !important}
.padBot{padding-bottom:3.7% !important}
.m-bpad-bottom{padding-bottom:25px;}  .s-bpad-bottom {padding-bottom:30px;}

.sppad-left{padding-left:2%}    .pad-left{padding-left:3%}  .bpad-left{padding-left:15%}
.spad-left {padding-left:5px;}    	
   	.s-bpad-left {padding-left:30px;}.xs-bpad-left {padding-left:60px;}
.margt{margin-top:5px} .margBot{padding-bottom:150px !important}
/*  SITE COLORS */	
.black {color:#000;} .gray {color:#555;} .light-gray{color:#f7f7f7;} .white{color:#fff;}
.blk-font {color:#262626;} .li-blk-font {color:#444;} .light-gray{color:#f7f7f7;}
.redAlert{color:#a30c13}

.lGreen{background:#d8ebd3}  .green {color:#a1b246;} .m {color:#96a641;}
.d{color:#808d38}	
.vdgreen{color:#738132} .backbeige  {background-color:#f9f4e7;}
.purple {color:#542b52}	 .l-purple {color:#5f315d} .d-purple {color:#492547}
.backbrown {background-color:#c79a69;}
.brown{color:#9b6631}  .d-brown{color:#704e29}

.tshadow{text-shadow:1px 1px 1px #abadaf}
.text-shad{text-shadow:0 1px #999;}.btext-shad{text-shadow:0 1px #222;}
.text-wshad{text-shadow:-1px 1px 1px #aaa;}
/* --- For Alternate Fonts --- */
.arial{font-family:'Arial', sans-serif}
.arialbalck{font-family: 'Arial Black', sans-serif}
.times{font-family:'Times', serif;}
.lato{font-family:'Lato', sans-serif;}

.cboth{clear:both}


/* ================================================================================================== */
/* ==|== non-semantic helper classes */
.ir { display: block; border: 0; text-indent:100%;white-space:nowrap;overflow:hidden; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.boxalcont{position:fixed;width:auto;height:auto;top:-7px;left:50%}
.boxal{position:relative;width:675px;height:auto;right:50%;

background:url(../img/backseven.png) repeat;
-ms-box-shadow:0 3px 7px rgba(0,0,0, .4);-moz-box-shadow:0 3px 7px rgba(0,0,0, .4);-o-box-shadow:0 3px 7px rgba(0,0,0, .4);
-webkit-box-shadow:0 3px 7px rgba(0,0,0, .4);box-shadow:0 3px 7px rgba(0,0,0, .4);
z-index:99999;

-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
padding:10px;
}

.boxalp{font-family:"Arial", sans-serif;text-align:center;
font-size:17px;color:#fff;font-weight:700;
width:100%;padding:10px;
}

/* ==|== MOBILE ======================================================================= */
/* ==|== MOBILE CSS CHANGES NEEDED before */
section#social select, aside#top-nav, .mobhome, .mobphone, .mobdrop, .mobsub{display:none}


/* nav MAIN MOBILE BUTTON also taken form button*/
.mobdrop {position:relative;float:left;width:90px;height:auto;margin:0;
	font-family:'Arial', sans-serif;font-size:20px;text-align:left;
	padding:4px 3px 4px 12px;}
.mobopen{
background:url(../img/mobopen.png) no-repeat 95% 50% #5f315d;
background:url(../img/mobopen.png) no-repeat 95% 50%, -moz-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:url(../img/mobopen.png) no-repeat 95% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(39%,#5f315d), color-stop(63%,#492547), color-stop(100%,#492547));
background:url(../img/mobopen.png) no-repeat 95% 50%, -webkit-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:url(../img/mobopen.png) no-repeat 95% 50%, -o-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:url(../img/mobopen.png) no-repeat 95% 50%, -ms-linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);
background:url(../img/mobopen.png) no-repeat 95% 50%, linear-gradient(top, #5f315d 39%,#492547 63%,#492547 100%);}
.mobclose{
background:url(../img/mobclose.png) no-repeat 95% 50% #96a641;
background:url(../img/mobclose.png) no-repeat 95% 50%, -moz-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:url(../img/mobclose.png) no-repeat 95% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(39%,#96a641), color-stop(63%,#808d38), color-stop(100%,#808d38));
background:url(../img/mobclose.png) no-repeat 95% 50%, -webkit-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:url(../img/mobclose.png) no-repeat 95% 50%, -o-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:url(../img/mobclose.png) no-repeat 95% 50%, -ms-linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);
background:url(../img/mobclose.png) no-repeat 95% 50%, linear-gradient(top, #96a641 39%,#808d38 63%,#808d38 100%);}


/* ==|== media queries =========================== 
@media only screen and (min-device-width: 2560px) and (min-width: 1600px) { definitions }
*/

/* XXL = iMac 27 and bigger screens || screen width 2560 */
@media only screen and (min-device-width: 1680px) and (min-width: 1600px) { 
input{width:295px;height:32px}
input[name="zip"]{width:94px}input[type="radio"], input[type="checkbox"]{margin-top:7px}
input:required, textarea:required{width:272px}
select{height:43px}/* form title 14px base = form*/
select[id="statelarge"]{width:185px}
textarea{width:500px;height:180px}textarea#textlarge{width:714px}
.error{height:27px;padding-top:2px;margin-top:-3px;font-size:21px}
form[name="icpsignup"] label{width:308px;height:76px;margin:0 auto 21px}
form[name="icpsignup"] .error{width:344px;}
/* ==|== SEND PAYMENT + gift pay FORM === */
form#payform{width:186px;}
form#payform label{width:180px;height:76px;margin:0 auto 21px}
form#payform input[name="amount"]{width:144px;}
form#payform .error{width:330px;}
/*blog*/
#content input[name="author"], #content input[name="email"], #content input[id="url"], #content textarea
{margin:5px 0 15px;width:295px !important;height:32px !important;}
#content textarea{width:700px !important;height:180px !important;}
.sidebartoplink{height:90px !important;}
#content input#s{width:300px;height:29px !important;}
.rightpic img.pagepics{display:none} .rightpic img.pagepic{display:block}
section#socialfoot>ul>li>a{width:30px;height:30px}
section#socialfoot>ul>li>a>img{width:30px;}
.ic-join img{top:0px}		.ic-join img:hover{top:-30px}
.ic-face img{top:-120px}	.ic-face img:hover{top:-150px}
.ic-twi img{top:-60px}		.ic-twi img:hover{top:-90px}
.ic-rss img{top:-480px}		.ic-rss img:hover{top:-510px}
.ic-blog img{top:-420px}	.ic-blog img:hover{top:-450px}
.ic-email img{top:-540px}	.ic-email img:hover{top:-570px}
}

/* screen width 1600 & 1680 & 1920 */
@media only screen and (min-device-width: 1599px) and (min-width: 1200px) {
section#socialfoot>ul>li>a{width:30px;height:30px}
section#socialfoot>ul>li>a>img{width:30px;}
.ic-join img{top:0px}		.ic-join img:hover{top:-30px}
.ic-face img{top:-120px}	.ic-face img:hover{top:-150px}
.ic-twi img{top:-60px}		.ic-twi img:hover{top:-90px}
.ic-rss img{top:-480px}		.ic-rss img:hover{top:-510px}
.ic-blog img{top:-420px}	.ic-blog img:hover{top:-450px}
.ic-email img{top:-540px}	.ic-email img:hover{top:-570px}
}



/* tablets + iPad + iPad 2 + ipad 3 -- portrait only
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (min-width: 1536px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {*/
@media all and (min-width: 641px) and (max-width: 768px) and (orientation: portrait), all and (device-aspect-ratio: 3/4) and (orientation: portrait){

.forMob{display:none !important}

article#container{width:100%;}
section#main{min-height:580px}

section.header,.headBin{width:auto}
.logo{width:96%}
.pageMain h3{padding-bottom:7%;}

.box{min-height:250px;}
.threeBox .box{width:30%;}
.fourBox .box{width:22%;}
.boxesWrap.threeBox{padding-left:1.6%;}
.boxesWrap.fourBox{margin-left:2%;}

.nav{margin:4% auto;width:100%}
nav{float:none}
nav>ul{text-align:center;}

nav>ul>li{margin:0 1.5%}

.copy{display:block;width:95%;margin:10px auto 15px;text-align:center;}
section#socialfoot{display:block;float:none;width:95%;margin:0 auto;}	

section#socialfoot .socText, section#socialfoot .socTextl{top:-45px}
section#socialfoot p.frght{margin-left:2%;}
.personTitle{margin-bottom:3%}

.pageMainWidth{display:block;width:95%;height:auto;margin:15px auto 25px; }
.pageMainWidth{margin:35px auto;}
.pageMainLeft, .pageMainRight{float:left;width:49%;}.pageMainRight{margin-left:0;float:right;}

.pageMainWidthLeft,.pageMainWidthRight,.pageMainWidthLeftR,.pageMainWidthRightR{float:none;width:90%;margin:0 auto;}
.pageMainWidthLeft,.pageMainWidthLeftR{padding-right:0;border-right:none}
form.contactf{width:60%}

}

/* smartphones + iPhone3 + iPhone4 + iPhone5
old: @media only screen and (max-width : 640px), screen and (device-aspect-ratio: 40/71){ */
@media all and (max-width : 640px), all and (device-aspect-ratio: 40/71){  
.forDesk{display:none !important} 
.forMob{display:block !important}
article#container{width:100%;top:0;margin-bottom:20px;min-height:400px}
aside#top-nav{display:block;position:relative;top:0;left:0;width:100%;padding-bottom:0px;height:35px;background:#542b52;color:#fff;z-index:9999;border-bottom:1px solid #ddd;}
section#main{position:relative;display:block;min-height:0;margin:15px auto;width:97%;font-size:11px}/*font*/
/*-- header --*/
header{ background:#9b6631;margin-top:-5px}
section.header{width:100%;}
.headBin{display:none}
.headBinMob{position:relative;display:block;width:auto;height:auto;margin:-5px auto;background:#9b6631;}
.logo{margin:0 auto 5px;width:250px;}
.logo img.logob{display:none} .logo img.logomob{display:block}
/*footer*/
footer{display:block;position:relative;bottom:0;margin-top:35px;margin-left:1%;height:33px;}
section#socialfoot{display:none}
.copy{display:block;position:relative;text-align:center;width:100%;margin:auto;padding:10px 0;}


.pageMain,.pageMainWidth,.pageMainLLOng{display:block;width:95%;height:auto;margin:0 auto 25px; }
.pageMainWidth{margin:35px auto;}
.pageMainLeft, .pageMainRight{float:left;width:49%;}.pageMainRight{margin-left:0;float:right;}



.pageMainWidthLeft,.pageMainWidthRight,.pageMainWidthLeftR,.pageMainWidthRightR{float:none;width:95%;margin:0 auto;}
.pageMainWidthLeft,.pageMainWidthLeftR{padding-right:0;border-right:none}
.pageMainWidth .tright{font-size:60%;margin-top:2.5%}
.pageMainWidth a{font-size:85%;margin-top:3%}


.pageMainGrayLink a{font-size:95%;line-height:1.5;margin-left:5%;}
.pageMain p,.pageMain h2,.pageMain h1,.pageMainWidth ul{padding-bottom:25px}
.pageMain h3,.blog-title{line-height:1;padding-bottom:30px;}
.rightpic,.animCont{float:none;display:block;width:75%;height:auto;margin:0 auto;}
.rightpic div{width:100%;height:auto;margin:2% auto 0;}
#picSlide div{width:100%;}

.boxesCont{margin:25px 0}
.boxesWrap{display:block;width:75%;}
.box{display:block;margin:10px auto 0}
.boxesWrap.threeBox{padding-left:0;margin:0 auto}
.boxesWrap.fourBox{margin:0 auto;}
.threeBox .box,.fourBox .box{width:100%;margin:2% auto}
.threeBox .ctr,.threeBox .ctrR,.fourBox .ctr,.fourBox .ctrR{margin:2% auto}

.personTitle{margin-bottom:25px;width:70%}


.quote{display:block;width:95%;	margin:0 auto 10px;}

/* social and top bar */
section#social{padding-top:3px}
section#social select{display:block;position:relative;margin:0px auto;width:150px;height:27px;outline:0;padding:0;border:1px solid #ccc;font-size:15px}

.showTwo div,.showFour div{float:none}
.showTwo div,.showFour div,.showTwo div.first,.showFour div.first{margin:2% auto 0 !important;width:80%}
.showTwo div,.showTwo div.first{width:98%}

/* home and phone dial buttons MOBILE ONLY*/
.mobhome, .mobphone{display:block;position:relative;float:left;width:30px;height:30px;top:2px;margin-left:3%;}
.mobphone{float:right;margin-right:3%;}


/* nav */
.nav{margin:3px 0 6px 3px;width:auto;}
	.mobdrop{display:block;float:left;}/*MOBILE ONLY*/
	nav{float:left;width:300px; 	}
	nav>ul{position:relative;display:none;float:left;width:185px;margin-left:5px;text-align:left;background-color:#f9f4e7;
		height:auto;}	/* check height */
	nav>ul>li{display:block;margin:1px 0 0;width:100%;}
	
	nav a{font-family:'Arial',sans-serif;border:0;width:131px;line-height:1.9;}/* main nav + sub - a*/
	nav>ul>li>a
	{position:relative;display:block;float:left; border-bottom:1px solid #888;
		text-align:left;background:#fff;
		height:40px;padding:0 7px 0 7px;font-size:20px;color:#333;text-shadow:none;}/* only main nav - a */

	nav>ul>li>a.sub{position:relative;display:block;float:left}
	nav>ul>li.lastli>a{border-bottom:none}
	
	nav ul li:hover > a{color:#333;text-shadow:none;border-bottom:1px solid #888;}
	nav>ul>li.lastli:hover>a{border-bottom:none}
	nav ul li a:hover{color:#808d38;text-shadow:none;}
	nav .mobhide{display:none} nav .deskhide{display:block}/*MOBILE ONLY*/
/*-- sub nav .mobsub{position:relative;display:inline-block;vertical-align:top;top:0;width:39px;height:39px;right:-4px;margin:0;padding:0;cursor:pointer;
	z-index:9999 !important}--*/

	.mobsub{position:relative;display:block;float:right;top:0;width:39px;height:39px;right:-4px;margin:0;padding:0;cursor:pointer;
	z-index:9999 !important}
nav .sub:after,nav .subb:after{display:none}

.sub-bb{display:none}/* hide second subnav*/

nav ul ul{position:relative;float:right;} 
nav ul ul li a {width:130px;font-size:17px;text-align:right;padding:10px;line-height:1.2;border-bottom:1px solid #bbb;}
nav ul ul li:hover > a{border-bottom:1px solid #bbb;}

.ie9 .mobsub{display:block;float:right;vertical-align:middle;}
.ie9 nav>ul>li{margin:0 0 0;}
.ie9 nav .sub{margin:1px 0 0;background:#f1f1f1}
.ie9 nav ul ul{z-index:9;top:0px;} 
.ie9 nav ul ul ul{z-index:9;top:0px;} 




/* == gotop == */
.gotoplda{display:none}
/* == FORM == */
form{padding:15px;width:98%}
#formsin, #formsinb{padding:0;border:0;background:none;}
form.contactf{width:90% !important;}
section.formsin{position:absolute;top:110px;}
textarea{width:205px;}
					/* =======  blog ======== */
#wrapperblog{margin:0 15px 15px 15px !important;width:93.5% !important;}
/*content container*/
#blogcontainer{float:right !important;width:100% !important;margin:0 auto !important;
border-top:1px solid #ccc;padding:20px 0 0 0 !important;}
/*side bar container*/
#primary, #secondary{float:left !important;width:100% !important;margin:0 auto 25px !important;border-left:none !important;}
#primary>ul>li{width:93% !important;margin:0 0 15px 0;}
.widget-blogcontainer ul li a{position:relative;left:3px;}

#content textarea{width:210px !important;}
/*SHOW HIDE side bar*/
#hideCatMob{width:70%;height:28px;margin:0 auto 10px}
#hideCatMob p{font-size:125%;cursor:pointer;}

.xoxo{display:none}

}

/* smartphones portrait */
@media only screen and (max-width : 320px){


}


/* ==|== print styles */
@media print {
  * { background: transparent !important; color: #000 !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444!important; text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 {page-break-before: always}
  h2, h3{ page-break-after: avoid; }
 .noprint { display: none; }
 }