@charset "utf-8";
/* CSS Document */
	
/* Basic styles */
.rwd-example .ui-body {
    text-align: left;
    border-color: #ddd;
	margin-bottom:30px;
}
.rwd-example p {
    color: #777;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;}
	
.rwd-example img {
    width:100%;
	max-width:250px;
	margin:0 auto}
	
.rwd-example h4 {
	font-size:15px;
	font-weight:bold;
    color: #777;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;
}

/* Stack all blocks to start */
.rwd-example .ui-block-a,
.rwd-example .ui-block-b,
.rwd-example .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-example > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-example {
		max-width:900px;
		margin:0 auto 30px;
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-example .ui-body {
       min-height: 14em;
	   font-size: 125%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
	.rwd-example .ui-block-a p,
    .rwd-example .ui-block-b p,
    .rwd-example .ui-block-c p {
      font-size: .8em;
    }
    .rwd-example > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-example > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-example > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
	.rwd-example {
		max-width:900px;
		margin:0 auto 30px;
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
	
    .rwd-example .ui-body {
       min-height: 18em;
	    font-size: 125%;
    }

    .rwd-example .ui-block-a,
     {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 50%;
    }
    .rwd-example > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-example > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
	.rwd-example {
		max-width:900px;
		margin:0 auto 30px;
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
	
    .rwd-example .ui-body {
      font-size: 125%;
    }
    .rwd-example .ui-block-a,
    {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 33%;
    }
	
}

@media all and (max-width: 1195px) {
		
	.rwd-example .ui-block-a p,
    .rwd-example .ui-block-b p,
    .rwd-example .ui-block-c p {
		max-width:450px;
		margin:0 auto}
		
	.rwd-example .ui-block-a{
		float:none;}
		
	.rwd-example .ui-block-a img{
		clear:both;
		display:block;
		margin:0 auto -15px;}
		}


/* Basic styles */
.rwd-example2 .ui-body {
    text-align: left;
    border-color: #ddd;}
	
.rwd-example2 p {
    color: #777;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;}
	
.rwd-example2 h4 {
    color: #777;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;
}

/* Stack all blocks to start */
.rwd-example2 .ui-block-a,
.rwd-example2 .ui-block-b,
.rwd-example2 .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-example2 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-example2 {
		max-width:650px;
		margin:20px auto 10px;
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-example2 .ui-body {
       min-height: none;
    }
    .rwd-example2 .ui-block-b,
    .rwd-example2 .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example2 .ui-block-b p,
    .rwd-example2 .ui-block-c p {
      font-size: .8em;
    }
    .rwd-example2 > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-example2 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-example2 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-example2 .ui-body {
       min-height: 6em;
    }
    .rwd-example2 .ui-block-a,
    .rwd-example2 .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example2 .ui-block-b,
    .rwd-example2 .ui-block-c {
      float: left;
      width: 50%;
    }
    .rwd-example2 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-example2 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-example2 .ui-body {
      font-size: 125%;
    }
    .rwd-example2 .ui-block-a,
    .rwd-example2 .ui-block-c {
      float: left;
      width: 30%;
    }
    .rwd-example2 .ui-block-b,
    .rwd-example2 .ui-block-c {
      float: left;
      width: 50%;
    }
	
}

/* Basic styles */
.rwd-example3 .ui-body {
    text-align: left;
    border-color: #ddd;}
	
.rwd-example3 p {
    color: #777;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;}
	
.rwd-example3 h4 {
    color: #777;
    line-height: 140%;
	text-align:left;
}

/* Stack all blocks to start */
.rwd-example3 .ui-block-a,
.rwd-example3 .ui-block-b,
.rwd-example3 .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-example3 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-example3 {
		max-width:920px;
		margin:20px auto 10px;
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-example3 .ui-body {
       min-height: none;
    }
    .rwd-example3 .ui-block-a {
      float: left;
      width: 100%;
    }
    .rwd-example3 .ui-block-b,
    .rwd-example3 .ui-block-c {
      float: left;
      width: 50%;
    }
    .rwd-example3 .ui-block-b p,
    .rwd-example3 .ui-block-c p {
      font-size: .8em;
    }
    .rwd-example3 > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-example3 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-example3 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-example3 .ui-body {
       min-height: 6em;
    }
    .rwd-example3 .ui-block-a,
 {
      float: left;
      width: 100%;
    }
    .rwd-example3 .ui-block-b,
    .rwd-example3 .ui-block-c {
      float: left;
      width: 50%;
    }
    .rwd-example3 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-example3 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-example3 .ui-body {
      font-size: 125%;
    }
    .rwd-example3 .ui-block-a, {
      float: left;
      width: 50%;
    }
    .rwd-example3 .ui-block-b,
    .rwd-example3 .ui-block-c {
      float: left;
      width: 50%;
    }
	
}

.rwd-example3 h1{
	padding-left:20px;
	font-size:20px;
	font-weight:bold;}
	
	
/* Basic styles */
.rwd-examplearti .ui-body {
    text-align: left;
    border-color: #ddd;}
	
.rwd-examplearti p {
    color: #777;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;}
	
.rwd-examplearti h4 {
    color: #777;
    line-height: 140%;
	text-align:left;
}

/* Stack all blocks to start */
.rwd-examplearti .ui-block-a,
.rwd-examplearti .ui-block-b,
.rwd-examplearti .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-examplearti > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
		
    .rwd-examplearti {
		max-width:900px;
		margin:20px auto 10px;
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-examplearti .ui-body {
       min-height: none;
    }
    .rwd-examplearti .ui-block-a {
      float: left;
      width: 100%;
    }
    .rwd-examplearti .ui-block-b,
    .rwd-examplearti .ui-block-c {
      float: left;
      width: 50%;
    }
    .rwd-examplearti .ui-block-b p,
    .rwd-examplearti .ui-block-c p {
      font-size: .8em;
    }
    .rwd-examplearti > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-examplearti > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-examplearti > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-examplearti .ui-body {
       min-height: 6em;
    }
    .rwd-examplearti .ui-block-a,
 {
      float: left;
      width: 100%;
    }
    .rwd-examplearti .ui-block-b,
    .rwd-examplearti .ui-block-c {
      float: left;
      width: 50%;
    }
    .rwd-examplearti > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-examplearti > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {

    .rwd-examplearti .ui-body {
      font-size: 125%;
    }
    .rwd-examplearti .ui-block-a, {
      float: left;
      width: 50%;
    }
    .rwd-examplearti .ui-block-b,
    .rwd-examplearti .ui-block-c {
      float: left;
      width: 50%;
    }
	
}

.rwd-examplearti h1{
	padding-left:20px;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;}
	
.rwd-examplearti p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;}
	
@media all and (max-width: 42em) {
	
	.rwd-example3 h5 img{
		width:100%;
		margin:0 auto;}
		
    .rwd-examplearti h4 {
		width:250px;
		margin:10px auto;
    }
}

	
/* Basic styles */
.rwd-examplecontact .ui-body {
	height:380px;
    text-align: left;
    border-color: #ddd;
}
	
.rwd-examplecontact p {
	max-width:250px;
	margin:0 auto;
    color: #333;
    line-height: 140%;
	padding-left:20px;
	padding-right:20px;}
	
.rwd-examplecontact h4 {
    color: #333;
    line-height: 140%;
	text-align:center;
	margin-top:30px;
}

.rwd-examplecontact .ui-block-a h4{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;}

.rwd-examplecontact .ui-block-c h4 img{
	width:50px;}
	
.rwd-examplecontact .ui-block-a h4 img{
	height:32px;
	margin-top:-12px;}

.rwd-examplecontact .ui-block-c h2 {
	font-size:28px;
	font-family:Verdana, Geneva, sans-serif;
    color: #333;
    line-height: 140%;
	text-align:center;
	margin-top:30px;
}

.rwd-examplecontact .ui-block-a h2 {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
    color: #FFF;
    line-height: 140%;
	text-align:center;
	margin-top:5px;
}

.rwd-examplecontact .ui-block-a h1 {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
    color: #FFF;
    line-height: 100%;
	text-align:center;
	margin-top:10px;
}

/* Stack all blocks to start */
.rwd-examplecontact .ui-block-a,
.rwd-examplecontact .ui-block-b,
.rwd-examplecontact .ui-block-c {
    width: 100%;
	height:380px;
    float: none;
}
/* Collapsing borders */
.rwd-examplecontact > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
		
    .rwd-examplecontact {
		max-width:700px;
		margin:75px auto 75px;
        overflow: hidden; 
		-webkit-box-shadow: 2px 2px 4px 2px #ccc;
 		 -moz-box-shadow:    2px 2px 4px 2px #ccc;
 		 box-shadow:         2px 2px 4px 2px #ccc/* Use this or a "clearfix" to give the container height */
    }
    .rwd-examplecontact .ui-body {
       min-height: none;
    }
    .rwd-examplecontact .ui-block-a {
	  background-color:#ED1C24;
      float: left;
      width: 50%;
    }
    .rwd-examplecontact .ui-block-b,
    .rwd-examplecontact .ui-block-c {
	  background-color:#F1F2F2;
      float: left;
      width: 50%;
    }
    .rwd-examplecontact .ui-block-b p,
    .rwd-examplecontact .ui-block-c p {
		margin-top:-8px;
      font-size: 12px;
    }
    .rwd-examplecontact > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-examplecontact > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-examplecontact > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-examplecontact .ui-body {
       min-height: 6em;
    }
    .rwd-examplecontact .ui-block-a
 {
	  background-color:#ED1C24;
      float: left;
      width: 50%;
    }
    .rwd-examplecontact .ui-block-b,
    .rwd-examplecontact .ui-block-c {
	  background-color:#F1F2F2;
      float: left;
      width: 50%;
    }
    .rwd-examplecontact > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-examplecontact > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {

    .rwd-examplecontact .ui-body {
      font-size: 100%;
    }
    .rwd-examplecontact .ui-block-a, {
	  background-color:#;
      float: left;
      width: 50%;
    }
    .rwd-examplecontact .ui-block-b,
    .rwd-examplecontact .ui-block-c {
	  background-color:#F1F2F2;
      float: left;
      width: 50%;
    }
	
}

.rwd-examplecontact h1{
	padding-left:20px;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;}
	
.rwd-examplecontact p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;}
	
@media all and (max-width: 42em) {
	
	.rwd-examplecontact .ui-block-a {
	  float:none;
	  background-color:#ED1C24;
      width: 100%;
	  margin-bottom:30px;
	  padding-top:10px;
	  padding-bottom:10px;
    }
	

    .rwd-examplecontact .ui-block-c {
	  margin-top:30px;
	  float:none;
	  background-color:#F1F2F2;
      width: 100%;
    }
		
    .rwd-examplecontact h4 {
		width:250px;
		margin:10px auto;
    }
	
	.rwd-examplecontact .ui-block-c img{
		margin-top:50px;}
}

.rwd-examplecontact .ui-block-a h4 {
	margin-top:20px;
    }