/* GENERAL
*********************************************/
html {
height: 100%; 
margin-bottom: 1px; 
overflow-y: scroll;
}

body {
background-color: #ffffff; 
color: #4b4b4d; 
font: normal normal normal 13px/16px Tahoma, Verdana, Arial,sans-serif; 
height: 100%; 
text-align: left;
-webkit-text-size-adjust: 100%;
}

/* FONTS
*********************************************/
@font-face {
font-family: 'SansationRegular';
src: url('webfonts/Sansation_Regular-webfont.eot');
src: url('webfonts/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),url('webfonts/Sansation_Regular-webfont.woff') format('woff'),url('webfonts/Sansation_Regular-webfont.ttf') format('truetype'),url('webfonts/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
}

.mainmenu, h1, .cols-4 h2, .cols-3 h2, h3, .content h4, .breadcrumbs, .menuright{
font-family:  'SansationRegular', Helvetica, Arial;
}
 
@font-face {
font-family: 'SansationBold';
src: url('webfonts/Sansation_Bold-webfont.eot');
src: url('webfonts/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),url('webfonts/Sansation_Bold-webfont.woff') format('woff'),url('webfonts/Sansation_Bold-webfont.ttf') format('truetype'),url('webfonts/Sansation_Bold-webfont.svg#SansationBold') format('svg');
}

footer h3, .footer1 ul li{
font-family:  'SansationBold', Helvetica, Arial;
}

/* LINKS 
*********************************************/
a{
color: #4b4b4d;
text-decoration: none;
}

a:hover, li.active a{
color: #7ab51d;
text-decoration: none;
}

.content a, .content a:hover, .contentfull a, .contentfull a:hover, .modules a, .modules a:hover, footer a, footer a:hover{
text-decoration: underline;
}

/* HEADER
*********************************************/
header{
margin: 0 auto;
width: 980px;
height: 80px;
}

ul{
list-style: none;
}

ul.logo{
float: right;
margin: 0 0 -22px;
z-index: 999;
}

/* TOPMENU
*********************************************/
ul.mainmenu{
font-size: 18.4px;
line-height: 22px;
margin: 34px 0 0;
float: left;
}

ul.mainmenu li{
padding: 0 0 0 12px;
margin: 0 26px 0 0;
float: left;
}

ul.mainmenu li.active{
background: url("../images/arrowr.png") no-repeat 0 7px;
}

/* BREADCRUMBS 
*********************************************/
.crumbs{
width: 100%;
background: url("../images/crumbsbg.png") #7ab51d no-repeat top center;
}

.shadow{
background: url("../images/shadow.png") repeat-x top center;
}

.breadcrumbs{
width: 960px;
margin: 0 auto;
overflow: hidden;
font-size: 31.4px;
line-height: 38px;
padding: 56px 0 26px;
color: #000000;
}

.breadcrumbs a{
color: #000000;
}

.breadcrumbs span{
color: #ffffff;
}

.showHere{
display: none;
}

/* ARTICLE
*********************************************/
article, .start{
width: 960px;
margin: 0 auto;
overflow: hidden;
}

article{
padding: 56px 0 0;
}

.contentfull{
width: 960px;
float: left;
margin: 0 0 65px;
}

.content{
width: 640px;
float: left;
margin: 0 0 65px;
}

h1 {
font-size: 26px;
line-height: 32px;
margin: 0 0 20px;
}

h2 {
font-size: 16px;
line-height: 21px;
margin: -80px 140px 50px 0;
font-family:  Tahoma, Verdana, Arial;
width: 440px;
padding: 17px 30px;
background-color: #eceded;
position:relative;
float: left;
}

h3{
font-size: 18.4px;
line-height: 22px;
color: #7ab51d;
margin: 0 0 5px;
}

.content h4{
font-size: 24px;
line-height: 30px;
text-align: center;
width: 140px;
float: right;
padding: 15px 0 12px;
color: #ffffff;
margin: -137px 0 0;
background-color: #7ab51d;
position: relative;
}

p{
margin: 0 0 20px;
}

article img{
position:relative;
}

.listitem{
width: 300px;
float: left;
}

.listitem1, .listitem3, .listitem5, .listitem7, .listitem9, .listitem11, .listitem13, .listitem15, .listitem17, .listitem19{
margin: 0 40px 0 0;
}

/* STARTPAGE
*********************************************/
.startpage article{
width: 100%;
background: url("../images/startbg.png") #7ab51d no-repeat top center;
padding: 0;
}

.start{
padding: 56px 0 18px;
}

.startpage .content, .startpage .contentfull{
margin: 0;
}

.startpage h1{
color: #ffffff;
font-size: 31.4px;
line-height: 39px;
margin: 0 0 11px;
}

span.second{
color: #000000;
}

.startpage h2, .startpage .content p{
font-size: 16px;
line-height: 21px;
margin: 0 0 20px;
font-family:  Tahoma, Verdana, Arial;
width: 640px;
padding: 0;
background: none;
}

.startpage h2{
color: #ffffff;
}

.startpage .content p{
color: #000000;
}

.startpage .right{
margin: 10px 0 0;
}

.startpage aside h3{
font-size: 20px;
line-height: 24px;
color: #ffffff;
margin: 0 0 19px;
}

.startpage aside{
margin: 0;
padding: 0;
border-bottom: none
}

.startpage aside.modules{
padding: 0;
}

/* STARTPAGE FEATURED CUSTOMERS
*********************************************/
.lof-leftside{
background: url("../images/laptopbg.png") no-repeat top left;
}

.foreground{
background: url("../images/laptop.png") no-repeat top left;
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 280px;
height: 150px;
}

.lof-carousel-container{
position:relative;
width:280px;
}

.lof-carousel-container #carousel {
height:150px;
width:280px;
background-color:#CCC;
position:relative;
margin-bottom:0.5em;
font-size:12px;
font-family: Arial;
}

.lof-carousel-container .carousel-image {
border:0;
display:block;
}

.lof-carousel-container .carousel-feature {
position:absolute;
top:-1000px;
left:-1000px;
cursor:pointer;
padding-bottom:10px;
}

.lof-carousel-container .carousel-caption > div{
padding:3px 12px;
}

/* BLOG 1COLS 3COLS, 4-COLS
*********************************************/
.cols-4, .cols-3{
overflow: hidden;
margin: 0 0 40px;
}

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4{
float: left;
width: 210px;
}

.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3{
float: left;
width: 186px;
}

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3{
margin: 0 40px 0 0;
}

.cols-3 .column-1, .cols-3 .column-2{
margin: 0 40px 0 0;
}

.cols-4 h2, .cols-3 h2{
font-size: 18.4px;
line-height: 22px;
margin: 0 0 10px;
width: 100%;
padding: 0;
background: none;
}

.cols-4 h3, .cols-3 h3{
font-family:  Tahoma, Verdana, Arial;
font-size: 13px;
line-height: 16px;
color: #7ab51d;
margin: 0 0 10px;
}

.cols-4 img, .cols-3 img{
border: 1px solid #b1bba5;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.cols-1 .column-1{
margin: 0 0 20px;
border-bottom: 1px dotted #4b4b4d;
padding: 0 0 60px;
display: inline-block;
}

.cols-1 h2{
margin: -80px 140px 30px 0;
}

.cols-1 h4{
margin: -117px 0 0;
}

/* RIGHT
*********************************************/
.right{
float: right;
text-align: left;
width: 280px;
margin: 22px 0 0;
}

aside{
margin: 0 0 20px;
border-bottom: 1px dotted #4b4b4d;
}

aside.menu{
padding: 0 0 75px;
}

aside.modules{
padding: 0 0 90px;
}

.moduletable img{
margin: 5px 14px 0 0;
}

.featured img{
margin: 0;
}

/* RIGHTMENU
*********************************************/
ul.menuright{
font-size: 18.4px;
line-height: 22px;
}

ul.menuright li{
margin: 0 0 12px;
padding: 0 0 0 14px;
}

ul.menuright li.active{
background: url("../images/arrowl.png") no-repeat 0 7px;
}

/* RIGHTMODULES
*********************************************/
aside h3{
color: #4b4b4d;
margin: 0 0 16px
}

aside h4{
font-size: 16px;
line-height: 21px;
color: #7ab51d;
margin: 0 0 5px;
}

/* FOOTER
*********************************************/
footer{
width: 100%;
}

.footer{
padding: 42px 0 36px;
background: url("../images/footerbg.png") #eceded no-repeat center center;
}

.footer1{
width: 680px;
}

.footer1, .footer1 li, .footer2{
float: left;
}

.footer1 li{
width: 280px;
}

.footer li.item-468{
margin: 0 70px 0 0;
width: 280px;
}

.footer1 ul ul li.active a{
color: #4b4b4d; 
}

.footer1 li, footer h3{
font-size: 20px;
line-height: 24px;
}

.footer1 li a{
text-decoration: none;
color: #7ab51d;
}

.footer ul ul{
margin: 7px 0 0;
}

.footer1 ul ul li, .footer2 a{
font-family:  Tahoma, Verdana, Arial;
font-size: 16px;
line-height: 21px;
text-decoration: underline;
}

.footer1 ul ul li a, .footer2 a{
color: #4b4b4d; 
padding: 0 0 0 25px;
background: url("../images/arrowfooter.gif") no-repeat 0 4px;
}

.footer1 ul ul li a:hover, .footer2 a:hover{
color: #7ab51d;
text-decoration: underline;
}

.footer2{
width: 280px;
}

.footer2 h4{
font-size: 16px;
line-height: 21px;
margin: 7px 0 3px;
}

.footer2 p{
font-size: 12px;
margin: 0 0 7px;
}

.footeritems, .info{
width: 960px;
margin: 0 auto;
overflow: hidden;
}

.infoitems{
margin: 35px 0 20px;
padding: 14px 0 0;
border-top: 1px dotted #4b4b4d;
}

.adress, .banners, .remotebutton{
float: left;
}

.adress{
width: 380px;
}

.banners{
width: 300px;
height: 48px;
}

.remotebutton{
width: 280px;
}