/*
Tutorial Name: Off Canvas Sliding Navigation
Author: Samuel Dalusung
*/

.one {
	width:8.3%;
	float:left;
}
.two {
	width:16.6%;
	float:left;
}
.three {
	width:24.9%;
	float:left;
}
.four {
	width:33.26%;
	float:left;
}
.five {
	width:41.56%;
	float:left;
}
.six {
	width:49.86%;
	float:left;
}
.seven {
	width:58.16%;
	float:left;
}
.eight {
	width:66.46%;
	float:left;
}
.nine {
	width:74.76%;
	float:left;
}
.ten {
	width:83.06%;
	float:left;
}
.eleven {
	width:91.36%;
	float:left;
}
.twelve {
	width:100%;
}
/* CONTAINERS
-------------------------------------------------*/

body {
	line-height: 1.5em;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-shadow:0 0 1px transparent;
	margin:auto;
	margin-top:0px;
	

}



/* UTILITIES
-------------------------------------------------*/

h1 { color: #666; margin: 0em; font-size: 1.6em; font-weight: 400; line-height:1.4em; letter-spacing:1px; }
h2 { color: #900; font-size: 1.4em; font-weight:400; line-height:1.1em;   }
h3 { font-size: 1.4em; font-weight:normal; color: #615a4e; line-height:1.2em;  font-weight:300;}
h4 { font-size: 1.1em; font-weight:normal; color:#694d11;å}
h5 { color: #666;font-size:1.1em;}
p { margin: 0px 0px .75em 0px; }
a { color: #4986ae; }
a:hover {color:#b51e3d;}
.small {
	font-size:.9em;
}
.smaller {
	font-size:.8em;
	line-height:1em;}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
	line-height: 1px;
}
.rclear{
 clear: both;
}
.imgfloatrt {
	float:right;
	margin:1%;
}
.imgfloatlft {
	float:left;
	margin: 0px 3% 1% 3px;
	/*border:1px solid #666;  ...taken out for homepage*/
}

a.phone {
	border: none;
	color: inherit;
	text-decoration:none;
}
a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}

.onefifty {
	width:100%;
	max-width:150px;
	margin:35px;
}
.twohundred {
	width:100%;
	max-width:200px;
	margin:35px;
}
.twothirty {
	width:100%;
	max-width:230px;
}
.threehundred {
	width:100%;
	max-width:300px;
}

.fourhundred {
	width:100%;
	max-width:400px;
}
.fivehundred {
	width:100%;
	max-width:500px;
}
.sixhundred {
	width:100%;
	max-width:600px;
}.eighthundred {
	width:100%;
	max-width:800px;
}
.twelvehundred {
	width:100%;
	max-width:1200px;
}
.wborder {
	border:1px solid #333;
}
.center{display: block; margin-left: auto; margin-right: auto; float: none; text-align: center;}