@font-face {
    font-family: oswald;
    src: url(_fonts/whitney-light-pro.woff);
}

@font-face {
    font-family: oswaldsemi;
    src: url(_fonts/whitneyhtf-semibold-webfont.woff);
}

@font-face {
    font-family: oswaldbold;
    src: url(_fonts/whitney-bold-webfont.woff);
}

body{
	font-family: oswald;
}

#headerbar{
	position: relative;
	margin: auto;
	height: 170px;
	box-shadow: 0px 0px 17px #5f5f5f;
	border-bottom: #e80c39;
	z-index: 5;
}

#headerbarinner{
	position: relative;
	width: 100%;
	margin: auto;
	height: 170px;
	box-shadow: inset 0px 0px 46px #e2e6e8;
	border-bottom: #e80c39;
}

#header{
	position: relative;
	width: 1100px;
	margin: auto;
}

#addresstop{
	position: absolute;
	width:500px;
	font-family: oswaldsemi;
	line-height: 16px;
	font-size: 16px;
	left:297px;
	top:40px;
	color: #3d3b3d
}

#main{
	position: relative;
	width:1000px;
	margin: auto;
}

#logo{
	margin-left:40px;
	margin-top:4px;
	position: absolute;
}

#columnsholder{
	position: relative;
	width: 1050px;
	margin: auto;
	text-align: center;
}

.columns{
	width:250px;	
	height: 551px;
	z-index: 1;
	float: left;
	margin-left: 5px;
}

.columns img{
	margin-bottom:10px;
}

#nav{
	margin: auto;
	min-width: 1100px;
	padding-left:300px;
	padding-top:120px;
}

.css3-gradient1{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}

.css3-gradient1:after{
    content:"";
    position:absolute;
    z-index:-1;
    top:100%;
    bottom:0;
    width:100%;
    height:50px;
    background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
    background:radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
}

#shadowpad{
	margin-top:600px; 
	padding-bottom: 50px; 
	position: relative;
}

#footer{
	padding-top:40px;
	background:#a9b6b3; 
	height: 400px; 
	margin-top:120px;
}

#howitworks{
	position: relative;
	margin: auto;
	text-align: center;
	height: 100px;
	width: 1100px;
}

#howitworks h2{
	font-family: oswaldbold;
	color: #c33273;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
}

#howitworks h3{
	font-family: oswaldsemi;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

.circleshome{
	margin-left:50px;
	margin: auto;
	width:285px;
	float: left;
	position: relative;
	padding-bottom: 40px;
}

.circleshome:first-of-type{
	margin-left:120px;
}

.buffer{
	clear: left;
}

#carousel{
	position: relative;
	width:1100px;
	margin: auto;
	margin-top:-30px;
	padding-bottom: 40px;
}

#bottomholder a{
	color: #000;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(_admin/_images/Preloader_2.gif) center no-repeat #fff;
}

.imgshadow{
	box-shadow: 2px 5px 4px 1px #666;
	margin-bottom:0px;
	border: 3px solid #fff;
	font-family: oswaldsemi;
	font-size:18px;
	z-index:1;
}

.imgshadow1{
	box-shadow: 2px 5px 4px 1px #666;
	margin-bottom:0px;
	border: 3px solid #fff;
	font-family: oswaldsemi;
	font-size:18px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#calshome a{
	color:#004fff;
	text-decoration:none; 
}

#calshome a:hover{
	color:#ff4996;
	text-decoration:none; 
	font-size:25px; 
	font-family:oswaldsemi;
}

#cals a{
	color:#004fff;
	text-decoration:none; 
	font-family:oswaldsemi;
	font-size:15px; 
}

#cals a:hover{
	color:#ff4996;
	text-decoration:none; 
}