@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

html, body{
margin:0;
padding:0;
width:100%;
}

img{
border:0;
}


#maincontent{
border-top:solid 7px #FFCA12;
min-width:1300px;
width:100%;
}

table{
border:collapse:collapse;
margin:0;
padding:0;
}

td{
padding:0;
text-align:center;
vertical-align:middle;
}



#homeslider{
position:relative;
width:100%;
height:inherit;
}

#homeslider .slide{
position:absolute;
top:0;
left:0;
display:none;
width:100%;
}

#homeslider img{
width:100%;
height:auto;
}

#homeslider .link{
position:absolute;
bottom:15%;
left:0;
display:block;
width:100%;
text-align:center;
}

#homeslider a{
font-family:Raleway;
font-size:18px;
text-decoration:none;
}

#homeslider .navigation{
display:block;
position:absolute;
width:100%;
text-align:center;
left:0;
bottom:20px;
}

#homeslider .navigation a{
display:inline-block;
width:10px;
height:10px;
margin:0 2px;
background-color:#00D4ED;
border-radius:5px;
}

#homeslider .navigation a.current{
background-color:#fff;
}







.content{
position:relative;
width:1100px;
margin:0 auto;
}

#header{
display:block;
position:absolute;
z-index:10;
width:100%;
margin:0 auto;
}

#header .logo{
padding-top:40px;
}

#header ul.menu{
list-style-type:none;
margin:0;
padding:0;
font-family:Raleway;
font-size:17px;
position:absolute;
top:50px;
right:0;
}

#header ul.menu li{
display:inline-block;
padding-left:20px;
position:relative;
}

#header ul.menu li a{
color:#fff;
text-decoration:none;
}

#header ul.menu li a:hover{
color:#FFCA12;
}

#header ul.menu li ul{
display:block;
position:absolute;
top:20px;
left:20px;
margin:0;
padding:0;
opacity:0;
transition:opacity 0.2s;
width:200px;
}

#header ul.menu li ul li{
display:block;
padding:4px 0;
line-height:17px;
}







#contentbody .headings{
font-family:Raleway;
font-size:27px;
font-weight:200;
color:#0094B9;
}


#infoarea{
padding-bottom:60px;
}

.infoblock{
position:relative;
display:block;
height:375px;
float:left;
margin-top:10px;
}

.infoblock a.button{
font-family:'Open Sans';
font-size:16px;
font-weight:700;
color:#0FC3FF;
border:solid 1px #0FC3FF;
padding:4px 16px;
float:right;
text-decoration:none;
margin-top:10px;
}

.infoblock .slide{
position:absolute;
top:0;
left:0;
display:none;
}

.infoblock h1{
font-size:31px;
font-size:22px;
color:#666;
//font-family:'Open Sans Condensed';
font-family:'Raleway';
//font-weight:300;
font-weight:200;
margin:0;
padding:0 0 20px 0;
line-height:26px;
}

#infoblock1{
width:236px;
padding:0 8px 0 0;
border-right:solid 1px #eee;
}

#infoblock1 .slide{
width:236px;
}

#infoblock1 p{
margin:0;
padding:8px 0;
font-family:Raleway;
font-size:13px;
color:#777;
}

#infoblock2{
width:486px;
padding:0 8px 0 8px;
border-right:solid 1px #eee;
}

#infoblock2 .slide{
width:486px;
left:10px;
}


#infoblock3{
width:335px;
padding:0 0 0 9px;
}

#infoblock3 .slide{
width:335px;
left:9px;
}





#products{
background:url(../images/productsbackground.png) repeat-x;
width:100%;
height:558px;
}






#footer{
background-color:#101621;
padding-bottom:50px;
font-family:Raleway;
font-size:17px;
color:#999;
}

#footer .follow{
float:right;
padding-top:20px;
}

#footer a{
color:#999;
text-decoration:none;
}

#footer ul.menu{
list-style-type:none;
margin:0;
padding:30px 0 0 0;
}

#footer ul.menu li{
display:inline-block;
padding-right:30px;
position:relative;
}

#footer ul.menu li a{
color:#999;
text-decoration:none;
}

#footer ul.menu li a:hover{
color:#fff;
}

#footer ul.menu ul{
position:absolute;
top:20px;
left:0;
margin:0;
padding:0;
opacity:0;
transition:opacity 0.2s;
}

#footer ul.menu ul li{
display:block;
padding:4px 0;
line-height:17px;
}