@charset "utf-8";
/********CSS doc********/
html, body{ background-color:#000000; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 3em 0; margin:0; font-size:11px; background-image:url(../_img/css/backgrouond.jpg); }
.clear{ clear:both;}

a, a:link {color:#fff; text-decoration:underline; outline:none;}
a:hover {color:#858f00; text-decoration:none;}
/********Header********/
#header{  width:940px; margin:.75em 0 1.5em -18px; padding-bottom:40px; position:relative; z-index:1; }

/*Logo */
#header .logo{ width:304px; height:113px; float:left;}
#header .logo img{ border:none;}
#header .logo h1 {display:none;}

/********Navigation********/

#navigation{ height:153px; width:615px; float:right;}
#navigation ul{ margin:0 -20px 0 0; padding:0; height:153px;}
#navigation ul li{ display:inline; height:153px;}

/*Home button */
#navigation ul li a.home{ position:relative; width:115px; height:153px; text-indent:-10000px; background-image:url(../_img/navigation/home.gif);  margin: 0px 0px 0 0px; float:left; background-repeat:no-repeat; }
#navigation ul li a:hover.home{ position:relative; background-position:-115px 0px; height:153px;}

/*Work button */
#navigation ul li a.work{ position:relative; width:125px; height:153px; text-indent:-10000px; background-image:url(../_img/navigation/work.gif); float:left; background-repeat:no-repeat; border-left:1px solid #31312e;}
#navigation ul li a:hover.work{ position:relative; background-position: -125px 0px; height:153px;}

/*About button */
#navigation ul li a.about{ position:relative; width:125px; height:153px; text-indent:-10000px; background-image:url(../_img/navigation/about.gif); margin: 0px 0px 0 0; float:left; background-repeat:no-repeat; border-left:1px solid #31312e; }
#navigation ul li a:hover.about{ position:relative; background-position: -125px 0px; height:153px;}

/*Dreams button */
#navigation ul li a.dreams{ position:relative; width:125px; height:153px; text-indent:-10000px; background-image:url(../_img/navigation/dreams.gif); margin: 0px 0px 0 0; float:left; background-repeat:no-repeat; border-left:1px solid #31312e; }
#navigation ul li a:hover.dreams{ position:relative;  background-position: -125px 0px; height:153px;}

/*Blog button */
#navigation ul li a.blog{ position:relative; width:125px; height:153px; text-indent:-10000px; background-image:url(../_img/navigation/blog.gif); margin: 0px 0px 0 0; float:left; background-repeat:no-repeat; border-left:1px solid #31312e; }
#navigation ul li a:hover.blog{ position:relative;  background-position: -125px 0px; height:153px;}

/*Contact button */
#navigation ul li a.contact{ position:relative; width:125px; height:153px; background-image:url(../_img/navigation/contact.gif); float:left;  background-repeat:no-repeat; border-left:1px solid #31312e; }
#navigation ul li a:hover.contact{ position:relative; background-position: -125px 0px; height:153px;}  
#navigation .contact {font-size:11px; font-weight:bold;}
#navigation li span {display:none;}
/********Footer********/

/*Footer - top of box */
#footer{ margin-top:23px; }
#footer .top{ padding-top:1px;}
#footer .top .left{ width:5px; height:5px; float:left; background-image:url(../_img/footerLeftCorner.gif); background-repeat:no-repeat; }
#footer .top .centre{ width:918px; height:5px; float:left; background-color:#262626}
#footer .top .right{ width:5px; height:5px; float:left; background-image:url(../_img/footerRightCorner.gif); background-repeat:no-repeat;}

/*Footer - Middle of box */
#footer .middle{  padding-top:1px; padding-bottom:10px; width:928px; background-color:#262626; }

/*Footer - Latest Blogs */
#footer .middle .left {  margin:12px 0 0 20px; width:250px; height:130px;  border-right:solid 1px #3a3a3a; padding-right:40px; float:left;  }
#footer .middle .left h5{ color:#a5a5a5; margin:10px 0 0 0; }
#footer .left .links{ margin: 5px 0 0 0 } 
#footer .left .links a{ color:#676767; font-size:12px; line-height:20px; }
#footer .left .links a:hover{ color:#858f00; }

/*Footer - Latest Work */
#footer .middle .centre {  margin:12px 0 0 20px; width:250px; height:130px; border-right:solid 1px #3a3a3a; padding-right:40px; float:left; }
#footer .middle .centre  h5{ color:#a5a5a5; margin:10px 0 0 0;  }
#footer .centre  .links{ margin: 5px 0 0 0 } 
#footer .centre  .links a{ color:#676767; font-size:12px; line-height:20px; }
#footer .centre  .links a:hover{ color:#858f00; }
/*Footer - Betenoir Limited */
#footer .middle .right{ margin:12px 0 0 20px; width:280px; height:130px; float:left; }
#footer .middle .right h5{ color:#a5a5a5; margin:0; font-size:12px; margin:10px 0 5px 0; } 
#footer .middle .right h6{ color:#858585; margin:0 10px 0 0; font-size:12px;  float:left; line-height:15px; } 
#footer .middle .right p{ font-size:12px; color:#676767; margin:0; line-height:15px; }
#footer .middle .right p.registration{ margin-top:4px; line-height:10px; color:#3F3F3F; font-size:10px;}

/*Footer -Secondary navigation */
#footer .navigation { margin:25px 0 0 265px; }
#footer .navigation  ul{ list-style:none;   }
#footer .navigation ul li{ display:inline; margin-right:4px; }
#footer .navigation ul li a{color:#7f7f7f; font-size:12px; }
#footer .navigation ul li a:hover{ color:#858f00; }


/*************************************************************   Home Page   *****************************************************************************************/
#container{ width:928px; margin: auto; }

/********Main Box********/

#contentBox {margin-bottom:-2px; color:#333333;}
#contentBox a, a:link {color:#006699; text-decoration:underline;}
#contentBox a:hover {text-decoration:none; color:#858f00;}

/*Main Box - top of box */
#contentBox .top .left{ width:5px; height:12px; background-image:url(../_img/topLeftCorner.gif); background-repeat:no-repeat; float:left; }
#contentBox .top .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#contentBox .top .right{ width:5px; height:12px; background-image:url(../_img/topRightCorner.gif); background-repeat:no-repeat; float:left; }

/*Main Box - middle of box */
#contentBox .middle { background-color:#FFFFFF; width: 100%;}

/*Main Box - middle of box -left side */
#contentBox .middle .left{ float:left;  margin-left:0px; width:430px;}
#contentBox .middle .left img{border:none; }
#contentBox .middle .left h1 {font-size:2em; }
#contentBox .middle .left .content {margin-top:50px; padding-left:30px; color:#000000; font-size:1em;}
#contentBox .middle .left .contentLarge {margin-top:100px; padding-left:20px; color:#000000; font-size:1em;}

#contentBox .middle .left .contentLarge p, #contentBox .middle .left .content p {font-size:1.25em;}

#contentBox .middle .left #contentBoxStrapline {margin-top:-25px; margin-left:-25px; position:absolute; z-index:1;}

#contentBox .middle .left .quote { margin:-10px 0 0 5px;}
#contentBox .middle .left p{font-size:12px; color:#333333; padding:0;}
#contentBox .middle .left .quote p{font-size:12px; color:#333333; padding:100px 0 0 20px;}

#contentBox .middle .left .aboutContent{ margin:110px 0 0 20px;  }
#contentBox .middle .left .aboutContent p{ font-size:1.25em;}

#contentBox .middle .left ul {list-style-image:url(../_img/css/bullet1.gif); font-size:14px; font-weight:bold;}

/*Main Box - middle of box -right side */
#contentBox .middle .right { float:right; margin:0; }

#contentBox .middle .rightWork { float:right; margin:0; width:450px; }
#contentBox .middle .right img.client{ margin-top:-300px; margin-bottom:-6px; position:relative; z-index:10px;  }

#contentBox .middle .right .websiteImages {margin:30px 30px 0 0px;}
#contentBox .middle .right .websiteImages img {margin:20px 0 0 0px;}

#contentBox .middle .rightPeople { float:right; width:445px; margin:80px 10px 0 0;}

/*Main Box - middle of box -lower section */
#contentBox .middle .aboutFlower { background-color:#d9d9d9; text-align:center; width:420px; height:210px; padding-top:1px; float:right; margin:33px 10px 0 0;}
#contentBox .middle .aboutFlower img{ float:left;}
#contentBox .middle .aboutFlower h3{ font-size:22px; margin:16px 0 15px 0;}
#contentBox .middle .aboutFlower h4{ font-size:16px; margin:0 0 20px 0;}
#contentBox .middle .aboutFlower p{ font-size:1.25em; margin:20px 10px 0 10px; color:#000000;}

#contentBox .middle .rightWork a{font-size:14px; font-weight:bold; float:right; margin:10px 30px 0 0;}

#contentBox .middle .rightPeople .peopleThumbnails{margin:40px 0 0 40px;}
#contentBox .middle .damienThumbnail{ float:left ; margin:0 40px 0 10px;}
#contentBox .middle .damienThumbnail h3 {font-size:16px; margin:0; padding:0;}
#contentBox .middle .kateThumbnail{ float:left;  margin:0 0px 0 10px;}
#contentBox .middle .kateThumbnail h3 {font-size:16px; margin:0; padding:0;}
#contentBox .middle .peopleThumbnails img.kateImg, #contentBox .middle .peopleThumbnails img.damienImg{ border:none; margin:0; padding:0;}


/*Main Box - bottom of box */
#contentBox .bottom .left{ width:5px; height:12px; background-image:url(../_img/bottomLeftCorner.gif); background-repeat:no-repeat; float:left; }
#contentBox .bottom .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; font-size:0px;}
#contentBox .bottom .right{ width:5px; height:12px; background-image:url(../_img/bottomRightCorner.gif); background-repeat:no-repeat; float:left; }

/* Home - bottom boxes */
.homeBottomBox {width:302px; margin:20px 7px 0 0; padding:0 0px 0 0px; float:left; color:#fff; }
.homeBottomBoxRight {float:right; width:300px; margin:20px 5px 0 0; color:#fff;}
.homeBottomContRight p, .homeBottomContRight #contactForm {margin-left:5px;}
.homeBottomCont {width:96%; border-right:1px solid #333333; padding-right:12px;height:290px;}
.homeBottomCont .heading, .heading{width:100%; background-color:#afba1f; padding:5px 0 5px 5px; }
.homeBottomCont .heading h2, .homeBottomContRight .heading h2 {padding:0; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000;}
.homeBottomCont p {margin-left:5px; color:#fff;}
.homeBottomContRight p {color:#fff;}
.homeBottomCont ul {list-style-image:url(../_img/css/bullet2.gif); margin-left:12px; padding-left:12px;}
.homeBottomCont ul li {margin-bottom:.75em; font-weight:bold; font-size:14px;}

.homeBottomCont .lovingCont {width:100%; margin:10px 0 5px 5px;}
.homeBottomCont .lovingCont .left {float:left; width:70px;}
.homeBottomCont .lovingCont .right {float:left; font-size:16px; font-weight:bold; width:210px;}
.homeBottomCont .lovingCont .right span {font-size:11px; font-weight:100;}

.homeBottomBox a, .homeBottomBox a:link {color:#fff; text-decoration:underline;}
.homeBottomBox a:hover {color:#858f00; text-decoration:none;}

/********Bottom Box********/
#bottomBox{ margin:18px 0 18px 0; }

/*Bottom Box - top of box */
#bottomBox .top{ height:12px; }
#bottomBox .top .left{ width:5px; height:12px; background-image:url(../_img/topLeftCorner.gif); background-repeat:no-repeat; float:left; }
#bottomBox .top .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#bottomBox .top .right{ width:5px; height:12px; background-image:url(../_img/topRightCorner.gif); background-repeat:no-repeat; float:left;}

/*Bottom Box - middle of box */
#bottomBox .middle { width:928px;  background-color:#FFFFFF;}

/*Bottom Box - blog section */
#bottomBox .middle .blogs{ float:left; width:307px; margin-right:4px; }
#bottomBox .middle .blogs .header{ position:relative; z-index:1; width:307px; height:56px; background-color:#000000;  padding-top:1px; }
#bottomBox .middle .blogs .header h2{ margin:12px 0 0 20px; width:250px; }
#bottomBox .middle .blogs .image{ }
#bottomBox .middle .blogs .float{ margin:-82px 0 0 0; padding-top:1px;}
#bottomBox .middle .blogs .float p{ margin:-75px 0 0 10px;  font-size:12px; width:290px; }


/*Bottom Box - We're loving... section */
#bottomBox .middle .loving{ float:left; width:307px; }
#bottomBox .middle .loving .header{ width:307px; height:56px; background-color:#000000;  padding-top:1px; }
#bottomBox .middle .loving .header h2{ margin:12px 0 0 20px; width:250px; }
#bottomBox .middle .loving .image{ height:250px;}
#bottomBox .middle .loving .float{ margin:-81px 0 0 0; }
#bottomBox .middle .loving .float p{ margin:-75px 0 0 10px;  font-size:12px; width:290px; }

/*Bottom Box - get more section */
#bottomBox .middle .more{ float:right; width:307px; height:307px; background-color:#262626;}
#bottomBox .middle .more .header{ width:307px; height:56px; background-color:#000000;  padding-top:1px;}
#bottomBox .middle .more .header h2{ margin:12px 0 0 20px; width:250px;}

/*Bottom Box - get more section - form */
#bottomBox .middle .more .image{ float:right; width:301px; height:246px; background-image:url(../_img/bugBackground.gif); font-size:12px;}
#bottomBox .middle .more .image h5{ font-size:12px; width:270px;  margin:18px 0 0 14px; font-weight:100;}
#bottomBox .middle .more .image .firstName{ margin: 20px 0 0 14px; }
#bottomBox .middle .more .image .firstName input{ margin-left:16px;}
#bottomBox .middle .more .image .lastName{  margin: 18px 0 0 14px; }
#bottomBox .middle .more .image .lastName input{ margin-left:12px;}
#bottomBox .middle .more .image .email{  margin: 18px 0 0 14px; }
#bottomBox .middle .more .image .email input{ margin-left:44px;}
#bottomBox .middle .more .image .signUp{ margin:18px 0 0 92px;}

/*Bottom Box - bottom of box */
#bottomBox .bottom{}
#bottomBox .bottom .left{ width:5px; height:12px; background-image:url(../_img/bottomLeftCorner.gif); background-repeat:no-repeat; float:left; }
#bottomBox .bottom .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#bottomBox .bottom .right{ width:5px; height:12px; background-image:url(../_img/bottomRightCorner.gif); background-repeat:no-repeat; float:left; }


/* FORM STYLES */
.inputbox {background:url('../_img/css/formField.gif') no-repeat; width: 261px; height: 23px; color:#37371c; font-size: 11px; border: none; padding: 4px 0 0 8px; margin: 0 0 10px 0;}
.inputboxSm {background:url('../_img/css/formField_small.gif') no-repeat; width: 131px; height: 23px; color:#37371c; font-size: 11px; border: none; padding: 4px 0 0 8px; margin:0 0 10px 0;}
#gobutton {background:url('../_img/css/formSubmit.gif') no-repeat; width: 69px; height: 28px; border: none; padding: 0; margin: 0 0 0 0;}
#contactForm {font-size:11px; font-weight:bold;}

#googleDirections { margin-top:1.5em; padding-top:1.5em; border-top:1px dotted #ccc;}
#blogRSS {margin:5px 5px 0 3px; padding:10px 0 0 0; border-top:1px dotted #333; width:285px;}
#blogRSS div{ float:left;}
#blogRSS .blogTwitter {float:right;}
/********************************************************************************************************/
/* Horizontal Carousel */

#horizontal_carousel {
  float:left;
  width: 928px;
  height: 210px;
  position: relative; 
  margin-top:2.5em;
  margin-bottom:7em;  
}         

#horizontal_carousel .container {
  position: absolute;
  width: 875px;
  overflow:hidden;   
  margin-left:27px;  
 
}            

#horizontal_carousel .previous_button {
  position: absolute;
  width: 27px;
  height: 200px;
  background-image:url(../_img/carousel/left.png);
  z-index: 1;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background-image:url(../_img/carousel/left-disabled.png);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  right: 0px;
  width: 27px;
  height: 200px;
  background-image:url(../_img/carousel/right.png);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background-image:url(../_img/carousel/right-disabled.png);
  cursor:default;
}

#horizontal_carousel ul {
  padding:0;
  width: 100000px;
  position: relative;
  top:0;
  left: 0;
  margin-left:15px;
  margin-top:15px;
}                      

#horizontal_carousel ul li img {
  display:block;
  border:none;
}                               
#horizontal_carousel ul li {
  list-style:none;   
  float:left;
  margin-right:15px;
  font-family:verdana,arial,sans-serif;
  font-size:10px;
  color:#fff;
}
/********************************************************************************************************/


/********Feature work Box********/

#featuredWorkBox{ }

/*Feature work Box - top of box */
#featuredWorkBox .top .left{ width:5px; height:12px; background-image:url(../_img/topLeftCorner.gif); background-repeat:no-repeat; float:left; }
#featuredWorkBox .top .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left;  }
#featuredWorkBox .top .right{ width:5px; height:12px; background-image:url(../_img/topRightCorner.gif); background-repeat:no-repeat; float:left; }

/*Feature work Box - middle of box */
#featuredWorkBox .middle { background-color:#FFFFFF; width: 928px; }


/*Feature work Box - middle of box -left side */
#featuredWorkBox .middle .left{ float:left;  margin: 0px 0 0 12px; width:412px; }
#featuredWorkBox .middle .left .thumbnails{ margin-top:18px;}
#featuredWorkBox .middle .left .thumbnails .thumb1{ width:134px; height:130px; background-color:#666666; float:left; margin-right:6px; }
#featuredWorkBox .middle .left .thumbnails .thumb2{ width:134px; height:130px; background-color:#666666; float:left;}
#featuredWorkBox .middle .left .thumbnails .thumb3{ width:134px; height:130px; background-color:#666666; float:right;}


/*Feature work Box - middle of box -right side */
#featuredWorkBox .middle .right{ float:right; width:470px;  }
#featuredWorkBox .middle .right .headerTop{ width:470px; height:50px; float:right; background-color:#000000; padding-top:1px; }
#featuredWorkBox .middle .right .text{ font-size:30px; font-family:"Arial Black"; margin:4px 0 0 12px; color:#FFFFFF;  }
#featuredWorkBox .middle .right .text2{ font-size:24px; font-family:"Arial Black"; width:400px;  margin:4px 0 0 12px; color:#FFFFFF;  }
#featuredWorkBox .middle .right .headerBottom { width:420px; height:42px; background-color:#000000;  padding-top:1px; margin-top:1px; }
#featuredWorkBox .middle .right .description { font-size:12px; width:415px; color:#373737; line-height:21px; margin:10px 0 0 0; text-align:justify; }
#featuredWorkBox .middle .right .description p.leftp{float:left; width:240px; }
#featuredWorkBox .middle .right .description .summary{ width:170px; background-color:#CCCCCC; float:right; margin:18px 0 0 0;}
#featuredWorkBox .middle .right .link{ margin:0 42px 0 0; }
#featuredWorkBox .middle .right .link .image{ width:40px; height:39px; float:left; background-image:url(../_img/link.gif); }
#featuredWorkBox .middle .right .link a{ font-size:12px; float:left; color:#272727; margin:12px 0 0 5px; }

/*Feature work Box - bottom of box */
#featuredWorkBox .bottom .left{ width:5px; height:12px; background-image:url(../_img/bottomLeftCorner.gif); background-repeat:no-repeat; float:left; }
#featuredWorkBox .bottom .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#featuredWorkBox .bottom .right{ width:5px; height:12px; background-image:url(../_img/bottomRightCorner.gif); background-repeat:no-repeat; float:left; }

/*************************************************************      Blog     *****************************************************************************************/

/*************************************************************  Dreams Page  *****************************************************************************************/
#contentBox .rightDreams{float:right; width:300px; margin-top:10px; margin-bottom:-12px; position:relative; z-index:10px;}
/*************************************************************  Find Us Page *****************************************************************************************/

/* Find Us Box - top of box */

#findBox .top .left{ width:5px; height:12px; background-image:url(../_img/topLeftCorner.gif); background-repeat:no-repeat; float:left; }
#findBox .top .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left;  }
#findBox .top .right{ width:5px; height:12px; background-image:url(../_img/topRightCorner.gif); background-repeat:no-repeat; float:left; }

/* Find Us Box - middle of box */
#findBox .middle { background-color:#FFFFFF; width: 928px; }

/* Find Us Box - middle of box -left side */
#findBox .middle .left{ float:left;  margin-left:12px;  width:321px;}

/* Find Us Box - middle of box -right side */
#findBox .middle .right{ float:left; width:569px; margin-left:26px;}
#findBox .middle .right .headerTop{ width:569px; height:50px;  background-color:#000000; padding-top:1px; }
#findBox .middle .right .text{ font-size:30px; font-family:"Arial Black"; margin:6px 0 0 10px; color:#FFFFFF;  }

#findBox .middle .right .left{ float:left; width:210px; }
#findBox .middle .right .left .address{}
#findBox .middle .right .left .address h5{ color:#000000; font-size:18px; margin:15px 0 0 0px;}
#findBox .middle .right .left .address p{ color:#000000; font-size:14px; margin:5px 0 30px 0px; line-height:20px;}
#findBox .middle .right .left .address h6{ color:#000000; font-size:12px; margin:0;}
#findBox .middle .right .left .postcode form{ margin:0;}
#findBox .middle .right .left .postcode .button{ margin-top:5px;}
#findBox .middle .right .right{float:left; width:300px;}
#findBox .middle .right .right .map{ width:300px; margin:10px 10px 0 0px; border:solid 2px #CCCCCC;}

/* Find Us Box - bottom of box */
#findBox .bottom{}
#findBox .bottom .left{ width:5px; height:12px; background-image:url(../_img/bottomLeftCorner.gif); background-repeat:no-repeat; float:left; }
#findBox .bottom .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#findBox .bottom .right{ width:5px; height:12px; background-image:url(../_img/bottomRightCorner.gif); background-repeat:no-repeat; float:left; }


/************************************************************* About Us Page *****************************************************************************************/

/*About Box - top of box */
#aboutBox .top .left{ width:5px; height:12px; background-image:url(../_img/topLeftCorner.gif); background-repeat:no-repeat; float:left; }
#aboutBox .top .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left;  }
#aboutBox .top .right{ width:5px; height:12px; background-image:url(../_img/topRightCorner.gif); background-repeat:no-repeat; float:left; }

/*About Box - middle of box */
#aboutBox .middle { background-color:#FFFFFF; width: 928px;  }
#aboutBox .middle .headerTop{ width:710px; height:50px;  background-color:#000000; padding-top:1px; float:right; position:relative;  z-index:1;}
#aboutBox .middle .headerTop .text{ font-size:30px; font-family:"Arial Black"; margin:6px 0 0 10px; color:#FFFFFF;  }

/*About Box - middle of box -left side */
#aboutBox .middle .left{ width:280px; height:235px; position:relative; float:left; top:-50px; left:12px; }

/*About Box - middle of box -right side */
#aboutBox .middle .right{ float:left;  width:579px; margin-left:45px; }
#aboutBox .middle .right .betenoir1{ margin-top:45px; margin-left:40px;}
#aboutBox .middle .right .betenoir1 img{ float:left; margin-right:10px; }
#aboutBox .middle .right .betenoir1 p{ color:#373737; width:550px;  font-size:18px; text-align:justify;}

#aboutBox .middle .betenoir2{ position:relative; top:-30px; left:20px; width:900px;}
#aboutBox .middle .betenoir2 img.header{ float:left; margin-right:15px; width:130px; height:26px;}
#aboutBox .middle .betenoir2 p{ color:#373737; width:894px; text-align:justify; font-size:14px;}

#aboutBox .middle .betenoir3{ position:relative; top:-30px; left:20px; width:900px;}
#aboutBox .middle .betenoir3 img{ float:left; margin-right:15px; width:243px; height:25px;}
#aboutBox .middle .betenoir3 p{ color:#373737; width:894px; text-align:justify; font-size:14px;}

#aboutBox .middle h2{ color:#373737; font-size:18px; margin:0 12px 10px 0; float:right;}
#aboutBox .middle .contact{  font-size:17px; width:270px; color:#373737; margin-right:12px; float:right;}
#aboutBox .middle .contact .phone{ float:left; margin:1px 20px 0 0; }
#aboutBox .middle .contact .email a{ background-image:url(../_img/emailBtn.gif); width:87px; height:24px; float:left}

/*About Box - bottom of box */
#aboutBox .bottom .left{ width:5px; height:12px; background-image:url(../_img/bottomLeftCorner.gif); background-repeat:no-repeat; float:left; }
#aboutBox .bottom .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#aboutBox .bottom .right{ width:5px; height:12px; background-image:url(../_img/bottomRightCorner.gif); background-repeat:no-repeat; float:left; }

/********About Damien and Kate Box********/
#peopleBox{ margin:40px 0 0 0;}

/*About Damien and Kate Box - top of box */
#peopleBox .top{ height:12px;}
#peopleBox .top .left{ width:5px; height:12px; background-image:url(../_img/topLeftCorner.gif); background-repeat:no-repeat; float:left; }
#peopleBox .top .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#peopleBox .top .right{ width:5px; height:12px; background-image:url(../_img/topRightCorner.gif); background-repeat:no-repeat; float:left; }


/*About Damien and Kate Box - middle of box */
#peopleBox .middle{background-color:#FFFFFF; width: 100%; }
#peopleBox .middle #contentBoxStrapline{margin-top:-25px; margin-left:-20px; position:absolute; z-index:1; width:178px; height:54px;}

/*About Damien and Kate Box - Damien section */
#peopleBox .middle .left{ float:left; width:440px; color:#000000; font-size:1.25em; margin-left:20px; margin-top:25px; position:relative; z-index:10;}
#peopleBox .middle .right{ float:right; margin:0px 20px 0 0; }

/*About Damien and Kate Box - Kate section */



/*About Damien and Kate Box - bottom of box */
#peopleBox .bottom .left{ width:5px; height:12px; background-image:url(../_img/bottomLeftCorner.gif); background-repeat:no-repeat; float:left; }
#peopleBox .bottom .centre{ width:918px; height:12px; background-color:#FFFFFF; float:left; }
#peopleBox .bottom .right{ width:5px; height:12px; background-image:url(../_img/bottomRightCorner.gif); background-repeat:no-repeat; float:left; }


/* Footer */
.footerContent {padding:1em; text-align:center; color:#999; border-top:1px dotted #333; margin-top:2em; width:920px; margin-left:3px;}

/* New portfolio styles */
.folio-row  {
	margin-left:50px;
}
.folio-row .folio-item {
	width:250px;
	float:left;
	margin:0 31px 0 0;
	padding:2em 0 1em 0;
	overflow:hidden;
}
.folio-row .folio-item div {
	width:225px;
	margin-left:8px;
}
.folio-row .folio-item img {
	width:245px;
	border:none;
}
.folio-row .folio-item .divider {
	border-top:2px solid #ccc;
}

