/* colours *******/
/*
index:		 #98cb00
aboutme:	 #38c4ff
services:	 #384fff
process:	 #fc218d
portfolio: #fc2130
prices:		 #ff9933
links:		 #73a0c5
blog:			 #008C00
sitemap:	 #777575
contact:	 #fee016
*/

/* basic style **************************************************************************************************/
body {
  margin: 0;
	padding: 0;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: small Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #efefef;
	/*background: url("www.elizabethfreemanweb.com/images/project_paper.png");*/
	color: #666666;
  }
	
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}


.align-left {
  text-align: left;
}
	
img {
	border: 0;
	}

.bordered {
  border: 1px solid silver;
}	
	
.clear {
  clear: both;
}	

h1 {
  font-size: 170%;
	font-weight: bold;
	margin: 0;
	padding: 0;
  }


h2 {
	font-size: 110%;
	color: #2a3332;
	font-weight: bold;
  }
	
h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 13px 0;	
  }
	
/* gutters *********************************************************************************************/
.gutter {
  padding: 15px;
  }

.portfolio-case .gutter {
  padding: 0 15px 15px 0;
}
	
/* layout structure *********************************************************************************************/
#wrap, #breadcrumbtrail {
  min-width: 780px;
  max-width: 1400px;	
	margin: 0 10%;
  }

#wrap {
	background-color: white;
}
	
/* header *********************************************************************************************/

#headerPicture {
  /*background: url("../images/efw_logo_100sq.gif") no-repeat top left;*/
	height: 100px;
  }
	
#headerCompanyName {
  float: left;
	width: 100px;
  }

#headerNav {
  float: right;
	margin: 8px 8px 0 0;
	padding: 4px;
	font-weight:bold;
	background: url("../images/header-nav-bg.png") repeat-x 70% 0;
  }
	
.navigation {
  list-style: none;
  }

#headerNav li {
  float: left;
	margin: 0;
	padding: 0;
  }
	
	
#headerNav .navigation a {
  display: block;
	text-decoration: none;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: black;
	cursor: pointer;
  }

#index ul.navigation a:hover,
#index ul.navigation a.selected  {
	background-color: #98cb00;
}

#aboutme ul.navigation a:hover,
#aboutme ul.navigation a.selected  {
	background-color: #38c4ff;
}

#services ul.navigation a:hover,
#services ul.navigation a.selected  {
	background-color: #384fff;
}

#process ul.navigation a:hover,
#process ul.navigation a.selected  {
	background-color: #fc218d;
}

#portfolio ul.navigation a:hover,
#portfolio ul.navigation a.selected  {
	background-color: #fc2130;
}

#prices ul.navigation a:hover,
#prices ul.navigation a.selected  {
	background-color: #ff9933;
}

#links ul.navigation a:hover,
#links ul.navigation a.selected  {
	background-color: #73a0c5;
}

#blog ul.navigation a:hover,
#blog ul.navigation a.selected  {
	background-color: #008C00;
}

#sitemap ul.navigation a:hover,
#sitemap ul.navigation a.selected  {
	background-color: #777575;
}

#contact ul.navigation a:hover,
#contact ul.navigation a.selected  {
	background-color: #fee016;
}

#headerNav .navigation #t-index a:hover {background-color: #98cb00;}
#headerNav .navigation #t-aboutme a:hover {background-color: #38c4ff;}
#headerNav .navigation #t-services a:hover {background-color: #384fff;}
#headerNav .navigation #t-process a:hover {background-color: #fc218d;}
#headerNav .navigation #t-portfolio a:hover {background-color: #fc2130;}
#headerNav .navigation #t-prices a:hover {background-color: #ff9933;}
#headerNav .navigation #t-links a:hover {background-color: #73a0c5;}
#headerNav .navigation #t-blog a:hover {background-color: #008C00;}
#headerNav .navigation #t-sitemap a:hover {background-color: #777575;}
#headerNav .navigation #t-contact a:hover {background-color: #fee016;}

#headerNav .navigation a:hover,
#headerNav .navigation a.selected,
#contentLeftSide .navigation a:hover,
#contentLeftSide .navigation a.selected {
  color: white;
}
	
/* portfolio ---------------------------------------------------------------------------------------------------- */
#portfolio #content img, #portfolio-1 #content img, .slideshow img {
  border: 1px solid silver;
}

/* slideshow ---------------------------------------------------------------------------------------------------- */

.slideshow {
  padding: 15px 0 0 0;
}
/*
ul.slideshow {
	list-style: none;
	width: 300px;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 0;
}	

ul.slideshow li {
	position: absolute;
	left: 0;
	right: 0;
}

ul.slideshow li.show {
	z-index: 500;	
}

#slideshow-caption {
	width: 300px;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	background: #000;
	z-index: 500;
}

#slideshow-caption .slideshow-caption-container {
	padding: 5px 10px;	
	z-index: 1000;	
}

#slideshow-caption h3 {
	margin: 0;
	padding: 0;	
	font-size: 14px;
}

#slideshow-caption p {
	margin: 5px 0 0 0;
	padding: 0;
}
*/
/* curved corner ------------------------------------------------------------------------------------------------- */

#index .bl {background: url("../images/bl-index.gif") 0 100% no-repeat #98cb00; width: 100%;}
#index .br {background: url("../images/br-index.gif") 100% 100% no-repeat;}
#index .tl {background: url("../images/tl-index.gif") 0 0 no-repeat;}
#index .tr {background: url("../images/tr-index.gif") 100% 0 no-repeat; padding:10px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 100%; line-height: 45%; color: white;}

#prices .bl {background: url("../images/bl-prices.gif") 0 100% no-repeat #ff9933; width: 100%;}
#prices .br {background: url("../images/br-prices.gif") 100% 100% no-repeat;}
#prices .tl {background: url("../images/tl-prices.gif") 0 0 no-repeat;}
#prices .tr {background: url("../images/tr-prices.gif") 100% 0 no-repeat; padding:10px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 100%; line-height: 45%; color: white;}

#links .bl {background: url("../images/bl-links.gif") 0 100% no-repeat #73a0c5; width: 100%;}
#links .br {background: url("../images/br-links.gif") 100% 100% no-repeat;}
#links .tl {background: url("../images/tl-links.gif") 0 0 no-repeat;}
#links .tr {background: url("../images/tr-links.gif") 100% 0 no-repeat; padding:10px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 100%; line-height: 45%; color: white;}

#contact .bl, #sitemap .bl {background: url("../images/bl-contact.gif") 0 100% no-repeat #fee016; width: 100%;}
#contact .br, #sitemap .br {background: url("../images/br-contact.gif") 100% 100% no-repeat;}
#contact .tl, #sitemap .tl {background: url("../images/tl-contact.gif") 0 0 no-repeat;}
#contact .tr, #sitemap .tr {background: url("../images/tr-contact.gif") 100% 0 no-repeat; padding:10px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 100%; line-height: 45%; color: black;}

.clear {font-size: 1px; height: 1px;}

/* breadcrumb trail ---------------------------------------------------------------------------------------------------- */

#breadcrumbtrail {
	clear: both;
	height: 44px;/*20px;*/
	padding: 4px 0 10px 0px;
	/*background: #efefef;*/
	color: #777;
	font-size: 85%;
}

#breadcrumb li {
  float: left;
	margin: 20px 4px 0 0;
}

#networking-toolbar li {
  float: right;
	margin-left: 4px;
}

#breadcrumb li, #networking-toolbar {
	display: inline;
	}
	
#networking-toolbar li {
  list-style: none;
}

#networking-toolbar li a {
  text-decoration: none;
}
	
#breadcrumb li a {
	color: #777;
	font-weight: bold;
	background: #efefef url("../images/breadcrumb.gif") right no-repeat;
	padding-right: 11px;
	text-decoration: none;
	}

#breadcrumb li a:hover {
	color: #333;
	background: #efefef url("../images/breadcrumb.gif") bottom right no-repeat;
	}
	
#rss {
  float: right;
	width: 20%;
  }
		
/* content *********************************************************************************************/

#contentRightSide {
  clear: both;
  float: right;
	width: 70%;
  }
	
#contentRightSide .gutter {
  padding-top: 0px;
  }
	
#contentFullPage {
  clear: both;
	width: 100%;
  }
	
#contentRightSide, #contentFullPage {
  min-height: 560px;/*300px;*/
  }

#index #contentFullPage h1, #index #contentRightSide a, #index #contentFullPage a {color: #98cb00;}
#aboutme #contentFullPage h1, #aboutme #contentRightSide a, #aboutme #contentFullPage a {color: #38c4ff;}
#services #contentFullPage h1, #services #contentRightSide a, #services #contentFullPage a {color: #384fff;}
#clients #contentFullPage h1, #clients #contentRightSide a, #clients #contentFullPage a {color: #8838ff;}
#process #contentFullPage h1, #process #contentRightSide a, #process #contentFullPage a {color: #fc218d;}
#prices #contentFullPage h1, #prices #contentRightSide a, #prices #contentFullPage a {color: #ff9933;}	
#links #contentFullPage h1, #links #contentRightSide a, #links #contentFullPage a {color: #73a0c5;}
#blog #contentFullPage h1, #blog #contentRightSide a, #blog #contentFullPage a {color: #008C00; }
#sitemap #contentFullPage h1, #sitemap #contentRightSide a, #sitemap #contentFullPage a {color: #777575;}
#contact #contentFullPage h1, #contact #contentRightSide a, #contact #contentFullPage a {color: #fee016;}

#services table {
  padding: 0px;
	margin: 0px;
}

#services table h2 {
  padding: 0px 0px 5px 0px;
}

/************************************** Content **********************************************/

#contentRightSide h1 {
  color: #2a3332;
  font-size: 140%;
	font-weight: bold;
	margin: 0 -6px 10px -6px;
	padding: 2px 6px;
  }

#index #contentRightSide h1 {border-bottom:2px solid #98cb00;}
#aboutme #contentRightSide h1 {border-bottom:2px solid #38c4ff;}
#services #contentRightSide h1 {border-bottom:2px solid #384fff;}
#clients #contentRightSide h1 {border-bottom:2px solid #8838ff;}
#process #contentRightSide h1 {border-bottom:2px solid #fc218d;}
#portfolio #contentRightSide h1 {border-bottom:2px solid #fc2130;}	
#prices #contentRightSide h1 {border-bottom:2px solid #ff9933;}
#links #contentRightSide h1 {border-bottom:2px solid #73a0c5;}	
#blog #contentRightSide h1 {border-bottom:2px solid #008C00; /*#00CC66;*/}
#sitemap #contentRightSide h1 {border-bottom:2px solid #b1aaaa;}
#contact #contentRightSide h1 {border-bottom:2px solid #fee016;}

a {
	text-decoration:underline;
  }

a:hover {
  font-weight: bold;
}
	
/* side navigation *********************************************************************************************/
#contentLeftSide {
  float: left;
	width: 30%;
	font-weight: bold;
	font-size: 100%;
  }	

#blog #contentLeftSide h3	{
  color: #008C00; /*#00CC66;*/
  }

.entry-title {
	padding: 30px 0 0 0;
  }
		
.entry-utility {
  border-bottom: 1px solid #666666;
	padding: 0 0 20px 0;
  }

/*
#prices #contentLeftSide {
  width: 50%;
	font-weight: normal;
  }
*/
	
#contentLeftSide ul, #primary ul, #secondary ul {
  list-style: none;
	margin: 0;
	padding: 0 0 45px 15px;
  }

#contentLeftSide li, #primary li, #secondary li {
	margin: 0;
	padding: 0;
  }
	
	
#contentLeftSide a, #primary a, #secondary a {
  display: block;
	text-decoration: none;
	margin: 0 0 1px 0;
	padding: 4px 8px;
	color: black;
	cursor: pointer;
  }

li.services-tick {
  list-style-image: url("../images/services-tick.gif");
  font-weight: bold;
	color: black;
}

li.services-no-tick {
  list-style-image: url("../images/services-no-tick.gif");
	padding: 0px 0px 5px 0px;
}
	
/* prices tables *********************************************************************************************/
#prices table {
  width: 100%;
}

#prices td.left {
  width: 70%;
}

#prices td.right {
  width: 30%;
}

/* footer *********************************************************************************************/
/*
#footer {
  clear: both;
	color: white;
  background: url("../images/footer-bg.gif") repeat-x top left;
	font-size: 90%;
	line-height: 35%;
  }
	*/
/* Hide from IE5/Mac \*/
html, #footer {
  /*min-height: 200px;*/ /*115px;*/
	}
/* End hide from IE5/Mac */



/*
#footer a {
	color: white;
	text-decoration: none;
}

#footerAddress, #footerInfo {
  margin-top: -5px;
  }
	
#footerAddress {
	width: 400px;
	float: left;
	text-align: left;
}

#footerInfo {
  float: right;
	text-align: right;
}
*/
/* NEW */
#footer {
	clear: both;
	text-align: center;
	background: #f0f0f0 url(../images/footer-bg.gif) top left repeat-x;
	padding: 0px/*30px*/ 15px 15px 15px;
	color: #333333;
	font-size: 90%;
}
.footerCol {
	float: left;
	width: 230px;
	text-align: left;
}
#footerInfo {
	width: 900px;
	margin: 0 auto;
	padding-left: 20px;
}
#footerInfo h2 {
	margin: 0 0 10px 0;
}
#footer a {
	font-weight: normal;
	text-decoration: none;
	border: 0;
	color: white;
}
#footer a:hover {
	text-decoration:underline;
}
#footer p {
	margin: 0 0 10px 0;
	line-height: 1.3em;
}
#footer p.copyright {
	color: #333;
	margin-top: -5px;
}
#footer p.copyright a {
  color: #333;
}
.footerCol h4 {
  font-size: 120%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0px;
}

/* contact form ************************************************************************************************/	

label {
  width: 15em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  color: #667265;
  }

.mandatory input, .mandatory textarea {
  background: #fcec7d;
  }
	
.submit input {
  margin-left: 20em;
  border: 1px solid #6d2889;
  }

.rightSide {
  clear: both;
  width: 100%;
	margin: 0 0 20px 0;
}

.portfolio-case {
  clear: both;
	/*background-color: yellow;*/
	margin: 0 0 0 0;
}

.rightSide h2, .rightSide a {
  color: #666666;
}

.column1 {
  float: left;
	width: 50%;
}

.column2 {
  float: right;
	width: 50%;
}

/* New for blog */

#primary, #secondary {
	float: left;
	overflow: hidden;
	width: 180px;
}
#secondary {
	clear: left;
}

/* Required for left-side navigation to show and hide sub-menus*/
.hide {
  display: none;
}

#contentLeftSide ul {
  padding: 0 0 0 15px;
}