/**
 * HTML Tags
 */

a, a:link, a:active, a:visited, a:hover {
  color: #1cb8ec;
  outline: none;
  text-decoration: none;
}

a:hover {
  color: #1cb8ec;
}

body {
  margin: 0;
  padding: 0;
  background: #fff url(/images/bgs/body.gif) center top repeat;
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: normal;
  text-align: center;
}

form {
  border: none;
  margin: 0;
  padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

p {
  margin: 20px 0;
}


/**
 * Wrapper
 */

#wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
}


/**
 * Header
 */

#header {
  height: 109px;
  margin: 11px 0;
}

#header a {
  float: left;
}

#header form {
  width: 308px;
  float: right;
}

#header form select {
  width: 145px;
  background: #dedede;
  border: 1px solid #dedede;
  color: #59595b;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  outline: none;
  padding: 0;
}


/**
 * Home
 */

#home {
  height: 229px;
  margin: 11px 0;
}

#home h1 {
  float: left;
  color: #eee;
  font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
  font-size: 72px;
  line-height: 60px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#home p {
  width: 308px;
  float: right;
  margin-top: 0;
}


/**
 * Portfolio
 */

#portfolio ul {
  width: 978px;
  list-style: none;
  margin: 11px 0;
  padding: 0;
}

#portfolio ul li {
  float: left;
  width: 308px;
  height: 240px;
  margin: 0 18px 0 0;
  position: relative;
}

#portfolio ul li a {
  position: absolute;
  width: 308px;
  height: 175px;
  top: 0;
  left: 0;
  z-index: 999;
  background: url(../images/buttons/over.png) -308px 0 no-repeat; 
}

#portfolio ul li a:hover {
  background: url(../images/buttons/over.png) 0 0 no-repeat; 
}

#portfolio ul li img {
  background: #fff;
  width: 308px;
  height: 175px;
  margin-bottom: 4px;
}

#portfolio ul li strong {
  color: #1cb8ec;
  font-weight: normal;
}


/**
 * Information
 */

#information {
  float: left;
  width: 308px;
}

#information h2 {
  font-size: 16px;
  line-height: 16px;
  margin: 0;
}

#information em {
  color: #dedede;
  font-style: normal;
}

#information ul,
#information ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}


/**
 * Slideshow
 */

#slideshow {
  float: right;
  width: 634px;
  min-height: 469px;
}

#slideshow ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#slideshow ul li {
  margin: 11px 0 0 0;
  padding: 0;
}

#slideshow ul.buttons {
  float: right;
}

#slideshow ul.buttons li {
  float: left;
  width: 145px;
  height: 18px;
  margin-left: 18px;
  overflow: hidden;
}

#slideshow ul.buttons li a {
  color: #59595b;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  outline: none;
  padding: 0 5px;
}

#slideshow ul.buttons li a.prev-project {
  background: #dedede url(/images/buttons/prev.gif) left center no-repeat;
  text-align: right;
}

#slideshow ul.buttons li a.prev-project:hover {
  background: #ccc url(/images/buttons/prev.gif) left center no-repeat;
}

#slideshow ul.buttons li a.next-project {
  background: #dedede url(/images/buttons/next.gif) right center no-repeat;
  text-align: left;
}

#slideshow ul.buttons li a.next-project:hover {
  background: #ccc url(/images/buttons/next.gif) right center no-repeat;
}

#slideshow ul.buttons li a.prev-project.disabled {
  background: #f6f6f6;
  text-indent: 1000px;
}

#slideshow ul.buttons li a.next-project.disabled {
  background: #f6f6f6;
  text-indent: 1000px;
}


/**
 * Slideshow > Scrollable
 */

#slideshow {
  position: relative;
}

#slideshow .scrollable {
  position: relative;
  overflow: hidden;
  width: 634px;
  height: 369px;
}

#slideshow .scrollable ul {
  position: absolute;
  width: 20000px;
  height: 369px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#slideshow .scrollable ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#slideshow .scrollable ul li img {
  width: 634px;
  height: 369px;
}


/**
 * Slideshow > Browse Links
 */

#slideshow a.browse {
  width: 145px;
  height: 369px;
  cursor: pointer;
  text-indent: -1000px;
  overflow: hidden;
}

#slideshow a.browse.left {
  background: url(../images/buttons/prev.png) left -35px no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
} 

#slideshow a.browse.left:hover {
  background: url(../images/buttons/prev.png) left 35px no-repeat;
}

#slideshow a.browse.right {
  background: url(../images/buttons/next.png) right -35px no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}

#slideshow a.browse.right:hover {
  background: url(../images/buttons/next.png) right 35px no-repeat;
}

#slideshow a.browse.disabled {
  visibility: hidden !important;
}


/**
 * Slideshow > Navigator
 */

#slideshow .navi {
  position: absolute;
  top: -19px;
  left: 0;
  width: 634px;
  height: 8px;
}

#slideshow .navi a {
  float: left;
  width: 6px;
  height: 6px;
  margin-right: 3px;
  background: #fff;
  border: 1px solid #666;
}

#slideshow .navi a:hover {
  border: 1px solid #1cb8ec;
}

#slideshow .navi a.active {
  background: #666;
  border: 1px solid #666;
}


/**
 * Contact
 */

#contact {
  float: left;
  width: 471px;
  margin-left: 18px;
  display: inline;
}

#contact fieldset input,
#contact fieldset textarea {
  border: 1px solid #dedede;
  color: #59595b;
  padding: 4px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

#contact fieldset input:focus,
#contact fieldset textarea:focus {
  /* to highlight blue
  border: 1px solid #1cb8ec;
  color: #1cb8ec;
  */
  border: 1px solid #59595b;
}

#contact fieldset.information {
  padding-top: 30px;
}

#contact fieldset.information input[type='text'] {
  clear: left;
  float: left;
  width: 135px;
  /* width: 298px; */
  margin: 0 18px 8px 0;
}

#contact fieldset.information textarea {
  width: 298px;
  height: 109px;
  margin-bottom: 11px;
}

#contact fieldset.information input.invalid,
#contact fieldset.information textarea.invalid {
  border: 1px solid #cc0000;
}

#contact fieldset.information em {
  clear: left;
  float: left;
  color: #dedede;
  font-style: normal;
  margin-top: -4px;
  text-indent: 5px;
}

#contact fieldset.submit {
  background: #eee;
  padding: 15px;
  text-align: right;
}

#contact fieldset.submit label {
  float: left;
  text-align: left;
}

#contact fieldset.submit img {
  float: left;
  width: 80px;
  height: 23px;
  border: 1px solid #999;
  margin: 4px 5px 0 0;
}

#contact fieldset.submit input[type='text'] {
  float: left;
  margin-top: 4px;
}

#contact fieldset.submit input[type='image'] {
  border: 0;
  margin-top: 2px;
}


/**
 * Footer
 */

#footer {
  clear: both;
  height: 109px;
  color: #4c4d4f;
  font-size: 11px;
  margin: 11px 0;
}

#footer p {
  float: left;
  width: 145px;
  height: 109px;
  margin: 18px 18px 0 0;
  padding: 0;
}


/**
 * Floating
 */

.clear {
  clear: both;
}

.left {
  float: left;
  display: inline;
  margin-right: 0;
}

.right {
  float: right;
  display: inline;
  margin-left: 0;
}


/**
 * Text Align
 */
  
.center {
  text-align: center;
}


/**
 * Errors
 */

ul.errors {
  border: 1px solid #cc0000;
  list-style: none;
  margin: 0;
  padding: 8px 10px;
}

ul.errors li {
  color: #cc0000;
  margin: 0;
  padding: 0;
}