body{font-family:'Montserrat', sans-serif; padding:0;margin:0;background:#FFFFFF;line-height:1.1; }

a:active, a:focus{text-decoration:none}

.body{width:900px;margin: 0 auto;}

.links{text-align:center; font-size:18px; border-bottom: 1px solid #26A698; margin:0px auto; padding-bottom:50px; line-height:2;}
.links a{margin: 0 20px; color:#26A698; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-decoration :none;}
.links a.active {color:black;}
.links a:hover {text-decoration:none; border-bottom: 3px solid #3560B0; padding-bottom:5px;}

/* Header on app page */
.header{margin: 0px auto; border:1px solid #FFFFFF;}
.header img { float:right; margin:50px; width:350px;}
.header h2{ font-size:60px; text-align:center;margin-top: 200px;}
.header .button{ text-align:center; margin-top: 100px;}
.header a, 
.submitbutton{border: 2px solid #26A698;  border-radius: 10px; color:#26A698; padding:10px;font-size:20px; text-align:center; 
	background:#FFFFFF; }
.header a:hover,
.submitbutton:hover{background:#26A698; color:#FFFFFF;text-decoration:none}
.area {margin: 0px auto; }

/* Display box for apps */
.box{height:350px; margin: 0px auto; border-bottom: 1px solid #26A698 ; margin-top:30px;}
.box .text {width:550px;padding-top:20px;}
.box .right {float:right;position:relative; bottom:1px;width:350px;}

.box a{color:black;}
.box a:hover{text-decoration:none}

h2 {font-family: 'Montserrat', sans-serif; font-size:44px;font-weight:bold;}
h3 {font-size:40px; border-top: 1px solid #FFBA3A;padding:100px 0px 50px;margin-top:150px;text-align:center;}
h3 a{color:black;}
h3 a:hover {text-decoration:none; border-bottom: 3px solid #FFBA3A; padding-bottom:5px; color:black;}

h4 {color:#9999A5;font-weight:normal;padding-bottom:20px; font-style: italic}
p, label, .form-control{font-size:20px; color:#555549;line-height: 1.6;}
p{padding-bottom:10px;}

/* Forms */
.form-horizontal .form-group{margin-right:0px;} /* Fix for horizontal scroll bar*/
.form-control,.input-group-addon{border:2px solid #555555;font-size:20px; }
input[type="text"]{ padding: 5px 10px; line-height: 20px; height:50px;}
input[type="password"]{ padding: 5px 10px; line-height: 20px; height:50px;}
[ui-view] {padding-top:25px;}
.form-control{height:40px;}

/* Lines and circles */
.break {text-align:center;height:50px;border-top:1px solid #26A698;margin:100px auto 50px; clear:both;}
.smallbreak {text-align:center;height:50px;border-top:1px solid #26A698;margin:100px auto 50px; width:300px;}
.circle { width: 100px; height: 100px; background: #26A698; 
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position:relative; top:-50px;margin:0px auto;}
.break img {top: 25%;position: relative;height:50px;width:50px;}

.yellow{color:#FFBA3A;}
.red{color:#FF593A;}
.darkgreen{color:#01766A;}
.green{color:#26A698;}
.blue{color:#3560B0;}
.orange{color:#FF882F;}
.successGreen{color:#27ae60;}
.boringGrey{color:#cccccc;}

.greenBackground{background:#26A698;}

.greyBackground{background:#cccccc;}
.orangeCircle {background: #FF882F}
.blueCircle{background: #3560B0 }
.yellowCircle{background: #FFBA3A}


.orangeBreak {border-top:1px solid #FF882F;}
.blueBreak {border-top:1px solid #3560B0;}
.yellowBreak {border-top:1px solid #FFBA3A;}

.title{text-align:center}
.title a{;font-size:44px;font-weight:bold;padding-bottom:30px;}


.inline-icon{display:inline; width:25px; height:25px; vertical-align: top;  margin-top: 3px;}

.spacer{clear:both;}

/* Link Header box */
h1 img, h2 img, .icon{ border-radius: 22%; width:60px; height:60px; margin-bottom:10px;}
h1{text-align:center;font-size:60px;color:#26A698;font-family: 'Montserrat', sans-serif;font-weight:bold; padding:0;margin:20px auto 10px; }
h1 a{color: #26A698;}
h1 a:hover{color: #26A698;text-decoration:none; border-bottom: 3px solid #3560B0;}


/* footer */
.footer { background:#202428; padding: 40px 0 10px 0 ; border-top: 2px solid #26A698 ; margin-top:80px;clear:both;}
.footer ul {list-style-type: none; width:300px; margin: 0 auto;padding:0;}
.footer ul li{margin-bottom: 20px; height: 40px; }
.footer ul img {border-radius: 22%; width:40px; height: 40px; float:left;}
.footer ul a {color:#CFCFCF; font-size:24px; margin-left: 10px;display:inline-block;  padding-top:7px;}
.footer ul a:hover {border-bottom: 3px solid #3560B0; padding-bottom:5px; text-decoration:none;}
.footer a{color:#CFCFCF;}


.rightimage{width:450px; text-align:center; padding-bottom:10px;}

/* Responsive */
/* iPad */

@media (min-width: 620px) and (max-width: 920px) {
	.body{width:600px;}
	.footer ul {list-style-type: none; width:460px; margin: 0 auto;padding:0;}	

	.header h2 {font-size: 40px;margin-top: 130px;}
	.header img { float:right; margin:50px; width:200px; }

	.box{height:auto;position: relative}
	.box .text {width:350px;padding-top:20px;}
	.box .right  {width:250px; position: absolute; right:1px; bottom:0px; }
	.left  {width:250px; margin-top: 50px; }
	.box h2{font-size:30px; margin-top:10px;}

	.rightimage{width:300px;}

}

/* iPhone */

@media  (max-width: 620px) {
	.body{width:300px;} 
	.footer ul {list-style-type: none; width:240px; margin: 0 auto;padding:0;}

	.links a{margin: 0 2px;}
	h1{margin:20px auto 40px; }

	.header h2 {font-size: 40px;margin-top: 130px;}
	.header img { float:right; width:200px; }

	.box{border:none;height:auto;margin:0;}
	.box .text {width:300px; margin:0 auto; border-bottom: 1px solid #26A698;padding-bottom:50px;}
	.box .right {width:300px;padding-bottom:40px;}
	.left {width:300px;}
	.box h2{font-size:30px; text-align:center;}

	.rightimage{width:300px;}

	.form-horizontal .form-group {margin:15px 0;}
}