colours {
	color: #000000; /* black */
	color: #ffffff; /* white */
}
body.home,
body.internal {
	background: #414B55;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	margin: 0px 0px;
}
* {
	margin: 0px;
	padding: 0px; 
}
h1, h2, h3, h4, h5, h6 {
	font-size: 10px;
	line-height: 10px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	margin: 0px 0px;
	padding:0px;
}

/*- links --------------------------------------------------------------------*/
a {
	cursor: pointer;
  color: #2E0201;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
p {
	margin: 10px 0px;
}
ul {
	margin: 0px 0px 0px 20px;
}
img {
	border: 0;
}
hr {
  clear: both;
  margin: 10px 0px;
}
/*- classes ------------------------------------------------------------------*/
.left {
	float: left;
	margin: 0px 5px 0px 0px;
}
.right {
	float: right;
	margin: 0px 0px 0px 5px;
}

.textRight {
  text-align: right;
}
.textLeft {
  text-align: left;
}

.clear {
	clear: both;
  height: 1px;
  line-height: 1px;
}
#msg {
  margin: 10px 0px;
}
.error {
	margin: 10px 0;
	color: #ff0000;
	background-color : #ffeeee;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	padding: 10px;
}
.info {
	margin: 10px 0;
	color: #0000ff;
	background-color:	#eeeeff;
	border-bottom: 1px solid #0000ff;
	border-top: 1px solid #0000ff; 
	padding : 10px;
}
.success {
	margin: 10px 0;
	color: #009F62;
	background-color: #E6FFE6;
	border-top: 1px solid #009F62;
	border-bottom: 1px solid #009F62;
	padding: 10px;
}
/*- layout -------------------------------------------------------------------*/
img.iconImage {
	position: relative;
	top: 4px;
}

/*- site ---------------------------------------------------------------------*/

div#container {
  background: #fff url(images/borderFill.gif) repeat-y;
  width: 955px;
  color: #000;
  font-size: 11px;
  margin: 20px auto 10px auto;
  text-align: left;
	position: relative;
}
  body.home div#header {
    height: 292px;
  }
  body.internal div#header {
    height: 170px;
  }
    body.home div#headerImage {
      height: 180px;
    }
    body.internal div#headerImage {
      height: 132px;
    }
      body.internal div#headerImage img {
        position: absolute;
        top: 0px;
        left: 0px;
      }
    div#roller_nav {
      margin: 0px 2px;
      height: 74px;
    }
    
    
    
    div#nav {
      height: 38px;
      background: url(images/navBg.gif) repeat-x;
      margin: 0px 2px;
    }
      div#nav ul {
        list-style-type: none;
        padding: 6px 0px 0px 0px;
        margin: 0px;
      }
        div#nav li {
          display: inline;
        }
          ul#subNav {
            display: none;
            position: absolute;
            top: 285px;
            left: 192px;
            width: 191px;
            z-index: 10;
            background: #ADADAD;
          }
            ul#subNav {
              list-style-type: none;
              margin: 0px;
              padding: 0px !important;
            }
              ul#subNav li {
                background: #1C1C1C;
                margin: 2px;
                padding: 0px;
                text-align: center;
                display: block;
              }
                ul#subNav li a:link,
                ul#subNav li a:visited {
                  color: #F47B20;
                  font-weight: bold;
                  display: block;
                  padding: 5px 0px;
                  text-decoration: none;
                }
                ul#subNav li a:hover,
                ul#subNav li a:focus,
                ul#subNav li a:active {
                  background: #414B55;
                  color: #FFFFFF;
                  font-weight: bold;
                  display: block;
                  padding: 5px 0px;
                  text-decoration: none;
                }
  body.home div#main {
    background: url(images/contentFill.gif) repeat-y;
    width: 955px;
  }
  body.internal div#main {
      background: url(images/internalContentLarge.gif) no-repeat 100% 100%;
    width: 955px;
    float: left;
    clear: both;
  }
    div#sideNav {
      width: 195px;
      float: left;
      padding: 0px 0px 20px 0px;;
    }
      div#sideNav h3 {
        margin: 15px 20px;
        color: #767676;
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
      }
      div#sideNav ul {
        list-style-type: none;
        margin: 0px 4px;
      }
        div#sideNav li {
          background: #1C1C1C;
          margin: 2px 0px;
          font-size: 11px;
        }
          div#sideNav li a {
            color: #F47B20;
            text-decoration: none;
            display: block;
            width: 187px;
          }
            div#sideNav li span {
              display: block;
              padding: 6px 15px;
            }
          div#sideNav li a.selected,
          div#sideNav li a:hover {
            background: #414B55;
            color: #FFFFFF;
          }
    body.home div#content {
      position: relative;
      width: 575px;
    }
    body.internal div#content {
      float: left;
      width: 758px;
      margin: 0px 0px 20px 0px;
    }
      body.internal div#contentMain {
        float: left;
        width: 567px;
      }
      body.internal div#contentThin {
        float: left;
        width: 350px;
      }
        body.internal div#contentThin ul {
          margin: 0px;
          list-style-type: none;
        }
          body.internal div#contentThin li {
            background: url(images/orange_dot.jpg) no-repeat 0px 8px;
            padding: 5px 0px 5px 15px;
          }
      body.internal div#gallery {
        float: left;
      }
        body.internal div#gal_large {
          padding: 50px 10px 0px 10px;
        }
        body.internal div#gal_thumbs {
          padding: 10px 10px 0px 10px;
        }
          body.internal div#gal_thumbs img {
            margin: 0px 10px 0px 0px;
          }
        body.internal div#gal_enlarge {
          padding: 10px 10px;
          font-weight: bold;
          font-size: 12px;
          color: #333333;
        }
          body.internal div#gal_enlarge img {
            position: relative;
            top: 6px;
            right: 4px;
          }
        
        body.home div#contentInner {
          background: url(images/contentBg.jpg) no-repeat 2px 100%;
          padding: 10px 0px;
          min-height: 237px;
          _height: 236px;
        }
          body.home div#contentInner h2 {
            margin: 15px 0px;
            font-size: 20px;
            line-height: 20px;
            font-weight: normal;
          }
        body.internal div#contentInner {
          padding: 0px 25px;
        }
          body.internal div#contentInner h2 {
            color: #F47B20;
            margin: 15px 0px;
            font-size: 20px;
            line-height: 20px;
            font-weight: normal;
          }
        body.internal div#sideButtons {
          float: left;
          width: 190px;
          margin: 50px 0px 0px 0px;
        }
        div#contentText {
          padding: 0px 20px 50px 20px;
        }
          div#contentText h2 {
            color: #f47b20;
            font-weight: normal;
          }
          div#call2action {
            text-align: right;
            font-weight: bold;
            font-size: 12px;
            font-family: Tahoma, Arial, Verdana, sans-serif;
            color: #fff;
            width: 560px;
            position: absolute;
            bottom: 5px;
          }
            div#call2action p {
              margin: 5px 0px;
            }
        div#contentImage {
          width: 376px;
          height: 257px;
          position: absolute;
          bottom: 0px;
          left: 577px;
        }
        
  body.home div#footer {
    height: 37px;
    color: #fff;
    clear: both;
  }
  body.internal div#footer {
    height: 34px;
    color: #fff;
    clear: both;
  }
  body.home div#footer {
    background: url(images/footerBg.jpg) no-repeat 0% 100%;
  }
  body.internal div#footer {
    background: url(images/internalFooterBg.jpg) no-repeat 0% 100%;
  }
    div#copyright {
      float: left;
      padding: 12px 0px 0px 20px;
    }
    div#privPol {
      text-align: right;
      padding: 12px 20px 0px 0px;
    }
      div#privPol a {
        color: #fff;
      }
div#belowSite {
  color: #f47b20; /* orange */
  margin: 0px auto 10px auto;
  width: 800px;
}
  div#belowSite ul {
    list-style-type: none;
  }
    div#belowSite li {
      display: inline;
    } 
      div#belowSite .quickLinks {
        color: #949494;
      }
      div#belowSite a {
        color: #f0f0f0;
        text-decoration: none;
      }

#portfolioContainer {
  margin: 10px 0px;
}
  .portfolioEntry {
    background: #333333 url(images/portfolioRoundedRight.jpg) no-repeat 100% 0%;
    height: 105px;
    margin: 3px 0px;
  }
    .protfolioImage {
      float: left;
      width: 214px;
      background: #fff;
    }
    .portfolioInfo {
      color: #fff;
      margin-left: 225px;
      font-size: 10px;
      position: relative;
    }
      .portfolioInfo h4 {
        font-size: 12px;
        padding: 10px 0px 0px 0px;
      }
        .portfolioInfo a {
          text-decoration: none;
        }
        .portfolioClient {
          color: #dddddd;
        }
        .portfolioProject {
          color: #f47a24;
        }
      .portfolioText {
        height: 76px;
        overflow: hidden;
      }
      .portfolioLinks {
      }
        .portfolioLinks a {
          color: #f47a24;
          text-decoration: none;
        }
    #portfolio_prev_text span {
      float: left;
      width: 140px;
    }


/*- large portfolio ----------------------------------------------------------*/

#portfolio_container {
  height: 465px;
  background: url(images/portfolio_bg.jpg) no-repeat;
  position: relative;
}
  #portfolio_large {
  }
    #portfolio_titles {
      position: absolute;
      top: 40px;
      left: 514px;
    }
      #portfolio_titles p {
        font-size: 14px;
      }
        #portfolio_titles b {
          color: #F47B20;
          font-weight: bold;
        }
    #portfolio_image img {
      border: 2px solid #F47B20;
      position: absolute;
      top: 40px;
      left: 40px;
    }
    #portfolio_article {
      background: url(images/portfolio_text.jpg) no-repeat;
      width: 406px;
      height: 193px;
      position: absolute;
      left: 494px;
      top: 104px;
    }
      #portfolio_article_inner {
        padding: 10px 20px;
        color: #fff;
      }
    #portfolio_next_prev {
    }
      #portfolio_prev {
        position: absolute;
        left: 514px;
        top: 310px;
      }
      #portfolio_next {
        position: absolute;
        left: 715px;
        top: 310px;
      }
        












/*- superForm ----------------------------------------------------------------*/

form.superForm {
  width: 80%;
}

  form.superForm label {
    width: 40%;
    margin-right: 5%;
    margin: 5px 5% 5px 0px;
    float: left;
    text-align: right;
  }
  form.superForm .text {
    width: 50%;
    float: left;
    clear: right;
    border: 1px solid #333;
    margin: 5px 0px;
  }
  
/*- general forms ------------------------------------------------------------*/
input, textarea {
  border: 1px solid #333;
  margin: 5px 0px;
}

.submit {
  border: none;
}