@font-face {
	font-family: openSansBold;
	src: url('../fonts/OpenSans-CondBold.ttf');
}
@font-face {
	font-family: openSansLight;
	src: url('../fonts/OpenSans-CondLight.ttf');
}
@font-face {
	font-family: openSansLightItalics;
	src: url('../fonts/OpenSans-CondLightItalic.ttf');
}
@font-face {
	font-family: sourceSansLightExtraLight;
	src: url('../fonts/SourceSansPro-Light.ttf');
}
@font-face {
	font-family: openSansLightItalics;
	src: url('../fonts/SourceSansPro-LightItalic.ttf');
}
body
{
background: #aaa;
min-height: 100%;
}
a
{
border: 0px #fff solid!important; 
}

/*------------------HEADER----------------*/
#head
{
height: 350px;
width: 100%;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
background: #222;
}

#headIn
{
height:100%;
width: 920px;
position: relative;
margin: 0 auto;
top: 0px;
}
#slider
{

}

#topnav
{
height: 50px;
width: 100%;
bottom: 0px;
right: 0px;
left: 0px;
position: absolute;
background: #222;
z-index: 9999;
}

#nav
{
position: relative;
left: 50px;
}
#nav>ul>li
{
position: relative; 
float: left;
}
#links
{
list-style: none;
top: 0px;
width: 100%;
}
.navLink
{
text-align: center;

}
.navLink>a
{
color: #999;
text-decoration: none;
font-size: 20px;
padding: 11px;
font-family: openSansLight, Helvetica, Arial, sans-serif;
}
.navLink>a:hover
{
color: #222;
background: #f8931e;
-moz-transition-property : background; /* FireFox */
-webkit-transition-property : background; /* Safari / Chrome */
-o-transition-property : background; /* Opera */
transition-property : background; /* W3C */
-moz-transition-duration : 0.3s; /* FireFox */
-webkit-transition-duration : 0.3s; /* Safari / Chrome */
-o-transition-duration : 0.3s;  : opacity; /* Opera */
transition-duration : 0.3s; /* W3C */
}

.navLink>.active
{
color: #999;
text-decoration: none;
font-size: 20px;
padding: 15px;
font-family: openSansLight, Helvetica, Arial, sans-serif;
border-bottom: 5px #fff solid;
color: #222;
background: #f8931e;
}

.endLeft
{
height: 40px;
position: absolute;
left: 0px;
float: left;
padding: 5px;
}
.endRight
{
height: 40px;
position: absolute;
right: 0px;
float: right;
padding: 5px;
}




/*-----------------Main Content-----------*/
#main
{
min-height: 90%;
height: auto;
width: 100%;
position: absolute;
top: 350px;
left: 0px;
right: 0px;
background: url(../img/background.png) no-repeat #ccc;
z-index: 1;
}

#mainIn
{
height: auto;
width: 930px;
position: relative;
margin: 0 auto;
font-family: sourceSansLightExtraLight, Helvetica, Arial, sans-serif;
padding-bottom: 25px;

}
#description
{
width: 850px;
height: 100%;
padding-left: 35px;
padding-right: 35px;
margin-bottom: 25px;
padding-top: 25px;
padding-bottom: 25px;

font-size: 23px;
line-height: 32px;
background: #ddd;
}
.point
{
position: relative;
float: left; 
margin-right: 30px; 
border: 5px solid #000;
}
#three-columns
{
height: 375px;
width: 100%;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.column
{
height: 100%;
width: 300px;
margin-right: 6px;
margin-left: 5px;
position: relative;
float: left;
background: #aaa;
}
.columnTitle
{
height: 50px;
width: 100%;
background: #000;
font-size: 40px;
color: #ccc;
text-align: center;
}
.columnTitle>h1
{
padding: 5px;
}
.columnContent
{
background: transparent;
font-size: 23px;
height: 250px;
width: 270px;
margin-left: 15px;
margin-right: 15px;
position: absolute;
top: 50px;
font-family: openSansLightItalics, Helvetica, Arial, sans-serif;
}
.columnContent>ul
{
position: relative;
top: -15px;
list-style-type: none;
	padding-left: 0;
	margin-left: 25px;
}
.licenseList>li
{
background: url(../img/checkmark.png) left center no-repeat;
padding-left: 25px;
border-bottom: 1px dashed #222;
}

.columnBackground
{
position: absolute;
bottom: 0px;
}
/*---------------------Footer--------------*/
#footer
{
height: 50px;
width: 100%;
position: absolute;
bottom: 0px;
background: #222;
color: #ccc;
font-family: openSansLightItalics, Helvetica, Arial, sans-serif;

}

#footerIn
{
position: relative;
width: 920px;
height: 100%;
margin: 0 auto;
}