html{ overflow-y:scroll; scroll-behavior: smooth; } body{ margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#919191; background-color:#232323; } .clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; } .clear{ display:block; clear:both; } html[xmlns] .clear{ display:block; } * html .clear{ height:1%; } a{ outline:none; text-decoration:none; } p{ text-align: justify } code{ font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; } .fl_left{ float:left; } .fl_right{ float:right; } img{ margin:0; padding:0; border:none; line-height:normal; vertical-align:middle; } .imgholder, .imgl, .imgr{ padding:4px; border:1px solid #D6D6D6; text-align:center; } .imgl{ float:left; margin:0 15px 15px 0; clear:left; } .imgr{ float:right; margin:0 0 15px 15px; clear:right; } /* ----------------------------------------------Wrapper-------------------------------------*/ div.wrapper{ display:block; width:100%; margin:0; padding:0; text-align:left; } .row1, .row1 a{ color:#C0BAB6; background-color:#333333; } .row2{ color:#979797; background-color:#FFFFFF; } .row2 a{ color:#FF9900; background-color:#FFFFFF; } .row4, .row4 a{ color:#919191; background-color:#232323; } /*----------------------------------------------Generalise-------------------------------------*/ #header, #container, #footer, #copyright{ display:block; width:960px; margin:0 auto; } nav ul{ margin:0; padding:0; list-style:none; } h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase; } .one_third, .two_third, .three_third{ display:block; float:left; margin:0 30px 0 0; } .one_third{ width:300px; } .two_third{ width:630px; } .three_third{ width:960px; float:none; margin-right:0; clear:both; } .lastbox{ margin-right:0; } article, aside, figcaption, figure, footer, header, nav, section{ display:block; margin:0; padding:0; } /*----------------------------------------------Header-------------------------------------*/ #header{ padding:20px 0; } #header #hgroup{ float:left; margin:0 0 20px 0; } #header #hgroup h1, #header #hgroup h2{ font-weight:normal; text-transform:none; } #header #hgroup h1{ font-size:36px; } #header #hgroup h2{ font-size:13px; } #header form{ display:block; width:290px; float:right; margin:20px 0; padding:0;} #header form input{ display:block; float:left; width:200px; margin:0; padding:5px; color:#C0BAB6; background-color:#232323; border:1px solid #666666; } #header form #sf_submit{ display:block; float:right; width:70px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; background-color:#FF9900; border:none; cursor:pointer; } #header nav{ display:block; width:100%; margin:0; padding:20px 0; color:#C0BAB6; background-color:#232323; clear:both; } #header nav ul{ padding:0 20px; } #header nav li{ display:inline; margin-right:25px; text-transform:uppercase; } #header nav li.last{ margin-right:0; } #header nav li a{ color:#C0BAB6; background-color:#232323; } #header nav li a.active{ color:#FF9900; background-color:#232323; } #header nav li a:hover{ color:#FF9900; background-color:#232323; } /*----------------------------------------------Content Area-------------------------------------*/ #container{ padding:30px 0; } #container section{ display:block; width:100%; margin:0 0 30px 0; padding:0; } #container .last{ margin:0; } #container .more{ text-align:right; } /* ------Main Content-----*/ #container #homepage{ line-height:1.6em; } #container #homepage section{ margin:0; } #container #homepage #services{ margin-bottom:40px; } #container #homepage #services article h2{ font-size:14px; margin-bottom:15px; padding-bottom:8px; border-bottom:1px solid #DEDEDE; } #container #homepage #services article p{ margin:0; padding:0; } #container #homepage #services article img{ float:left; width:80px; height:80px; margin:0 15px 0 0; padding:4px; } #container #homepage #services article footer{ margin:10px 0 0 0; } #container #homepage .fl_left, #container #homepage .fl_right{ width:455px; } #container #homepage .fl_right article figure img{ float:left; width:125px; height:125px; margin:0; padding:4px; } #container #homepage .fl_right article figure figcaption{ display:block; float:right; width:300px; } #container #homepage .fl_right article figure h2{ font-size:14px; } #container #homepage .fl_left1, #container #homepage .fl_right{ width:455px; } #container #homepage .fl_left1 article figure img{ float:left; width:125px; height:125px; margin:0; padding:4px; } #container #homepage .fl_left1 article figure figcaption{ display:block; float:left; width:300px; } #container #homepage .fl_left1 article figure h2{ font-size:14px; } #container #homepage .fl_left1 article figure img{ float:left; width:125px; height:125px; margin:15px; padding:0px; } /*----------------------------------------------Footer-------------------------------------*/ #footer{ padding:20px 0; } #footer p{ margin:0; padding:0; }