/* only black used as color */ @font-face { font-family: 'Colaborate'; src: url('fonts/ColabReg-webfont.eot'); src: url('fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabReg-webfont.woff') format('woff'), url('fonts/ColabReg-webfont.ttf') format('truetype'), url('fonts/ColabReg-webfont.svg#Colaborate') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Colaborate'; src: url('fonts/ColabMed-webfont.eot'); src: url('fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ColabMed-webfont.woff') format('woff'), url('fonts/ColabMed-webfont.ttf') format('truetype'), url('fonts/ColabMed-webfont.svg#Colaborate') format('svg'); font-weight: bold; font-style: normal; } #site { width: 650px; font: 14px/21px "Colaborate", verdana, sans-serif; color: #666; } #header, #navigation, #footer, .hidemobile, #services, #content .banner, #references, #news, #subnavigation, #radialSocial, #ferromenu-controller-0, #isocialWrapperLeft, .gmap_form, .print_directions, .pagination, .subsubNav { display: none;} #content .image a:link, #content .image a:visited { border: 0px !important; } .row { display: block; float: left;} #gmap, #iMaps-directions { width: 624px !important; } .adp-directions { width: 100%; border: 0px; } img { max-width: 650px; } #content { width: 650px; } h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;} h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;} h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;} h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;} h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;} h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;} #content a:link, #content a:visited {text-decoration: none; color: black ; border-bottom: 1px solid black;} #content p img { margin: 10px 0px; } #content p img.left { margin: 0px 10px 10px 0px; float: left; } #content p img.right { margin: 0px 0px 10px 10px; float: right; } #content .span6 { margin-right: 2%; width: 48%; float: left; } #content .span6 .image img { max-width: 300px; } #content .person { float: right; } #print_header { width: 650px; height: 90px; display: block; border-bottom: 1px solid black; } #print_header .adres { float: left; } #print_header .logo { margin: 0px; padding: 0px; float: right; } .titlebar { font: 21px/21px "Colaborate", verdana, sans-serif; } #slideshow a:link, #slideshow a:visited { border: 0px; text-decoration: none; } #content .block { position: relative; width: 325px; float: left; margin-bottom: 20px; } #content .block .info { display: none; } #content .banner { margin-bottom: 20px; } #content .banner .info { display: none; } #references { margin-bottom: 20px; float: left; } #references .quotecontainer { margin: 20px 40px 0px 20px; float: left; text-align: center; } #references .quotecontainer .beginquote { margin: -5px 5px; width: 33px; height: 25px; display: inline-block; background: url(pics/sprite.png) 0px -100px; } #references .quotecontainer .endquote { margin: -5px 5px; width: 33px; height: 25px; display: inline-block; background: url(pics/sprite.png) -50px -100px; } #references .quotecontainer .quote { color: #000; font: 19px/25px "Colaborate", verdana, sans-serif; text-align: center; } #news .head { position: relative; } #news .head .title { margin-bottom: 10px; color: #000; font: bold 21px/30px "Colaborate", verdana, sans-serif; } #news .head .icon { position: absolute; top: 5px; right: 0px; width: 43px; height: 18px; background: url(pics/sprite.png) top left no-repeat; } #news .head .icon.rss { background-position: -50px -50px; } #news .footer .link { margin: 5px 0px; float: right; } #news .newsitems { padding: 15px 0px; height: 150px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; } .banner #news .newsitems { height: 109px; } #news .newsitems .slide { color: #666; font: 14px/18px "Colaborate", verdana, sans-serif;} #news .newsitems .slide h1 { margin-bottom: 10px; color: #000; font: 16px/18px "Colaborate", verdana, sans-serif; } /* ------------------------------------------------------------------------- Footer */ #footer .newsletterbar { margin-bottom: 20px; height: 60px; color: #fff; font: 32px/60px "Colaborate", verdana, sans-serif; background-color: #cc0c00; } #footer .newsletterbar .title { padding: 0px 20px; float: left; } #footer .newsletterbar .button { margin: 10px 20px; float: right; } #footer .linkbar { margin-bottom: 20px; color: #333; font: 14px/24px "Colaborate", verdana, sans-serif; } #footer .linkbar ul { margin: 0px; list-style-type: none; font: 11px/16px "Colaborate", verdana, sans-serif; } #footer .linkbar .title { color: #000; font: 18px/24px "Colaborate", verdana, sans-serif; } #footer .linkbar a:link, #footer .linkbar a:visited { color: #000; font: 11px/16px "Colaborate", verdana, sans-serif; text-transform: uppercase; text-decoration: none; } #footer .linkbar .email a:link, #footer .linkbar .email a:visited { color: #cc0c00; font: 14px/24px "Colaborate", verdana, sans-serif; text-transform: none; text-decoration: none; border-bottom: 1px solid #cc0c00; } #footer .linkbar a:hover, #footer .linkbar a:focus { color: #cc0c00; } #footer .linkbar .email a:hover, #footer .linkbar .email a:focus { color: #000; border-bottom: 1px solid #000; } #footer .linkbar .social .icon { margin-right: 5px; width: 25px; height: 24px; float: left; background: url(pics/sprite.png) top left no-repeat; } #footer .linkbar .social .icon.facebook { background-position: 0px -150px; } #footer .linkbar .social a:hover .icon.facebook { background-position: 0px -174px } #footer .linkbar .social .icon.twitter { background-position: -50px -150px; } #footer .linkbar .social a:hover .icon.twitter { background-position: -50px -174px } #footer .linkbar .social .icon.youtube { background-position: -100px -150px; } #footer .linkbar .social a:hover .icon.youtube { background-position: -100px -174px } #footer .linkbar .social .icon.linkedin { background-position: -150px -150px; } #footer .linkbar .social a:hover .icon.linkedin { background-position: -150px -174px } br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; } /* ------------------------------------------------------------------------- Form */ #form_container{ position:relative; width:100%; max-width: 672px; margin-bottom:20px; overflow:hidden; } #form_container .frm_PageBreakHr{ display:none; } #form_container .frm_Label { margin:5px 20px 2px 0; width:270px; float:left; } #form_container .frm_Field{ margin:3px 0 2px; width:382px; float:left; } #form_container .frm_Field .frm_CheckContainer{ margin:0 0 4px; width:450px; float:left; } #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel{ margin:0 0 0 2px; float:left; max-width:285px; } #form_container .frm_Field .frm_RadioContainer{ margin:0 0 4px; max-width:450px; float:left; } #form_container .frm_Field .frm_RadioContainer .frm_RadioLabel{ margin:0 0 0 2px; width:285px; float:left; } #form_container .frm_Quantity .frm_RadioContainer{ margin:0 0 4px; float:none; clear:both; display:block; } #form_container .frm_Quantity .frm_RadioContainer .frm_RadioLabel{ margin:0 0 0 2px; } #form_container .frm_TextBlock{ width:100%; } #form_container .frm_Header{ margin:0px; width:100%; float:left; } #form_container .frm_Header h1,#form_container .frm_Header h2,#form_container .frm_Header h3,#form_container .frm_Header h4,#form_container .frm_Header h5,#form_container .frm_Header h6{ margin-bottom:0; float:left; } #form_container .frm_FileUploaded_Message{ display:block; width:100%; float:left; } #form_container .frm_TextBlock,#form_container .frm_Numeric,#form_container .frm_MultipleChoice,#form_container .frm_PhoneNumber,#form_container .frm_Calendar,#form_container .frm_TextBox,#form_container .frm_Email,#form_container .frm_TextArea,#form_container .frm_FileUpload{ margin:5px 0 0; float:left; } #form_container .frm_TextBox .frm_Field input,#form_container .frm_Numeric .frm_Field input,#form_container .frm_PhoneNumber .frm_Field input,#form_container .frm_Email .frm_Field input,#form_container .frm_Calendar .frm_Field input,#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput{ padding:1px 3px; margin:0; width:300px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } #form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput{ margin-top:6px; float:left; clear:both; } #form_container .frm_Calendar .frm_Field{ position:relative; } #form_container .frm_Calendar .frm_Field img{ position:absolute; top:5px; right:7px; margin:0; } #form_container .frm_FileUpload .frm_Field input { padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } #form_container .frm_Calendar .frm_Field input{ padding:1px 3px; margin:0; width:272px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } #form_container .frm_TextArea .frm_Field textarea{ padding:1px 3px; margin:0; width: 300px; height:93px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } *+html #form_container .frm_TextArea .frm_Field textarea{ height:86px; } #form_container .frm_MultipleChoice .frm_Field select{ padding:1px; margin:0; width:381px; height:24px; font:13px/18px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } #form_container .frm_Calendar .frm_Field select{ padding:1px; margin:0 10px 0 0; width:85px; height:21px; font:13px/18px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } #form_container .frm_MultipleChoice .frm_Field input{ margin-top:4px; margin-right:5px; float:left; } #form_container .frm_FormTail,#form_container .frm_PageBreak{ margin-top:15px; width:100%; max-width: 100%; padding:0; float:left; } #form_container .frm_BtnContainer{ width:100%; padding:0; float:left; } #form_container .frm_BtnContainer .frm_BtnPrevious_Inactive{ display:none; } #form_container .frm_BtnContainer .frm_BtnPrevious{ position:relative; padding:5px 10px; height:30px; float:left; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-transform:uppercase; text-shadow:0 0 0 #000; background: #fff; color:#333; text-decoration:none; border:0; cursor:pointer; } #form_container .frm_BtnContainer .btn:hover .frm_BtnPrevious,#form_container .frm_BtnContainer .frm_BtnPrevious:hover{ color:#333; } #form_container .frm_BtnContainer .frm_BtnNext_Inactive{ display:none; } #form_container .frm_BtnContainer .frm_BtnNext{ position:relative; padding:5px 10px; height:30px; float:right; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-shadow:0 0 0 #000; background: #fff; color:#333; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; } #form_container .frm_BtnContainer .btn:hover .frm_BtnNext,#form_container .frm_BtnContainer .frm_BtnNext:hover{ color:#333; } #form_container .frm_BtnContainer .frm_BtnSubmit,#gmaps_getdirections{ position:relative; padding:5px 10px; height:30px; float:right; color:#333; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; } .map_form .button{ margin:5px 0; } #form_container .frm_BtnContainer .btn:hover .frm_BtnSubmit,#form_container .frm_BtnContainer .frm_BtnSubmit:hover,#gmaps_getdirections:hover{ color:#333; } #form_container .frm_BtnContainer .frm_BtnCheck{ position:relative; padding:5px 10px; height:30px; float:right; font-family:arial; text-shadow:0 0 0 #000; color:#333; text-transform:uppercase; text-decoration:none; border:0; cursor:pointer; background:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } #form_container .btnwrap,#main .directions .btnwrap{ background:#333; color:#fff; display:block; font-size:16px; height:40px; line-height:36px; vertical-align:top; } #main .directions .btnwrap{ margin-top:10px; width:167px; float:none; } #form_container .btnwrap i,#main .directions .btnwrap i{ background:#d6d4d4; height:40px; line-height:38px; margin-left:0; text-align:center; vertical-align:top; width:40px; float:right; } #form_container .frm_FileUpload .frm_Field input{ padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:0 solid #d6d4d4; box-sizing:border-box; } #form_container .frm_marked_required { color: #cc0c00; margin: 0 0 0 5px;} #form_container input { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .recaptcha_input_area input { border: 1px solid #d6d4d4!important;} .recaptchatable { width: 100%; } #form_container input:focus, #form_container textarea:focus, #form_container input:focus, #form_container select:focus, .recaptcha_input_area input:focus { border-color: #ADADAD!important; outline: none;} #form_container .button .frm_BtnSubmit { margin: 0 0 0 140px;} #msgcontainer { margin-bottom: 25px; padding: 20px; background-color: #eee; }