body {margin:0px; padding:0px; background-image: url(graphics/vertical_cloth_cl.png); text-align:center; font-family:sans-serif;}
p {margin:0px; padding:0px;}
h1 {margin:0px; padding:0px;}
h2 {margin:0px; padding:0px;}
img {display:block;}
a {color:#FDA; text-decoration:none;}
a:hover {text-decoration:underline;}
button {cursor:pointer;}

span.emph {font-style:italic;}
span.bold {font-weight:600;}
/* span.bright {color:#AAA;} */
div.align_right {text-align:right; padding-right:64px;}
p.paragraph {margin-bottom:12px;}
p.paragraph, ul.paragraph {font-size:18px;}
p.footnote {color:#AAA; font-size:14px;}


div.horiz_line_border {height:1px; background-color:#333;}
 
div.horiz_separator_large {height:92px;}
div.horiz_separator_medium {height:48px;}
div.horiz_separator_small {height:16px;}

div.vertical_centered_outer {display:table; position:absolute; height:100%; width: 100%;}
div.vertical_centered_middle {display: table-cell; vertical-align:middle;}
div.vertical_centered_inner {margin-left:auto; margin-right:auto; width:100%;}
div.central_box {width:1024px; margin:0px auto; text-align:center;}

div.logo_large_container, div.logo_small_container {display:inline-block; position:relative;}
div.logo_large_container {width:480px; height:114px;}
div.logo_small_container {width:240px; height:57px;}
a.logo_large_under, a.logo_large_over, a.logo_small_under, a.logo_small_over {position:absolute; top:0; left:0px;}
a.logo_large_under, a.logo_large_over {width:480px; height:114px; display:block;}
a.logo_small_under, a.logo_small_over {width:240px; height:57px; display:block;}
a.logo_large_over, a.logo_small_over {z-index:2; opacity:1; transition:opacity 0.4s;}
a.logo_large_over {background-image:url("graphics/photon_electrical 480 white.png");}
a.logo_small_over {background-image:url("graphics/photon_electrical 240 white.png");}
a.logo_large_over:hover, a.logo_small_over:hover {opacity:0;}
a.logo_large_under, a.logo_small_under {z-index:1;}
a.logo_large_under {background-image:url("graphics/photon_electrical 480.png");}
a.logo_small_under {background-image:url("graphics/photon_electrical 240.png");}

#header_index {font-weight:600;}

div.header {background-color:#068;}

#section_index, #section_electrician, #section_solar_pv, #section_about, #section_contact {color:#FFF;}

#section_index {background-image:url("graphics/fade_solar_roof.jpg"); background-size:cover;}
#section_electrician {background-image:url("graphics/electrician_2387981b.jpg"); background-size:cover;}
#section_solar_pv {background-image:url("graphics/DSC_0989 ed1.jpg"); background-size:cover;}
#section_build {background-image:url("graphics/renovation-general-constructions ed3.jpg"); background-size:cover;}
#section_about {background-image:url("graphics/london 03.jpg"); background-size:cover;}
#section_contact {background-color:#034;}

a.header_phone_link, a.mailto {color:#FFF; transition:color 0.4s; transition:text-shadow 0.2s;}
a.header_phone_link:hover, a.mailto:hover {color:#AEF; text-shadow:-0.5px -0.5px 0 #000,0.5px -0.5px 0 #000,-0.5px 0.5px 0 #000,0.5px 0.5px 0 #000; }
a.header_phone_link {font-size:36px; text-decoration:none; letter-spacing:1px;}
a.mailto {font-size:24px; text-decoration:underline;}

div.nav_bar {margin-bottom:8px;}

div.nav_bar_item {display:inline;}
a.nav_bar_link_large , a.nav_bar_link_small {color:#000; text-decoration:none; background-color:#FFF; border-radius:64px; text-transform:uppercase; transition: background-color 0.4s; display:inline;}
a.nav_bar_link_large  {font-size:18px; padding:16px 28px; margin:0px 12px; font-weight:600;}
a.nav_bar_link_small  {font-size:14px; padding:10px 20px; margin:0px 6px; font-weight:600;}

div.contact_bar_container {}
a.contact_bar, div.contact_bar {font-size:32px; letter-spacing:0.2px; color:#FFF;}
a.contact_bar {display:block; text-decoration:underline; padding:24px 0px 32px 0px; transition:background-color 0.4s; transition:color 0.2s;}
div.contact_bar {padding:32px 0px;}
a.contact_bar, div.contact_bar {background-color:#068;}
a.contact_bar:hover, a.nav_bar_link_large:hover, a.nav_bar_link_small:hover {background-color:#AEF;}
a.contact_bar:hover {color:#000;}

div.column_container, div.column_horiz_gap {float:left;}
div.column_container {width:480px; display:inline-block; text-align:left;}
div.column_horiz_gap {width:64px; display:block;}
div.form_field {margin:16px 0px;}
#section_contact h3 {font-weight:200; font-size:20px; margin:0px;}
p.sub_text {font-weight:100; font-size:16px; margin-left:8px;}
#contact_box   input, #contact_box textarea, #contact_box  button {font-family:Calibri,sans-serif; font-size:18px;}
#contact_box   input, #contact_box textarea {border:none; padding:0px 8px; border-radius:4px; -webkit-border-radius:4px;}
#contact_box input {width:440px; height:32px;}
#contact_box  textarea {width:440px; height:96px;}
#contact_box  button {border: 1px solid #666; background-color:#DDE; padding:1px 6px 3px 6px; border-radius:6px; -webkit-border-radius:6px; transition: background-color 0.4s;}
#contact_box:hover button {background-color:#FFF;}
div.info_item {margin:4px 8px;}
p.info {margin:0px 8px; font-size:20px;}
p.sub_text, #section_contact h3 {color:#DDD;}
div.float_clear_fix {width:100%; clear:both;}

div.full_width {text-align:left;}
/* div.full_width {} */

div.cert_container {background-color:#FFF; border-radius:100px; padding:16px 86px;}
div.cert_container {display:inline-block;}

#cert_nic {width:160px;}