body{
	background-color:rgb(255,255,255);
}

/* Defaults */

a image {
	border:none;
}

h1 { 
	margin:0 0 1em 0;
	padding:0 0 0 0;
	font-family: Arial, sans-serif;
	color:#58595b;
	font-size:2.2em;
	font-weight:bold;
	text-align:center;
}

h4 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	font-family: Arial, sans-serif; 
	font-size:1.2em;
	line-height:1.4em;
	color:#58595b;	
	font-weight:bold;
}

p {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	font-family: Arial, sans-serif; 
	font-size:1.2em;
	line-height:1.4em;
	color:#58595b;	
}

a{
	text-decoration:underline;
	color:blue;
}

a:hover{
	text-decoration:underline;
	color:blue;	
}

ul{
	margin:0 0 1.8em 0;
	padding:0 0 0 2em;
}

li {
	margin:0 0 1em 0;
	padding:0 0 0 15px;
	font-family: Arial, sans-serif;	
	font-size:1.2em;
	line-height:1.4em;	
	color:#221f1f;	
}



/* General */

.header{
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	background-color:#01b2dc;
	background-image:url('../images/followme-logo-inverted.jpg');
	background-repeat:no-repeat;
	background-position:left center;
}

.header a{
	margin:0 0 0 100px;
	padding:0 0 0 10px;
	font-size:.8em;
	color:#ffffff;
	line-height:40px;
	border-left:1px solid #ffffff;	
}

body .logo{
	margin:9em auto 2em;
	width:186px;
	height:112px;
	display:block;
	background-image:url('../images/followme-logo.jpg');
}

.landing{
	margin:6em 0 0 0;
	display:block;
}

.landing-btns{
	margin:0 auto;
	width:620px;
}


.line{
	margin:0;
	padding:0;
	height:114px;
	width:58px;
	background-image:url('../images/divider.jpg');	
	background-repeat:no-repeat;
	display:block;
	float:left;
}

.landing-btns .btn-primary{
	margin-top:20px;
	padding-left:80px;
	padding-right:40px;
	width:280px;
	background-image:url('../images/icon_hcp.jpg');	
	background-repeat:no-repeat;
	background-position:left;	
	background-color:#01b2dc;
	border-color:#01b2dc;
	text-decoration:none;
	float:left;
}

.landing-btns .btn-primary:focus, .landing-btns .btn-primary:active, .landing-btns .btn-primary:hover{
	background-image:url('../images/icon_hcp_active.jpg');	
	background-color:#03a6cc;
	border-color:#03a6cc;	
}

.landing-btns .btn-success{
	margin-top:20px;
	padding-left:80px;
	padding-right:40px;
	width:280px;
	background-image:url('../images/icon_patient.jpg');	
	background-repeat:no-repeat;
	background-position:left;	
	background-color:#bcd748;
	border-color:#bcd748;
	text-decoration:none;
	float:left;
}

.landing-btns .btn-success:focus, .landing-btns .btn-success:active, .landing-btns .btn-success:hover{
	background-image:url('../images/icon_patient_active.jpg');	
	background-color:#b0ca44;
	border-color:#b0ca44;	
}

.path1{
	margin:0 auto;
	padding:0;
	width:739px;
	height:373px;
	background-image:url('../images/path1.jpg');	
	background-repeat:no-repeat;
	background-position:center;
	display:block;
}

.content{
	padding:2em 0 0 0;
}

.main{
	padding:2.5em 0 0 2em;
}

.construction .main {
	padding:0 0 0 2em;	
}

.construction{
	background-image:url('../images/bg-feet.jpg');	
	background-repeat:no-repeat;
	background-position:top;	
	min-height:755px;
}

/* Footer */

footer{
	min-height:150px;
}

footer p{
	font-size:.8em;
	text-align:center;
}

footer img{
	margin:0 auto;
	display:block;
}

footer ul{
	margin:20px auto 10px;
	list-style:none;
	width:250px;
}

footer li{
	margin:0 15px 0 0;
	display:inline;
	padding:0;
	font-size:1em;
}

.navbar-nav {
  text-align:center;
  float:none;
}

.navbar-nav li {
  display:inline-block;
  float:none;
}

body footer .navbar-footer {
	margin:0 0 0 0;
	padding:0 0;
	background-color:rgb(255,255,255);
	color:#015fa9;
	font-size:.9em;
	border:none;
}

footer .navbar-footer .navbar-nav > li > a{
	color: #015fa9;  
	text-decoration:underline;
	font-family: arial, sans-serif;
}

footer .navbar-footer .navbar-nav > li > a:hover{
	color: #015fa9;  
}

footer .footer{
	padding:2em 0 0 0;
}

.ref-id{
	text-align:right;
}

/* Responsive Styles */

/* XLG */
@media (min-width: 1200px) {

}

/* LG */
@media (min-width:993px) and (max-width:1199px) {



}

/* MD */
@media (min-width:769px) and (max-width:992px) {

.line{
	height:0;
	width:0;
	background-image:none;	
	float:none;
}

.landing-btns .btn-primary{
	margin:20px auto 0;
	display:block;
	float:none;
}

.landing-btns .btn-success{
	margin:20px auto 0;
	display:block;
	float:none;
}

.path1{
	width:auto;
}

}

/* SM */
@media (min-width:576px) and (max-width:768px) {

.landing{
	margin:3em 0 0 0;
}

.landing-btns{
	margin:0;
	width:100%;
}

.line{
	height:0;
	width:0;
	background-image:none;	
	float:none;
}

.landing-btns .btn-primary{
	margin:20px auto 0;
	display:block;
	float:none;
	width:280px;
}

.landing-btns .btn-success{
	margin:20px auto 0;
	display:block;
	float:none;
	width:280px;
}

.path1{
	width:auto;
}
	
}

/* XS */
@media (max-width:575px) {

.landing{
	margin:0 0 0 0;
}

.landing-btns{
	margin:0;
	width:100%;
}

.line{
	height:0;
	width:0;
	background-image:none;	
	float:none;
}

.landing-btns .btn-primary{
	margin:20px auto 0;
	padding:20px;
	display:block;
	float:none;
	width:90%;
	background-image:none;
}

.landing-btns .btn-success{
	margin:20px auto 0;
	padding:20px;
	display:block;
	float:none;
	width:90%;
	background-image:none;
}

.path1{
	width:auto;

}

.ref-id{
	text-align:center;
}
	
}


