html, body { padding: 0; margin: 0; font-family: 'Anaheim', sans-serif;  font-size: 1em; color: #111;  text-shadow: 1px 2px 2px #000; }
body{width: 100%; height: 100%; background: #000 url(/images/layout/backgroundGradient.jpg) top left repeat-x; background-attachment:fixed;}
div#htmlBody{position: relative;}
.clearFix:after{clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.center{width: 950px; margin: auto;}
.hidden{display: none;}
div#htmlBody{min-height: 100%; height: auto !important;height: 100%;margin: 0 auto -80px;}

footer, #pushFooter
{
  height: 80px;
  clear: both;
}

img{border: none;}
header{height: 120px; background: url(/images/layout/headerGradient.jpg) top left;}
header a.logo{float: left;}
header nav>ul{float: right; list-style-type: none; margin: 103px 0 0 0;}

header ul.navigation li{float: left; margin: 0 0 0 5px; padding: 0 0 0 10px; height: 25px; }
header ul.navigation li span{ display: block; height: 25px; padding: 0 10px 0 0; font-size: 12px; }
header ul.navigation li span a{display: block; height: 25px; padding: 10px 5px 0 0;font-weight: bolder; color: #FFF; text-decoration: none; }

header ul.navigation li:hover, header ul.navigation li.selected{background: url(/images/layout/hoverLeft.png) top left no-repeat; }
header ul.navigation li:hover span, header ul.navigation li.selected span{background: url(/images/layout/hoverRight.png) top right no-repeat; }
header ul.navigation li:hover span a, header ul.navigation li.selected span a{ background:url(/images/layout/hoverMid.png) top left repeat-x}

#topContent{font-family: 'Anaheim', sans-serif; height: 299px; background:url(/images/layout/bluebar.jpg) top left repeat-x; margin: 0; color: #FFF; font-size: 20px;}
#topContent div.photoSlide{float: right; margin: 20px 0 0; width: 270px; height: 250px; background: url(/images/layout/imac_small.png) top left no-repeat;}

#topContent div.photoSlide>div{padding: 23px 12px;}
#topContent h1{font-size: 22px; margin: 10px 0 0 0; }
#topContent h1.float{margin: -5px 0 0 180px;}
#topContent article{padding: 20px 10px 20px 15px; height: 299px;}

#topContent .contactMap{float: right; padding: 20px 0 0 0;}
#topContent .contactMap img{border-radius: 8px; border: 2px solid #0d7ba7;}
#topContent hr{width: 260px;  padding: 0; margin: 0; float: left; display: block; border: none; border-top: 1px solid #CCC;}
#topContent ul{list-style-type: none; margin: 20px 0; padding: 0;}
#topContent ul li{margin: 0; padding: 0 0 0 30px; background: url('/images/layout/check_27.png') center left no-repeat; height: 27px;}

#content .blocks{padding: 0 10px; font-family: 'Anaheim', sans-serif;}
#content .blocks .first{float: left;}
#content .blocks .second{float: right;}
#content .block{width: 420px; border: 2px inset #CCC; background: #111; border-radius: 8px; color: #FFF; padding: 15px; margin: 20px 0}
#content .block img{float: left; border: 1px solid #CCC; border-radius: 8px;}
#content .block div.text{margin: 0 0 0 135px; padding: 0;}
#content .block div h3{margin: 0; padding: 0; font-size: 20px;}
#content .block div p{margin: 7px 0 8px; padding: 0;}
#content .block a.button{border: 1px solid transparent;background: url(/images/layout/button.jpg) top left repeat-x;text-decoration: none; color: #FFF; display: block; border-radius: 8px; font-size: 14px; font-weight: bolder; padding: 2px 20px;  width: 240px; }
#content .block a.button:hover{border: 1px solid #FFF;}

#content div.baseContentGoogleMaps{float: right; margin: 20px 0 0; width: 400px; height: 450px;}
#content div.baseContentGoogleMaps img{border-radius: 8px; border: 1px solid #FFF;}
#content div.baseContentGoogleMaps .baseContentGoogleMaps-marker{width: 140px; padding: 5px 10px; background: #FFF; border: 1px solid  #0d7ba7; border-radius: 8px; color: #0d7ba7; text-shadow: none;}
#content div.baseContentGoogleMaps .baseContentGoogleMaps-marker ul{margin: 0; padding: 0; list-style-type: none;}
#content div.baseContentGoogleMaps .baseContentGoogleMaps-marker ul li{background: none; padding: 0; font-size: 14px; margin: 0; height: auto;}

#content section.main, #content section.text{border: 2px inset #CCC; background: #111; color: #FFF; border-radius: 8px; margin: 10px; padding: 10px; clear: both;}
#content section.main article{ min-height: 120px; }
#content section.main article img{width: 120px; float: left;}
#content section.main article div{margin: 0 0 0 140px;padding: 0 0 20px  0;}
#content section.main article h1{margin: 0 0 0 140px;}

#content section.text img{border-radius: 8px; margin: 0 0 0 10px;}


#content h1,h2,h3{color: #1d8bb7; font-family: 'Anaheim', sans-serif; }
#content h1{font-size: 18px;}
#content h2{font-size: 14px;}
#content h3{font-size: 12px;}

footer{height: 80px; background: url(/images/layout/footer.jpg) top left repeat-x; margin: 20px 0 0 0;}
footer nav>ul{float: right; list-style-type: none; margin: 30px 0 0; padding: 0;}
footer li{float: left; padding: 0 10px;}
footer li a{text-decoration: none; color: #FFF;}
footer li a:hover{font-weight: bolder;}

footer .Base_Content_Social{padding: 20px 0 0 0;}
footer .Base_Content_Social a img {margin: 0 10px 0 0; border: none; border-radius: 4px;}


form.Base_Content_Form input, form.Base_Content_Form textarea{width: 400px; margin: 0 5px; border-radius: 8px; padding: 2px 5px; border: 1px solid #FFF; color: #1d8bb7; background: #333;}
form.Base_Content_Form textarea{min-width: 400px; max-width: 400px;}
form.Base_Content_Form input.phonePrefix{width: 70px;}
form.Base_Content_Form input.phone{width: 314px;}
form.Base_Content_Form .combi_names input{width: 192px; }
form.Base_Content_Form textarea{height: 200px;}
form.Base_Content_Form button{width: 205px;}


/** Used in the cms */
/** fixed cms view */
#content .cms-editable div.baseContentGoogleMaps{margin: 0 0 0 0;}
#editorWrapper h1,h2,h3{color: #1d8bb7; font-family: 'Anaheim', sans-serif; }
#editorWrapper h1{font-size: 16px;}
#editorWrapper h2{font-size: 14px;}
#editorWrapper h3{font-size: 12px;}
#editorWrapper .banner{font-family: 'Anaheim', sans-serif; width: 420px; border: 2px inset #CCC; background: #111; border-radius: 8px; color: #FFF; padding: 15px;} 
#editorWrapper .banner img{float: left; border: 1px solid #CCC; border-radius: 8px;}
#editorWrapper .banner div.text{margin: 0 0 0 135px; padding: 0;}
#editorWrapper .banner div h3{margin: 0; padding: 0; font-size: 20px;}
#editorWrapper .banner div p{margin: 7px 0 8px; padding: 0;}
#editorWrapper .banner a.button{border: 1px solid transparent;background: url(/images/layout/button.jpg) top left;text-decoration: none; color: #FFF; display: block; border-radius: 8px; font-size: 14px; font-weight: bolder; padding: 2px 20px;  width: 240px; }
#editorWrapper .banner a.button:hover{border: 1px solid #FFF;}

#editorWrapper .article article{padding: 10px 0 0 0;}
#editorWrapper .article article img{width: 120px; float: left;}