body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
  margin: 0; padding: 0; border: 0; outline: none;
}
body {
  background:#21d6fe url(../images/body-bg.gif) repeat-x top;
  color:#03232a;
  font:11px Arial;
  line-height:15px;
  position:relative;
}
a {
  color:#03232a;
  font:11px Arial;
}
a.logo {
  background:url(../images/logo.gif);
  display:block;
  height:107px;
  text-indent:-9999px;
  width:132px;
}
h1.corporate-img, h1.creative-img, h1.blog-img {
  height:44px;
  text-indent:-9999px;
  width:193px;
}
h1.corporate-img {
  background:url(../images/h1-corporate-bg.gif) no-repeat;
}
h1.creative-img {
  background:url(../images/h1-creative-bg.gif) no-repeat;
}
h1.blog-img {
  background:url(../images/h1-blog-bg.gif) no-repeat;
}
h2 {
  color:#074f52;
  font:16px "Trebuchet MS";
  padding-bottom:15px;
}
h2 a {
  color:#074f52;
  font:16px "Trebuchet MS";
  padding-bottom:15px;
  text-decoration:none;
}
h3 {
  color:#008caa;
  font:15px "Trebuchet MS";
  padding-bottom:5px;
}
h3 a {
  color:#008caa;
  font:15px "Trebuchet MS";
  padding-bottom:5px;
}
p {
  padding-bottom:20px;
}
p.lead {
  color:#008caa;
  font:13px Georgia;
  padding-bottom:20px;
}
p.date {
  color:#6a7676;
  font:11px Georgia;
  padding-bottom:5px;
}
strong.highlight {
	background-color:#ffe716;
}
table {
  border-collapse:collapse;
  margin:10px 0 10px 0;
}
td {
  border:1px solid #000;
  padding:5px;
}
.left {
  float:left;
}
.right {
  float:right;
}
.clear {
  clear:both;
}
.bodyindex {
  background:url(../images/body-bg-index.gif) repeat-x;
}
.color-fill1 {
  background:#ffe716;
  border-top:512px solid #00B3DA;
  height:373px;
  left:0;
  position:absolute;
  top:142px;
  width:50%;
}
.color-fill2 {
  background:#ffe716;
  height:250px;
  position:absolute;
  left:0px;
  top:795px;
  width:100%;
}
.pagination, .pagination a {
  color:#0e677c;
  font:13px "Trebuchet MS";
}
.pagination a {
  margin:0 2px 0 2px;
}
.pagination span.current {
  background:#ffe718;
  color:#03232a;
  padding:0 4px 0 4px;
  text-decoration:none;
}
.pagination span.prev_page, .pagination a.prev_page, .pagination span.next_page, .pagination a.next_page {
  background:#d2f2fa;
  border-bottom:1px solid #21d6fe;
  border-top:1px solid #21d6fe;
  color:#0e677c;
  font:12px Georgia;
  margin-right:11px;
  padding:0 11px 0 5px;
}
.pagination span.disabled {
  background:#eee;
}
#wrapper {
  margin:0 auto;
  width:1210px;
}
#header, #header-index {
  border-bottom:solid 2px #21d6fe;
  float:left;
  height:125px;
  position:relative;
  width:100%;
}
#header-index {
  border-bottom:none;
  height:142px;
}
#search {
  background:url(../images/search-blue-bg.gif);
  height:71px;
  left:608px;
  position:absolute;
  top:0;
  width:232px;
}
#search.search-active {
  background:url(../images/search-yellow-bg.gif);
}
#search input.form-button, #search input.input-text, #newsletter input.form-button {
  position:absolute;
}
#search input.input-text {
  left:20px;
  top:35px;
}
#search input.form-button {
  left:195px;
  top:35px;
}
#search h3, #newsletter h3 {
  display:block;
  height:10px;
  left:4px;
  position:absolute;
  top:10px;
  text-indent:-9999px;
  width:100px;
}
#search p, #newsletter p {
  padding:0;
}
#search input.input-text {
  font:12px "Trebuchet MS";
  height:17px;
  padding:2px;
  width:160px;
}
#newsletter {
  background:url(../images/newsletter-bg.gif);
  color:#0e677c;
  font:13px Georgia;
  height:103px;
  left:848px;
  position:absolute;
  top:0;
  width:254px;
}
#newsletter p {
  display:block;
  height:66px;
  left:8px;
  position:absolute;
  top:34px;
  width:247px;
}
#newsletter p span {
 display:block;
 font-weight:bold; 
}
#newsletter label {
  float:left;
  display:block;
  left:0px;
  position:absolute;
  top:45px;
}
#newsletter input.input-text {
  float:left;
  font:12px "Trebuchet MS";
  height:17px;
  left:41px;
  position:absolute;
  padding:2px;
  top:40px;
  width:156px;
}
#newsletter input.form-button {
  left:210px;
  top:35px;
}
ul#secondary-menu, ul#index-menu {
  height:18px;
  margin-left:126px;
  list-style-type:none;
}
ul#secondary-menu li, ul#index-menu li {
  float:left;
  margin-right:2px;
}
ul#secondary-menu li a {
  background:url(../images/secondary-menu-bg-h.gif);
  color:#fff;
  display:block;
  font:14px Georgia;
  height:18px;
  padding-left:7px;
  text-decoration:none;
  width:81px;  
}
ul#index-menu li a {
  background:none;
  color:#000;
  display:block !important;
  display:inline;
  font:12px Georgia;
  height:16px;
  padding:1px 6px 0 5px;
  text-decoration:none;
}
ul#index-menu li a:hover {
  background:#ffe716;
}
ul#secondary-menu li a.active {
  background:url(../images/secondary-menu-bg.gif);
  color:#000;
}
ul#secondary-menu li a:hover {
 background:url(../images/secondary-menu-bg-hover.gif);
 color:#000;
}
ul#secondary-menu li a.active:hover {
 background:url(../images/secondary-menu-bg-hover.gif);
 color:#000;
}

#main-menu {
  float:left;
  min-height:50px !important;
  height:auto;
  width:126px;
}
#main-menu ul#root-menu {
  float:right;
  list-style-type:none;
  margin-right:1px;
  width:123px;
}
#main-menu ul#root-menu li {
  float:left;
}
#main-menu ul#root-menu li a {
  background:url(.../images/menu-item-bg.gif) bottom left no-repeat;
  color:#0d5a6c;
  display:block;
  font:12px Georgia;
  margin-bottom:1px;
  padding:6px 4px 7px 4px;
  text-decoration:none;
  width:115px;
}
#main-menu ul#root-menu li a:hover {
  background:#ffe716;
}
#main-menu ul#root-menu li a.active {
  background:none;
  color:#000000;
}
#main-menu ul#root-menu li a.expandable {
 background:#ade8f6;
 color:#008caa;
}
#main-menu ul#root-menu li a.expandable:hover {
  background:#ffe716;
}
#main-menu ul#root-menu li.sub-menu ul {
  list-style-type:none;
  padding-left:10px;
  width:109px;  
}
#main-menu ul#root-menu li.sub-menu ul li a {
  background:#ade8f6;
  font-size:11px;
  padding-left:0;
  width:109px;
}
#main-menu ul#root-menu li.sub-menu ul li a span {
 font-size:13px; 
}
#main-menu ul#root-menu li.sub-menu ul li a:hover {
  background:#ffe716;
}
#main-menu ul#root-menu li.sub-menu ul li a.sub-expandable {
  color:#0d5a6c;
  font-size:12px;
  padding-left:4px;
  width:105px;
}
#main-menu ul#root-menu li.sub-menu ul li a.active {
  color:#02a120;
}
#main-menu ul#root-menu li.sub-menu ul li.sub-sub-menu ul {
  padding-left:0px;
}
#main-menu ul#root-menu li.sub-menu ul li.sub-sub-menu ul li a {
  font-size:11px;
}
#main-menu ul#root-menu li a.active {
 color:#02A120;
}

#content {
  background:#fff;
  float:left;
}
div.text {
	min-height:800px;
	height:auto !important;
	height:800px;
  padding:24px 31px 0 39px;
  width:776px;
}
div.text img {
  border:1px solid #000;
  margin:0 0 15px 0;
}
div.text img.left {
  float:left;
  margin:0 24px 16px 0;  
}
div.text img.right {
  float:right;
  margin:0 0 5px 30px;  
}
div.text ul#search-results {
  list-style-type:none;
  width:632px;
}
div.text ul#search-results li {
  color:#03232a;
  font:11px Arial;
  margin-bottom:17px;
}
div.text ul#search-results li a {
  color:#074f52;
  display:block;
  font:13px "Trebuchet MS";
}
div.blog {
  height:auto;
  padding: 11px 11px 50px 12px;
  width:825px;
}
div#picture-cont div.blog {
	padding: 0px;
}
div.blog img {
  border:1px solid #000;
  margin-bottom:4px;
}
div.blog .photo-holder {
	text-align:center;
}
div.blog div.post {
  border-top:1px solid #21d6fe;
  display:block;
  font:11px "Trebuchet MS";
  margin-bottom:15px;
  padding:7px 0 2px 0;
}
div.blog div.post p {
  color:#03232a;
  font:11px "Trebuchet MS";
  padding-bottom:0;
}
div.blog div.post p a {
  color:#03232a;
}
div.blog div.comment {
  background:#beedf8;
  border-bottom:1px solid #21d6fe;
  color:#0e677c;
  font:12px Georgia;
  margin-bottom:27px;
  padding:5px 5px 6px 7px;
  position:relative;
}
div.blog div.comment a {
  color:#0e677c;
  font:12px Georgia;
  text-decoration:none;
}
div.blog div.comment span {
  color:#6a7676;
  font:12px Georgia;
  padding-left:362px;
  position:absolute;
  right:10px;
}
div.blog ul.comments-short, div.blog ul.comments-long {
  border-bottom:solid 1px #21d6fe;
  list-style-type:none;
  width:500px;
}
div.blog ul.comments-long {
  width:800px;
}
div.blog ul.comments-short li {
  padding-bottom:22px;
}
div.blog ul.comments-short span.name, div.blog ul.comments-short a.name, div.blog ul.comments-short span.content-text {
  display:block;
}
div.blog ul.comments-short span.name, div.blog ul.comments-short a.name {
  color:#6a7676;
  font:13px Georgia;
  margin-bottom:4px;
  text-decoration:none;
}
div.blog ul.comments-short span.content-text {
    color:#03232a;
    font:11px "Trebuchet MS";
}
div.blog p.add-comment {
  background:#ffe718;
  border-top:1px solid #21D6FE;
  color:#0e677c;
  font:12px Georgia;
  margin-top:2px;
  padding:2px 0 4px 4px;
  width:495px;
}
div.blog ul.form {
  list-style-type:none;
}
div.blog ul.form li {
  margin-bottom:17px;
  width:495px;
}
div.blog ul.form li span.error {
  color:#c72929;
  font-size:12px;
  margin-left:10px;
}
div.blog ul.form textarea {
  background:#beedf8;
  border:none;
  color:#03232a;
  font:14px Arial;
  height:70px;
  margin-top:18px;
  padding:10px 0 10px 18px;
  resize:none;
  width:435px;
}
div.blog ul.form label {
 color:#0e677c;
 display:block;
 float:left;
 font:12px Georgia;
 padding:9px 6px 5px 0;
 line-height:2px;
 text-align:right;
 width:45px;
}
div.blog ul.form input.text-input {
  background:#beedf8;
  color:#03232a;
  height:17px;
  padding:2px;
  width:140px; 
}
div.blog ul.form input.button {
  background:#d2f2fa;
  border-bottom:solid 1px #21d6fe;
  border-top:solid 1px #21d6fe;
  color:#0e677c;
  font:12px Georgia;
  padding:0 4px 0 4px;
}
div.blog div.separator {
  border-top:solid 7px #ffe718;
  border-bottom:solid 1px #21d6fe;
  height:1px;
  margin-bottom:40px;
  width:495px;
}
#pagination, #pagination a {
  color:#0e677c;
  font:13px "Trebuchet MS";
}
#pagination a {
  margin:0 2px 0 2px;
}
#pagination a.active {
  background:#ffe718;
  color:#03232a;
  padding:0 4px 0 4px;
  text-decoration:none;
}
#pagination span.previous, #pagination a.previous, #pagination span.next, #pagination a.next {
  background:#d2f2fa;
  border-bottom:1px solid #21d6fe;
  border-top:1px solid #21d6fe;
  color:#0e677c;
  font:12px Georgia;
  margin-right:11px;
  padding:0 11px 0 5px;
}
div.pictures {
  height:auto;
  padding:9px 0 9px 9px;
  width:1074px;
}
div.pictures #picture-cont {
  float:left;
  margin-right:9px;
  width:895px;
}
div.pictures img {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
#picture-menu ul#picture-control, #picture-menu ul#picture-list {
  border-bottom:1px solid #21d6fe;
  float:left;
  list-style-type:none;
  margin-bottom:8px;
  padding-bottom:16px;
  width:127px;
}
#picture-menu ul#picture-control li, #picture-menu ul#picture-list li {
  float:left;  
}
#picture-menu li.direction {
  border-top:1px solid #21d6fe;
  border-bottom:1px solid #21d6fe;
  color:#21d6fe;
  float:left;
  margin-bottom:5px;
  padding:0;
  width:127px;
}
#picture-menu li.direction span {
  float:left;
}
#picture-menu li.direction a.previous, #picture-menu li.direction span.previous, #picture-menu li.direction a.next, #picture-menu li.direction span.next {
  background:#d2f2fa;
  color:#0e677c;
  display:block;
  float:left;
  font:12px Georgia;
  height:12px;
  margin:1px;
  padding:0 0 4px 4px;
  text-decoration:none;
}
#picture-menu li.direction a.previous, #picture-menu li.direction span.previous {
  width:54px;
}
#picture-menu li.direction a.next, #picture-menu li.direction span.next {
  width:49px;
}
#picture-menu li.picture-number, #picture-menu li.picture-info, #picture-menu li.picture-options {
  float:left;
  padding:0 0 0 2px;
  width:110px;
}
#picture-menu li.picture-number {
  color:#0e677c;
  font-size:10px;
  margin-bottom:15px;
}
#picture-menu li.picture-info {
  color:#008caa;
  margin-bottom:12px;
}
#picture-menu li.picture-info span {
  display:block;
  font-size:11px;
}
#picture-menu li.picture-options a {
  color:#00b3da;
  display:block;
  font:12px "Trebuchet MS";
}
#picture-menu ul#picture-list {
  padding-bottom:10px;
  width:150px;
}
#picture-menu ul#picture-list li {
 margin:0 4px 2px 0; 
}
#picture-menu ul#picture-list li img {
  margin:0;
}
#picture-menu ul#picture-list li img.current {
	opacity: 1;
}
#picture-list img {
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
div.index {
  position:relative;
  width:1027px;
}
div.index #corporate, div.index #creative, div.index #blog, div.index #blog-info {
  position:absolute;
}
div.index #corporate {
  background:#00b3da;
  height:512px;
  left:0;
  top:0 !important;
  top:-1px;
  width:696px;
}
ul.showcase {
  list-style-type:none;
}
ul.showcase li {
  float:left;
  position:relative;
}
ul.showcase li a.desc {
  background:#00b3da;
  color:#000;
  display:block;
  font-size:12px;
  left:1px;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  padding:4px;
  position:absolute;
  text-decoration:none;
  top:1px;
  width:150px;
}
ul.showcase li.desc div.wrapper {
	position:absolute;
	left:1px;
  top:1px;
	width:158px;
}
ul.showcase li.desc div.wrapper div.slide {
	position:relative;
}
ul.showcase li a.desc {
	position:static;
}
div.index #corporate ul.showcase li.small {
  display:inline;
  margin-right:14px;
}
div.index #corporate ul.showcase li a img {
 border:1px solid #fff;
}
div.index #creative {
  height:637px;
  left:696px;
  top:0;
  width:354px;
}
div.index #creative ul.showcase {
  margin:46px 0 0 9px;
}
div.index #creative ul.showcase li {
  margin:0 9px 7px 0;
}
div.index #creative ul.showcase li a img, div.index #blog ul.showcase li a img {
  border:1px solid #000;
}
div.index #blog {
  background:#ffe716;
  left:0;
  top:512px;
  vertical-align:bottom;
  width:696px;
}
div.index #blog ul.showcase {
  margin-top:4px;
}
div.index #blog ul.showcase li {
  display:inline;
  margin-right:13px;
}
div.index #blog ul.showcase li.small {
  margin-top:143px;
}
div.index #blog-info {
  height:232px;
  background:#ffe716;
  left:696px;
  top:653px;
  width:354px;
}
div.index #blog-info p.description {
  display:block;
  bottom:0;
  font:12px Georgia;
  position:absolute;
}
div.index #blog-info p.description a { font:12px Georgia; }
#picture-menu {
  float:left;
  font:12px "Trebuchet MS";
  width:127px;
}


/* INDEX FIXES */
ul#index-menu li a {
background: url(../images/index-menu-sep.gif) right top no-repeat;
display:block;
float:left;
}

ul#index-menu li a:hover {
background:#FFE716 none repeat scroll 0 0;
}

h1.creative-img {
background:transparent url(../images/h1-creative-bg.gif) no-repeat scroll 0 0;
}

div.index #creative ul.showcase {
margin:32px 0 0 27px;
}

div.index #creative ul.showcase li {
margin:0 9px 9px 0;
}

div.index #creative {
height:637px;
left:696px;
top:0;
width:390px;
}

ul.showcase li {
float:left;
margin-bottom:4px;
position:relative;
}

h1.blog-img {
background:transparent url(../images/h1-blog-bg.gif) no-repeat scroll 0 0;
}

h1 {
 height: 47px;
}

.color-fill2 {
background:#FFE716 none repeat scroll 0 0;
height:250px;
left:0;
position:absolute;
top:804px;
width:100%;
}

div.index #blog-info {
background:#FFE716 none repeat scroll 0 0;
height:232px;
left:696px;
top:662px;
width:354px;
}

#newsletter p {
display:block;
height:66px;
left:11px;
position:absolute;
top:34px;
width:238px;
}

div.index #blog-info p.description {
 margin:0 0 -7px -4px;
}
div.index #corporate {
background:#00B3DA none repeat scroll 0 0;
height:513px;
left:0;
top:-1px !important;
width:696px;
}

/* MENU FIX */
#main-menu ul#root-menu li a {
 padding:1px 4px 2px;
}

/* PICTURE PAGE MIN HEIGHT */
div.pictures {
min-height:900px;
height:auto !important;
height:900px;
padding:9px 0 9px 9px;
width:1074px;
}
