
/* General 
----------------------------------------------------------*/

html {
	background-color:#F1F1F1;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

body {
	font-size:14px;
	background-color:#fff;
	width:100%;
}

#Container {
	width:60%;
	margin:50px 0 0 250px;
	padding-bottom:30px;
}

#Logo {
	margin:100px 0 0 100px;
	padding-top:25px;
}

img {vertical-align:bottom; }
	
/* Typography
----------------------------------------------------------*/

@font-face {
	font-family: "HelveticaLTStd-Light";
	src: url('/css/HelveticaLTStd-Light.otf');
}

h1, h2, h3, h4 {font-family:"HelveticaLTStd-Light", sans-serif; font-weight:600; color:#9c9898; font-size:18px; margin-bottom:25px;}

p {font-family:"HelveticaLTStd-Light", sans-serif; font-size:14px; color:#8C8C8C; line-height:19px; margin-bottom:15px;}

strong {font-family: Arial, sans-serif;}

a {color:#EE5BA0; text-decoration:none; letter-spacing:0.5px;}
a:hover {color:#00B8F1;}

a.link2 {color:#000000;}
a.link2:hover {color:#40AE49;}

/* Content
----------------------------------------------------------*/

#CheckBack {position:absolute; left:0px; bottom:0px;}

.contact {color:#EE5BA0;}

#Col2 .likeus {border-top: 2px solid #00AEEF; margin-top:60px; padding-top:10px;}
#Col2 .likeus a:hover {color:#EC008C;}

.clear {clear: both}

::-moz-selection {
    background: #00AEEF;
    color: #FFFFFF;
    text-shadow: none;
}

::selection {
    background: #00AEEF;
    color: #FFFFFF;
    text-shadow: none;
}

/* iphone styles start here */
@media only screen and (max-device-width: 880px) {
  
  #Col1 p, #Col3 p {font-size:0.8em;}
  
  #Footer p {font-size:7px; line-height:10px; margin-bottom:20px;}
  
}
