@charset "UTF-8";
/* CSS Document */
/*active nav styles*/
body.sectionweb #banner .subnav li.web a:link, body.sectionweb #banner .subnav li.web a:hover, body.sectionweb #banner .subnav li.web a:visited,
body.sectionmobile #banner .subnav li.mobile a:link, body.sectionmobile #banner .subnav li.mobile a:hover, body.sectionmobile #banner .subnav li.mobile a:visited,
body.sectionav #banner .subnav li.av, body.sectionav #banner .subnav li.av a:visited, body.sectionav #banner .subnav li.av a:hover,
body.sectiondesign #banner .subnav li.design, body.sectiondesign #banner .subnav li.design a:visited, body.sectiondesign #banner .subnav li.design a:hover 
{ color:rgb(100,100,100); }
.onarrow       { width:22px; display:block; margin:-3px auto 0 auto; }
.subnav, .subnavcon        
			   { width:53%; padding:0 148px; margin:10px auto 0 auto; border:1px #999; border-style:solid none; float:left; }
.subnavcon li  { margin-bottom:6px; }
.subnav	li     { float:left; display:block; padding:12px 12px 5px 15px; }
.subnav	a:link, .subnav a:visited
		       { font:14px 'Museo500', serif; color:#999; text-decoration:none; }
.subnav	a:hover{ color:rgb(255,51,51); }
.sectiondesign .pag	{ width:230px; }
.sectionmobile .pag	{ width:118px; height:15px; margin:8px auto 20px 260px; }
.sectionav .pag	    { width:234px; }
.pag	       { width:324px; height:15px; margin:8px auto 20px auto; }
.prev		   { background: url(../images/prev.jpg) no-repeat; margin:1px 0 0 10px; float:left; }
.next		   { background: url(../images/next.jpg) no-repeat; margin:1px 5px 0 10px; float:left;}		 
.pag ul        { font-size: 13px; float:left; margin:0px auto 0px auto;}
.pag li        { float: left; display:block; }
.pag a:link, .pag a:visited	
		       { color:rgb(51,51,51); line-height:10px; display:block; padding: 2px 10px 20px 10px; text-decoration: none; }
			   
.margin		   { padding:0 0 0 45px; }	
.margincenter  { padding:0 0 0 70px; }
#details        { width:43%; margin:-10px 20px 10px 0; float:right; }
#details a	   { color:rgb(102, 102, 102); }
#details h1 a   { color:rgb(102, 102, 102); text-decoration: none; }
#details h1     { font:20px/28px 'Museo700', serif; color:rgb(102, 102, 102); padding:4px 0 4px 0;}
#details p      { font-size:14px; line-height:22px; color:rgb(102, 102, 102); }
#details a:hover { color:rgb(255, 51, 51); }
#details a:link, details a:visited	 
               { text-decoration:none; }
.appinfo h1    { /*line-height:10px;*/font:20px/10px 'Museo700', serif; color:rgb(102, 102, 102); padding:4px 0 4px 0; }
.appinfo	   { float:left; margin:5px 0 30px 0px; width:48%; }
.appinfo p	   { /*line-height:24px;*/ margin:12px 0; font-size:14px; line-height:24px; color:rgb(102, 102, 102);  }
.appinfo a:link, .appinfo a:visited 	   
			   {  color:rgb(102, 102, 102); text-decoration:none;}
.appinfo a:hover{ color:rgb(255, 51, 51); }
.clear         { float:none; }
.apppic img    {  width:45%; margin:0 0 0 25px;  background:no-repeat; }
.summary       { margin:10px 0; float:left;}
.summary li    { margin:0;font-size:14px; line-height:20px; list-style-type:none; color:rgb(51, 51, 51); }

figure	       { position:relative; width:300px; height:350px; float:left; margin:0 0 40px 0; }
figure a, figure a:visited 
               { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out;
				 transition: opacity 0.3s ease-in-out; }
figure a:hover, figure a:focus 
			   { opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft. » Alpha(Opacity=85)"; /* IE 8 hack */filter: alpha(opacity = 85); /* IE 5-7 hack */ }
.imgup	       { position:absolute; width:300px; margin:0; }
figure .cover2 { width:110%; height:30px; background-color:rgb(232,228,228);
			     position:absolute; z-index:100; margin:320px 0 0 -15px;
			     border:1px #999; border-style:solid none none none; }
.cover3		   { margin-top:345px; height:40px; }				 
.contactpage   { width:46%; height:500px; margin:0 0 0 3px; float:left; }
.contactpage h1{ font:20px/28px 'Museo700', serif; color:rgb(102, 102, 102); padding:4px 0 4px 0; }
.contactpage h1 a { color:rgb(102, 102, 102); text-decoration: none; }
.contactpage a:hover { color:rgb(255, 51, 51); }
.contactpage p { font-size:14px; line-height:22px; color:rgb(102, 102, 102); }
.thinp		   { padding-top:10px; width:100%; }
.contactRuth   { float:left; width:43%; height:43%; margin:10px 0 0 20px; border:1px solid #999; padding:10px; }
.indentlist    { font-size:14px; margin:5px 0 5px 30px; color:inherit; list-style-type:none; }
.nestedlist    { line-height:20px; margin:0 0 5px 30px; list-style-type:none; }
.wholepgrule   { width:96%; float:left; border-bottom:solid 1px #999; display:block; height:330px; margin:0 0 20px 0; }
.imgup		   { -moz-box-shadow: inset 0 0 5px #ccc;-webkit-box-shadow: inset 0 0 5px #e0dddd; box-shadow: inner 0 0 5px #ccc;
				 padding:10px; border:1px dotted #999; background-color:#ece8e8;}
.norepeat	   { background-repeat:no-repeat; }
@media only screen and (min-width: 1212px) {
	.onarrow          { width:24px; display:block; margin:-3px auto 0 auto; }
	.subnav   	      { width:37%; padding:0 330px; margin:10px auto 10px auto; border:1px #999; border-style:solid none; float:left;}
	.subnav	li		  { float:left; display:block; padding:14px 15px 5px 16px; }
	.subnav	a:link, .subnav a:visited
			   		  { font:16px 'Museo500', serif; color:#999; text-decoration:none; }
	.sectionmobile .pag	{ width:168px; height:15px; margin:8px auto 20px auto; }
	.sectionav .pag	  { width:264px; }
	.sectiondesign .pag	{ width:266px; }				  
	.pag			  { width:360px; height:30px; margin:5px auto 4px auto;  }			 
	.pag ul        	  { font-size: 14px; float:left; list-style: none; margin:0px auto 0px auto;}
	.pag li      	  { float:left; display:block; margin 0; height:32px }
	.pag a:link, .pag a:visited	
					  { color:rgb(51,51,51); line-height:5px; display:block; padding: 5px 10px 10px 10px; text-decoration: none; }
	#details    		  { width:40%; margin:-4px 74px 0 0; float:right; }
	#details ul		  { font-size:16px; }
	#details h1 a 	  { color:rgb(102, 102, 102); text-decoration: none; }
	
	#details h1 		  { font:24px/38px 'Museo700', serif; color:rgb(102, 102, 102); padding:0; }
	#details p  		  { font-size:16px; line-height:26px; color:rgb(102, 102, 102); }
	
	.appinfo h1       { font:24px/15px 'Museo700', serif; color:rgb(102, 102, 102); padding:0;}
	.appinfo	      { float:left; margin:8px 0 30px 20px; width:41%; }
	.appinfo p	      { margin:12px 0; font-size:16px; line-height:26px; color:rgb(102, 102, 102);  }
	.appinfo a:link, .appinfo a:visited 	   
				      { color:rgb(102, 102, 102); text-decoration: none; }
	.appinfo a:hover { color:rgb(255, 51, 51); }
	.clear            { float:none; }
	.apppic img       { width:50%; margin:0 0 0 24px; }
	.summary    	  { margin:10px 0; float:left;}
	.summary li 	  { margin:0;font-size:16px; line-height:22px; list-style-type:none; }
	
	figure	   		  { position:relative; width:558px; height:594px; float:left; margin:5px 10px 0 10px; display:block;}
	.imgup	   		  { position:absolute; width:500px; margin:0px 0 30px 15px; }
	figure .cover2	  { width:110%; height:40px; background-color:rgb(232,228,228); position:absolute; z-index:100; margin:510px 0; border:1px #999; border-style:solid none none none; }
	.cover3			  { margin-top:575px; height:45px; }
	.contactpage  	  { width:43%;  margin:0 20px 0 20px; float:left; }
	.contactpage h1   { font:24px/38px 'Museo700', serif; color:rgb(102, 102, 102); padding:0; }
	.contactpage p	  { font-size:16px; line-height:26px; color:rgb(102, 102, 102); }
	.thinp			  { width:100%; }
	.contactRuth      { margin:10px 0 20px 20px;}
	.indentlist       { font-size:16px; }
	.nestedlist       { font-size:15px; }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	.onarrow 		 { width:20px; display:block; margin:-3px auto 0 auto; }
	.subnav   	 	 { width:98%; padding:0 26px 0 10px; margin:10px auto 0 auto;
					   border:1px #999; border-style:solid none; float:left;}
	.subnav	li  	 { float:left; display:block; padding:16px 3px 8px 26px; }
	.subnav	a:link, .subnav a:visited
			   		 { font:14px 'Museo500', serif; color:#999; text-decoration:none; }
	/*.pink            { width:0;margin:0 0 0 -5px;padding:0; }*/
	.sectiondesign .pag	{ width:215px; }
	.sectionav .pag	    { width:215px; }
	.sectionmobile .pag	{ width:125px; margin:8px 0px 20px 135px;}
	.pag			 { width:320px; height:30px; margin:10px auto 0 auto; }	
	.prev		     { background: url(../images/prev.jpg) no-repeat; padding:0 2px 0 0px; float:left;}
	.next		     { background: url(../images/next.jpg) no-repeat; float:left; }			 
	.pag ul      	 { font-size: 13px; float:left; list-style: none; margin:0px auto 0px auto;}
	.pag li      	 { float: left; display:block; margin: 0; }
	.pag a:link, .pag a:visited	
					 { color:rgb(51,51,51); line-height:3px; display:block; height: 27px; padding: 5px 10px 0 10px; text-decoration: none; }
	#details    		 { width:80%; margin:-10px 45px 0 0; }
	#details h1 a 	 { color:rgb(102, 102, 102); text-decoration: none; }
	#details h1 	 	 { font:20px/30px 'Museo700', serif; color:rgb(102, 102, 102); }
	#details p  	 	 { font-size:14px; line-height:22px; color:rgb(102, 102, 102); }
	.appinfo		 { float:left; margin:15px 15px 10px 30px; width:84%;}
	.apppic img      {  width:83%; margin:0 0 10px 24px; }
	.summary      	 { margin:10px 0; float:left; }
	.summary li   	 { margin:0;font-size:14px; line-height:20px; list-style-type:none; }
	.summary li .pink{ margin-left:0; }
	figure	     	 { position:relative; width:320px; margin:10px 0 0 30px; }
	.imgup	     	 { position:absolute; width:295px; margin:-5px 0 0 5px; }
	figure .cover2	 { width:110%; height:30px; background-color:rgb(232,228,228); position:absolute; z-index:100; margin:325px 0 0 -15px;
					   border:1px #999; border-style:solid none none none; }
	.cover3			 { margin-top:360px; height:35px; }
	.thinp			 { width:74%; }
	.contactpage     { width:85%;  height:auto; margin:0 0 0 20px; }
	.thinp		     { width:100%; }
	.contactRuth     { width:80%; margin:20px 0 50px 20px; }
}
@media only screen and (max-width: 479px) {
	.onarrow 		{ width:18px; display:block; margin:-3px auto 0 auto; }
	.subnav   		{ width:127%; padding:0; margin:5px 0 0 -28px; border:1px #999; border-style:solid none; float:left;}
	.subnav	li   	{ float:left; display:block; padding:10px 8px 5px 12px; }
	.subnav	a:link
			   		{ font:11px 'Museo500', serif; color:#999; text-decoration:none; }
	.sectiondesign .pag	{ width:130px; margin:0 0 10px 5px; }
	.sectionav .pag	{ width:250px; margin:0 0 10px 0; }
	.sectionmobile .pag	{ width:100px; margin:0 0 10px 52px; }
	.pag			{ width:280px; height:30px; margin:0 0 10px -33px;  }	
	.prev		    { background: url(../images/prev.jpg) no-repeat; padding:0 2px 0 0px; float:left;}
	.next		    { background: url(../images/next.jpg) no-repeat; float:left; margin:0 0 0 3px; }		  	
	.margin		    { padding:0 0 0 25px; }
	/*.pink           { width:0;margin:0 0 0 -5px;padding:0; }*/
	.margincenter   { padding:0 0 0 37px; }		 
	.pag ul        	{ font-size: 12px; float:left; list-style: none; margin:0;}
	.pag li      	{ float: left; display:block; margin: 0; }
	.pag a:link, .pag a:visited	
					{ color:rgb(51,51,51); line-height:3px; height: 30px; padding: 5px 9px; text-decoration: none; }	
	.pag img		{ height:13px; padding:2px 0; }
	#details    	{ width:100%; margin:-15px 0; padding:0 10px 0 0; }
	#details h1 a 	{ color:rgb(102, 102, 102); text-decoration: none; }
	#details h1 	{ font:16px/26px 'Museo700', serif; color:rgb(102, 102, 102);}
	#details p 		{ font-size:14px; line-height:22px; color:rgb(102, 102, 102);}
	.appinfo h1		{ font:16px/10px 'Museo700', serif; color:rgb(102, 102, 102); }
	.appinfo		{ float:left; margin:10px -5px 15px -5px; width:96%; }
	.apppic img     { width:100%; margin:0 0 20px -10px; }
	.summary   	    { margin:10px 0; }
	.summary li 	{ margin:0;font-size:14px; line-height:20px; list-style-type:none; }
	.summary li .pink{ margin-left:0; }
	figure	   		{ position:relative; width:220px; height:280px; float:left; margin:10px 0 15px 0; }
	.imgup	   		{ position:absolute; width:215px; margin:10px 0 0 -10px; }
	figure .cover2	{ width:110%; height:20px; background-color:rgb(232,228,228);
				      position:absolute; z-index:100; margin:215px 0 0 -15px;
				      border:1px #999; border-style:solid none none none; }
	.cover3			 { margin-top:250px; height:25px; }
	.thinp			 { width:100%; }
	.contactpage     { width:90%; height:auto; margin:0; }
	.contactpage h1  { font:16px/26px 'Museo700', serif; color:rgb(102, 102, 102); }
	.contactpage h1 a { color:rgb(102, 102, 102); text-decoration: none; }
	.thinp		     { width:100%; }
	.contactRuth     { width:80%; margin:15px 0 30px 0;}
}