/*style.css by Georgina Sallery 03/2009 */

/* reset css */
html, body, div, span,
  applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dd, dl, dt, li, ol, ul,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul {
  list-style: none;
}

q:before, q:after,
  blockquote:before, blockquote:after {
  content: "";
}

/****eof reset.css *****/

body {
  margin: 0;
  padding: 0;
  background: url( "../images/pagebg2.jpg" ) top no-repeat;
  background-attachment: scroll;
  background-color: #101010;
  text-align: center;
  font-family: "lucida grande", "lucida sans", Tahoma, Arial, Verdana;
  font-size: 10pt;
}

a {
  color: #fff;
  border: none;
  text-decoration: none;
  outline: none;
}

/* Removes border, text decoration from images */
img {
  border: none;
  text-decoration: none;
  behavior: url( iepngfix.htc )
}

/* Container for content */
div#maincontainer {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
  height: 986px; 
/*height:auto !important;*/

}

div#container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -13px;;
  height: 795px;
  width: 1000px; /*height:auto !important;*/

}

div#containerP {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -13px;;
  height: 970px;
  width: 1000px; /*height:auto !important;*/
}

/*816*/
div#containerBP {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -13px;
  height: 828px;
  width: 1000px; /*height:auto !important;*/
}

/*833*/
div#containerBCR {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -13px;;
  height: 825px;
  width: 1000px; /*height:auto !important;*/
}

/*header */
div#header {
  margin-left: auto;
  margin-right: auto;
  margin-top: -13px;
  background: url( ../images/branches.png ) no-repeat;
  text-align: center;
  width: 950px;
  height: 103px;

}

/* positions logo */
.logo {
  margin-top: 100px;
  float: left;
  width: 263px;
}

/* positions menu */
.menu {
  padding-top: 94px;
  float: right;
  width: 468px;
}

/* menu styling */
.menu li {
  list-style-type: none;
  display: inline;

}

.menu li a {
  margin-right: 15px;
}

.home {
  display: block;
  width: 85px;
  height: 62px;
  background-image: url( ../images/home.png );
  background-repeat: no-repeat;
  overflow: hidden;
  float: left;
}

a.home {
  background-position: 0 0;
}

a.home:hover {
  background-position: -85px 0;
}

/*About Page content container */
.aboutpg {
  float: left;
  background: url( "../images/trans.png" ) repeat;
  color: #999;
  text-align: justify;
  width: 890px;
  height: 589px;
  margin-left: 25px;
  padding: 30px;
  clear: both;
}

.about {
  display: block;
  width: 95px;
  height: 62px;
  background-image: url( ../images/about.png );
  background-repeat: no-repeat;
  overflow: hidden;
  float: left;

}

a.about {
  background-position: 0 0;
}

a.about:hover {
  background-position: -95px 0;
}

.abstract {
  width: 240px;
  height: 450px;
  float: right;
  margin-right: 6px;
  margin-top: 10px;
  background-image: url( "../images/abstract.jpg" );
  border: 1px solid #000;
}

.abouttext {
  width: 580px;
  float: left;
  margin-left: 7px;
  margin-right: 7px;

}

.abouttext p {
  text-align: justify;
  line-height: 1.3em;
  margin-bottom: 1.3em;
}

.abouttext a {
  text-decoration: underline;
}

.abouttext a:hover {
  color: #6f9;
  text-decoration: underline;
}

.abouttext h3 {
  margin-top: 1.4em;
  margin-bottom: 1.0em;
  font-weight: 500;
  color: #3fff94;
  font-size: 11pt;
}

.portfolio {
  display: block;
  width: 131px;
  height: 62px;
  background-image: url( ../images/portfolio.png );
  background-repeat: no-repeat;
  overflow: hidden;
  float: left;

}

a.portfolio {
  background-position: 0 0;
}

a.portfolio:hover {
  background-position: -131px 0;
}

.contactb {
  display: block;
  width: 111px;
  height: 62px;
  background-image: url( ../images/contactb.png );
  background-repeat: no-repeat;
  overflow: hidden;
  float: left;

}

a.contactb {
  background-position: 0 0;
}

a.contactb:hover {
  background-position: -111px 0;
}

/* home page content */
div#welcome {
  float: left;
  color: #999;
  text-align: justify;
  width: 890px;
  margin-left: 25px;
  padding: 30px 30px 35px 30px;
  clear: both;
  background: url( "../images/trans.png" ) repeat;

}

.capture {
  width: 565px;
  float: left;
  overflow: hidden;
  margin-left: 5px;
  height: 300px;
  border: 1px solid #333;

}

.capture ul {
  position: relative;
  left: -565px;
  list-style-type: none;
  width: 9999px;

}

.capture ul li {
  display: inline;
  width: 565px;
}

.carousel-text {
  margin-right: 5px;
  background-color: #181818;
  width: 251px;
  height: 210px;
  float: left;
  position: relative;
  padding: 30px;


}

.carousel-text h1 {
  font-weight: 500;
  font-size: 12pt;
  color: #6f9;
  margin-bottom: 20px;
}

.showcase-control {
  float: left;
  width: 301px;
  height: 22px;
  background-color: #333;
  padding: 5px;
}

.showcase-control ul {
  padding-top: 4px;
}

.showcase-control ul li {
  display: inline;
  margin-right: 15px;
  font-size: 10pt;

}

.showcase-control ul li a:hover {
  color: #6f9;
}

#show-more {
  float: right;
  margin-right: 30px;

}

#view-label {
  float: left;
  margin: 0 30px 0 30px;
  color: #6f9;
}

.carousel-text-content {
  padding: 30px;
}

.project-block {
  display: none;
}

.project-block p {
  line-height:14pt;
}


.portfolio-heading {
  width: 100px;
  font-weight: 800;
  float: left;
  color: #fff;
  line-height:12pt;
  
}

.portfolio-title {
  margin-bottom: 20px;
  line-height:12pt;
  
}

/***eof Home Page showcase  ******/

.clr {
  clear: both;
}

.welcometext {
  margin-top: 30px;
  margin-left: 25px;
  margin-right: 30px;
  padding: 60px 30px 30px 30px;
  background: url( "../images/trans.png" ) repeat;
  color: #999;
  width: 450px;
  height: 300px;
  float: left;

}

.welcometext img {
  width: 353px;
  height: 22px;
}

.welcometext p {
  font-size: 10pt;
  width: 435px;
  float: left;
  margin-left: 7px;
  margin-right: 7px;
  text-align: justify;
  line-height: 1.3em;
  margin-bottom: 1.3em;
}

.welcometext a {
  text-decoration: underline;
  color: #999;
}

.welcometext  a:hover {
  color: #6f9;
}

/* home page opening paragraph */
.opening {
  margin-top: -70px;
  margin-left: 5px;
  margin-bottom: 20px;
  font-size: 16pt;
  color: #6f9;
}

/* home page - services offered */
div#wwd {
  margin-right: 25px;
  margin-top: 30px;
  float: left;
  width: 410px;
  height: 400px;
  border: #fff;
  background: url( "../images/trans.png" ) repeat;
}

/* services offered title */
div#wwd img {
  margin-top: 30px;
  margin-left: 37px;
  margin-bottom: 25px;
  margin-right: 80px;
  float: left;
  clear: both;
}

div#wwd ul {
  color: #6f9;
  margin-left: 50px;
}

div#wwd ul span {
  color: #999;
}

.wwd1blk {
  float: left;
}

.wwd2blk {
  float: left;
}

/* services offered list styling */
div#wwd ul li {
  line-height: 26pt;
  font-size: 11pt;
  text-align: left;
  width: 180px;
  float: left;
  list-style-type: square;
}

/* container showcasing portfoilo thumbs */
div#showcasetb {
  float: left;
  background: url( "../images/trans.png" ) repeat;
  color: #999;
  text-align: justify;
  width: 890px;
  margin-left: 25px;
  padding: 30px;
  clear: both;
}


#showcasetb ul {
  height:700px;
}

/*container for Contact form */
div#contactpg {
  float: left;
  background: url( "../images/trans.png" ) repeat;
  color: #999;
  text-align: justify;
  width: 890px;
  margin-left: 25px;
  padding: 30px;
  height: 560px;
  clear: both;
}

/*container for clients */
div#clientpg {
  float: left;
  background: url( "../images/trans.png" ) repeat;
  color: #999;
  text-align: justify;
  width: 890px;
  margin-left: 25px;
  padding: 30px;
  height: 540px;
  clear: both;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 3px;
}

.gallery li {
  margin: 15px 26px;
  padding: 0 12px;
  float: left;
  position: relative;
  width: 200px;
  height: 137px;
}

.gallery img {
  border: solid 2px #999;
}

.gallery a:hover img {
  border-color: #9F9;
}

.gallery span {
  width: 200px;
  height: 137px;
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  background: url( ../images/gloss.png ) no-repeat;
}

.gallery a {
  text-decoration: none;
}


.ie6bsdp {
  top:100px;
  left:-600px;
}

.ie6bay {
  top:-5px;
  left:150px;
}

/************gallery ends **********/

div#psection {
  float: left;
  color: #999;
  text-align: justify;
  width: 875px;
  height: 525px;
  margin-left: 7px;
  padding-top: 9px;
  padding-bottom: 30px;
  clear: both;
}

.pimage {
  float: left;
  width: 500px;
  background-color: #000;
  height: 550px;

}

.direct  a {
  width: 350px;
  color: #999;
  margin-left: 130px;
  text-decoration: underline;
}

.direct  a:hover {
  color: #6f9;
}

.ptext h1 {
  margin-top: 1px;
  font-size: 12pt;
  font-weight: 300;
  color: #6f9;
}

.ptext h2 {
  margin-top: 1px;
  font-size: 11pt;
  font-weight: 300;
  color: #6f9;
}

.ptext {
  float: right;
  width: 340px;
}

div#psection a {
  text-align: right;
  color: #999;
}

div#psection a:hover {
  color: #6F9;
}

.ptext p {
  font-size: 10pt;
  text-align: justify;
  line-height: 1.3em;
  margin-bottom: 1.3em;
}

.ptext h1 {
  margin-bottom: 1.0em;
  font-weight: 500;
  color: #3fff94;
  font-size: 12pt;
  letter-spacing:0.5px;
}

.ptext h2 {
  margin-top: 2em;
  margin-bottom: 1.0em;
  font-weight: 500;
  color: #3fff94;
  font-size: 11pt;
  letter-spacing:0.5px;
}

.ptext img {
  float: left;
  margin-right: 15px;
  border: 1px solid #ccc;
}

blockquote {
  font: italic 1em / 1.6em helvetica, sans-serif;
  width: 320px;
  background: url( ../images/close-quote.png ) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;

}

blockquote p:first-letter {
  background: url( ../images/open-quote.png ) no-repeat left top;
  margin-left: 20px;
  padding-left: 25px;
  font-family: helvetica, sans-serif;
  line-height: 1.3em;

}

.backb {
  width: 150px;
  margin-left: 735px;
  line-height:1.6em;
}

.author {
  font: 1em / 1.6em helvetica, sans-serif;
  line-height:1.6em;
  font-style: italic;
  float: right;
  margin:5px 20px 50px 0;
  width: 250px;
  text-align: right;
}

.tooltip {
  padding: 0;
  border: 0;
  background-color: #333;
  width: 160px;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 10px;
  color: #999;

}

#control_overlay {
  background-color: #000;
  color: #666;
}

/****************************Portfolio ends **/

/* Footer content*/

div#footer {
  margin-left: auto;
  margin-right: auto;
  background-image: url( ../images/sfooter.png );
  background-repeat: no-repeat;
  color: #999;
  width: 979px;
  height: 300px;
  position: relative;
  bottom: 85px;

}

.footermenu {
  font-family: "lucida grande", "lucida sans", Tahoma, Arial, Verdana, sans-serif;
  font-size: 10pt;
  text-align: left;
  padding-top: 90px;
  padding-left: 1em;
  margin: 0;
  list-style-type: none;
  position: relative;

}

.footermenu  a {
  color: #999;
  padding: 0.5em 1em;

}

.footermenu a:hover {
  color: #6f9;
}

.footermenu  li {
  display: inline;
}

.footercontact {
  margin-top: 2em;
  text-align: left;
  font-size: 10pt;
  padding-left: 2em;
  list-style-type: none;
}

.footercontact a {
  color: #999;
}

.footercontact  a:hover {
  color: #6f9;
}

.footercontact  img {
  margin-right: 10px;
}

.copy {
  font-size: 10pt;
  text-align: right;
  margin-top: -15px;
  padding-right: 25px;
}

/* w3c xhtml 1.0 validation */

.validhtml {
  font-family: "lucida grande", "lucida sans", Tahoma, Arial, Verdana, sans-serif;
  font-size: 10pt;
  text-align: right;
  margin-top: -15px;
  padding-right: 25px;

}

.validhtml a {
  text-decoration: underline;
}

/* end footer content */

/*Contact Form */

contact {
  margin-bottom: 30px;
}

.contacttext {
  width: 560px;
  text-align: justify;
  line-height: 1.3em;
  margin-bottom: 1.3em;
  margin-left: 7px;
}

.contacttext a:hover {
  color:#6f9;
}


.cform {
  margin-left: -2px;
}

label {
  float: left;
  width: 80px;
  margin-right: 0.5em;
  padding-top: 0.2em;
  text-align: right;
}

fieldset {
  border: none;
}

.fieldcontainer {
  margin-top: 1.5em;

}

.fieldcontainerb {
  margin-top: 1.5em;
  margin-left: 6.4em;
}

input {
  background-color: #333;
  border: 1px solid #888;
  color: #fff;

}

textarea {
  background-color: #333;
  border: 1px solid #888;
  color: #fff;

}

input[type="button"]:hover {
  border: 1px solid #6f9;
}

input[type="reset"]:hover {
  border: 1px solid #6f9;
}

/* Validation styles */
.invalid {
  background-color: #E9C;
  color: #000;
}

.valid {
  background-color: #333;
}

.submitted {
  color: #000;
  background-color: #333;
}

.feedback {
  width: 150px;
  color: #6f9;
  font-size: 11pt;
  margin-left: 20px;
  font-family: "lucida grande", "lucida sans", Tahoma, Arial, Verdana;
  font-size: 10pt;

}