/* 
Theme Name: Coll Electrical
Description: Pat Coll started the company from his home in 1985.  Offering customized service and value, the company was able to expand rapidly.
Author: Gherkin Media
Version: 1.0
*/
	
/************************* Template Styles ***************************/

*
{
margin:0px;
padding:0px;
border:0px;
}

.center{
	margin: 0 auto;	
}

.bold
{
font-weight:bold;
}

.clear
{
clear:both;
}

.floatLeft
{
float:left;
}

.floatRight
{
float:right;
}


.inline
{
display:inline;
}

.block
{
display:block;
}

.hidden
{
display:none;
}

.center
{
margin:0 auto;
}

.centerInline
{
text-align:center;
}

.absolute{
	position:absolute;	
}

.fixed{
	position:fixed;	
}

.displayNone{
	display:none;	
}
.relative{
	position:relative;	
}

a:active { 
	outline: none; 
}

a
{
outline:none;
}
	

a:focus { 
	-moz-outline-style: none; 
}

/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, canvas {  
    display: block;  
}

#ie6
{
display:none;
}

.piped {
border-left:1px solid #717174;
margin-left:8px;
padding:0px 0 0px 11px;
}


/*-------------------------------REQUIRED ITEMS--------------------------------------*/
/*------------------------------CSS CODING BELOW-------------------------------------*/
/*----------------------------CONTENT CODING STARTS----------------------------------*/

/*FONTS*/
h1,h4,h3
{
font-family:AdelleRegular,Arial,San-serif;
color:#fdc210;
font-weight:400;
}

h5,h6,h2
{
font-family:AdelleRegular,Arial,San-serif;
color:#4d4d4d;
font-weight:400;
}

p
{
font-family:Arial,San-serif;
color:#717174;
font-size:13px;
}

/*SAFARI BROWSERS CSS HACKS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}
/*SAFARI BROWSERS CSS HACKS ENDS*/


/* Body Background */
body
{
background:#fff url('images/first_aid_kit.png') repeat;
}

/* Main Container */
#mainContainer
{
position:relative;
width:980px;
height:auto;
background-color:#fff;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
 behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-webkit-box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1);

}

#innerContainer
{
width:940px;
height:auto;
}

/* Header Area */
header#headerArea
{
width:940px;
height:120px;
}
/******************
HEADER CONTENT CSS
*******************/
#logoArea
{
width:256px;
height:120px;
}

#logoArea img
{
margin:40px 0 0 0;
}

#searchArea
{
width:684px;
height:73px;
}

/*Search Area*/
.search {
float:right;
padding-top:38px;
}

.search input[type="text"]
{
background: url(images/search-dark.png) no-repeat 10px 6px #e7e7e8;
border:0 none;
font:bold 12px Arial,Helvetica,Sans-serif;
color:#777;
width:90px;
padding:7px 15px 6px 35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition:all 0.7s ease 0s;
-moz-transition:all 0.7s ease 0s;
-o-transition:all 0.7s ease 0s;
transition:all 0.7s ease 0s;
font-family: 'Quicksand', sans-serif;
font-size:12px;
font-weight:400;
}

.search input[type="text"]:focus 
{
 width:120px;
}

#searchLine {
width:180px;
float:right;
}

.search label {
display:none;
}

#searchsubmit 
{
font-size:10px;
color:#fff;
height:26px;
width:53px;
background-color:#fdc210;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/*Search Area ENDS*/

nav#navigationArea
{
width:684px;
height:47px;
}

#navList ul
{
margin:10px 0 0 0;
}


#navList ul li a
{
font-size:15px;
font-family:AdelleRegular,Arial,San-serif;
color:#717174;
text-decoration:none;
}

#navList ul li a:hover
{
color:#fdc210;
}

#navList ul li a.selected
{
color:#fdc210;
border-bottom:4px solid #fdc210;
}


/* Slideshow Area */
section#slideshowArea
{
overflow:hidden;
width:940px;
height:383px;
}

/* Content Area */
section#contentArea
{
overflow:hidden;
width:940px;
height:auto;
margin:0 0 20px 0;
}

/********************
SECTION CONTENT AREA
*********************/
#mainContentArea
{
width:441px;
height:auto;
margin:0 19px 50px 0;
}

#mainContentAreaB
{
width:694px;
height:auto;
margin:0 19px 50px 0;
}

#mainContentAreaC
{
width:694px;
height:auto;
margin:0 19px 50px 0;
}

#mainContentArea p,#mainContentAreaB p,#mainContentAreaC p
{
line-height:22px;
font-size:14px;
}

#mainContentArea h1,#mainContentAreaB h1,#mainContentAreaC h1
{
margin:0 0 10px 0;
font-size:24px;
font-weight:400;
}

#mainContentArea h2,#mainContentAreaB h2,#mainContentAreaC h2
{
margin:0 0 10px 0;
font-size:16px;
font-weight:normal;
line-height:23px;
}

a {
text-decoration:none;
}

/********************
GALLERY TEMPLATE CSS
********************/
#mainContentGalleryArea
{
width:694px;
height:auto;
margin:30px 19px 0 0;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}

#mainContentGalleryArea img
{
float:left;
}

#mainContentGalleryArea p
{
line-height:22px;
font-size:14px;
text-align:left;
}

#mainContentGalleryArea h1
{
margin:0 0 10px 0;
font-size:25px;
font-weight:normal;
}

#mainContentGalleryArea h2
{
text-align:left;
margin:0 0 10px 0;
font-size:16px;
font-weight:normal;
line-height:23px;
}

.bwWrapper
{
 position:relative;
 display:block;
}

.gallery-holder img
{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-bottom:10px;
}

#mainContentGalleryArea .galleryContainer h2
{
margin:10px 0 10px 0;
}

.galleryContainer
{
margin:40px 6px 0px 0;
width:222px;
display:-moz-inline-stack;
vertical-align:top;
display:inline-block;
zoom:1;
*display:inline;
}

.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}

#TB_overlay
{
z-index:1100 !important;

}

#TB_window
{
z-index:1200 !important;
}

/********************
GALLERY TEMPLATE CSS ENDS
********************/

/*--Aside (SidebarA)--*/
aside#sidebarArea
{
width:auto;
height:auto;
margin:0 0 50px 0;
}

aside#sidebarArea h1
{
margin:0 0 0px 0px;
font-size:25px;
font-weight:normal;
}

aside#sidebarArea h6
{
margin:0 0 10px 0;
font-size:17px;
font-weight:normal;
line-height:23px;
}

aside#sidebarArea p
{
line-height:23px;
font-size:14px;
}

aside#sidebarArea img
{
float:left;
width:auto;
height:auto;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-bottom:10px;
}

#sidebarA
{
overflow:hidden;
width:254px;
height:auto;
}

/*--Aside (SidebarB)--*/
#sidebarB
{
width:226px;
height:auto;
}

#infoBar
{
width:223px;
height:auto;
}

.infoBarContent
{
margin:0 0 30px 0;
padding-bottom:16px;
width:223px;
height:auto;
background-color:#F0F0F0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.infoBarContent2
{
margin:0 0 30px 0;
padding-bottom:16px;
width:223px;
height:auto;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

canvas
{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.infoBarContactContent
{
margin:0 0 30px 0;
padding-bottom:16px;
width:223px;
height:auto;
}

aside#sidebarArea  .infoBarContent2 p
{
font-family:AdelleRegular,Arial,San-serif;
color:#4d4d4d;
margin:16px 0 0 0px;
}

.infoBarContent2 h1 {
	margin:0px;
	padding:0px;
}


aside#sidebarArea  .infoBarContent img
{
margin:16px 0 10px 16px;
}

aside#sidebarArea  .infoBarContent h1
{
margin:5px 0 0 16px;
}


aside#sidebarArea  .infoBarContactContent h4
{
margin:0 0 10px 0px;
font-size:25px;
font-weight:normal;
}

aside#sidebarArea  .infoBarContent p
{
margin:16px 0 0 16px;
}

.recentProjects
{
margin:0 0 25px 0;
width:222px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#sidebarA .recentProjects h2
{
margin-top:10px;
font-size:17px;
font-weight:normal;
margin:5px 0 5px 0;
}

.keyStaff
{
margin:40px 0 25px 0;
width:222px;
height:auto;
margin-left:auto;
margin-right:auto;
}

aside#sidebarArea .keyStaffBtn p
{
font-family:13px;
line-height:20px;
padding:0px 5px;
}

.keyStaff h2
{
font-size:19px;
font-weight:bold;
margin:5px 0 5px 0;
}

.keyStaff h5
{
padding:10px 0 0 5px;
font-size:15px;
font-weight:normal;
margin:5px 0 5px 0;
}

.keyStaffBtn
{
margin:5px 0 5px 0;
width:222px;
height:auto;
float:left;
}

a:hover .keyStaffBtn 
{
background-color:#F0F0F0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

p.noItem
{
margin:10px 0 0 0;
color:red;
}

p.emailBtn
{
margin:0 0 5px 0;
float:right;
color:#fff;
padding:0px;
}

a:hover .keyStaffBtn  .emailBtn
{
color:#fdc210;
}

/*MORE PROJECT BUTTONS*/

aside#sidebarArea  a
{
text-decoration:none;
}

.moreProjectBtn
{
margin:10px 0 40px 0;
width:111px;
height:32px;
background-color:#fdc210;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

aside#sidebarArea .moreProjectBtn p
{
color:#fff;
font-size:11px;
text-align:center;
padding:6px 0 0 0;
}

aside#sidebarArea  .infoBarContent2 .viewVacanciesBtn
{
margin:10px 0 0 0px;
width:111px;
height:32px;
background-color:#fdc210;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

.viewVacanciesBtn
{
margin:10px 0 0 16px;
width:111px;
height:32px;
background-color:#fdc210;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

.applyVacanciesBtn
{
margin:15px 0 0 0px;
width:137px;
height:32px;
background-color:#fdc210;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

#mainContentAreaB a
{
text-decoration:none;
}

.applyVacanciesBtn p
{
color:#fff;
font-size:11px !important;
text-align:center;
padding:6px 0 0 0;
margin:0px;
}

aside#sidebarArea .viewVacanciesBtn p
{
color:#fff;
font-size:11px;
text-align:center;
padding:6px 0 0 0;
margin:0px;
font-family:arial;
}
/*MORE PROJECT BUTTONS ENDS*/

/* Footer Area */
footer#footerArea
{
margin:0 0 60px 0;
width:940px;
height:150px;
border-top:1px solid #717174;
}

#footerLogo
{
width:764px;
height:53px;
}

#footerImage
{
width:764px;
height:53px;
}

#footerList
{
margin:5px 0 0 0;
}

#footerLogo p
{
float:left;
font-size:13px;
margin: 9px 0 0 37px;
}

#footerLogo p span
{
color:#fdc210;
}

#footerList ul li a
{
font-family:Arial,San-serif;
font-size:13px;
color:#717174;
text-decoration:none;
}

#footerList ul li a:hover, #footerList ul li a.selected
{
color:#fdc210;
}

#otherLogos
{
width:176px;
height:98px;
}

#otherLogos img
{
float:left;
}

#gherkin_logo{
	width:105px;
	margin:0 auto;
}

.projectLine
{
margin:15px 0 0 0;
width:100%;
height:2px;
border-bottom:1px solid #717174;
}

.projectLine2
{
float:left;
margin:0px 0 0 0;
width:100%;
height:2px;
border-bottom:1px solid #717174;
}

.projectLine3
{
margin:20px 0 20px 0;
width:100%;
height:2px;
border-bottom:1px solid #717174;
}

/*AWARDS CODING CSS*/
.awardsContainer
{
margin-right:20px;
float:left;
width:142px;
height:auto;
}

#mainContentAreaB .awardsContainer p
{
font-size:13px;
line-height:18px;
font-family:AdelleRegular,Arial,San-serif;
color:#4d4d4d;
}