/* GLOBAL */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
font-size: 62.5%;
font-family: arial, helvetica, "lucida grande", sans-serif;
}
img {
border: none;
}
.right {
float: right;
}
a {
color: #007cbc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

div.ffbug {
overflow: auto;
}
div.ffbug input:focus {
background: #ffc;
}




/* POSITIONING */

img#bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div#content {
position: relative;
z-index: 1;
min-width: 850px;
}
div#header {
height: 66px;
clear: both;
background: #e09e2f url("http://www.giantant.com/img/back_honeycomb.gif")
}
div#headerIn {
width: 825px;
}
div#headerNav {
float: right;
}
img#logo {
padding-top: 6px;
padding-left: 6px;
}
div#topshadow,
div#btmshadow {
width: auto;
height: 8px;
clear: both;
}
div#topshadow[id] {
background: url("http://www.giantant.com/img/shadow_top.png") repeat-x;
}
div#btmshadow[id] {
background: url("http://www.giantant.com/img/shadow_btm.png") repeat-x;
}
div#footerHome {
width: auto;
height: 325px;
clear: both;
background: #e09e2f url("http://www.giantant.com/img/back_honeycomb.gif")
}
div#footer {
width: auto;
height: 175px;
clear: both;
background: #e09e2f url("http://www.giantant.com/img/back_honeycomb.gif")
}
div#footerIn {
width: 700px;
padding-top: 16px;
padding-left: 68px;
}

div#floatRight {
width: 100%;
float: right;
margin-left: -600px;
overflow: hidden;
}
div#bandRight {
width: 100%;
margin-left: 600px;
margin-top: 60px;
}
div#floatRightWidePage {
width: 100%;
float: right;
margin-left: -850px;
overflow: hidden;
}
div#bandRightWidePage {
width: 100%;
margin-left: 850px;
margin-top: 60px;
}

.short {
height: 200px;
}
.medium {
height: 235px;
}
div.short[class],div.medium[class] {
background: url("http://www.giantant.com/img/back_honeycomb-red.png");
}
.tall {
height: 575px;
}
div.tall[class] {
background: url("http://www.giantant.com/img/back_honeycomb-brown.png");
}
div#floatLeft {
position: relative;
float: left;
width: 600px;
margin-bottom: 20px;
}
div#floatLeftWidePage {
position: relative;
float: left;
width: 850px;
margin-bottom: 20px;
}
div#bandLeft {
float: left;
margin-top: 60px;
width: 47px;
}
div#bandMain {
float: left;
margin-top: 18px;
margin-bottom: 18px;
width: 553px;
min-height: 700px;
}
div#bandMain[id] {
background: url("http://www.giantant.com/img/back_alpha-white.png");
}
div#bandMainWidePage {
float: left;
margin-top: 18px;
margin-bottom: 18px;
width: 803px;
min-height: 700px;
}
div#bandMainWidePage[id] {
background: url("http://www.giantant.com/img/back_alpha-white.png");
}


/* NAVIGATION MAIN */

div#headerNav ul {
list-style-type: none;
margin-top: 32px;
}
div#headerNav li {
display: block;
float: left;
margin-left: 20px;
text-align: top;
}
a#navAbout {
display: block;
float: left;
width: 92px;
height: 13px;
background: transparent url("http://www.giantant.com/img/nav_about-off.gif") no-repeat;
}
a#navWork {
display: block;
float: left;
width: 92px;
height: 13px;
background: transparent url("http://www.giantant.com/img/nav_work-off.gif") no-repeat;
}
a#navAntenna {
display: block;
float: left;
width: 92px;
height: 13px;
background: transparent url("http://www.giantant.com/img/nav_antenna-off.gif") no-repeat;
}
a#navAbout:hover {
background: transparent url("http://www.giantant.com/img/nav_about-on.gif") no-repeat;
}
a#navWork:hover {
background: transparent url("http://www.giantant.com/img/nav_work-on.gif") no-repeat;
}
a#navAntenna:hover {
background: transparent url("http://www.giantant.com/img/nav_antenna-on.gif") no-repeat;
}
div#Hidden img {
width: 1px;
height: 1px;
visibility: hidden;
}


/* HOME PAGE */

div#home {
margin: 24px 0 48px 48px;
width: 772px;
}
div#home[id]{
background: url("http://www.giantant.com/img/back_alpha-brown.png");
}
div#home h1 {
color: #c5b79e;
font-size: 1.3em;
font-weight: normal;
text-transform: uppercase;
padding: 21px 23px 27px 23px;
}
div#home p.homeLarge {
color: #fff;
font-size: 2.5em;
padding: 0 190px 20px 23px;
}
div#home a.arrow {
color: #cdbda0;
font-size: 1.5em;
text-transform: uppercase;
text-decoration: none;
background: url("http://www.giantant.com/img/arrow_more-brown.gif") 100% 0 no-repeat;
padding: 0 20px 0 23px;
}
div#home a.arrow:hover {
text-decoration: underline;
}
div#homeCells {
width: 772px;
height: 108px;
padding: 80px 0 18px 0;
}
div.homeCell {
float: left;
margin-left: 22px;
width: 204px;
height: 95px;
padding: 9px 12px;
}
div.homeCell h2 {
font-size: 1.0em;
text-transform: uppercase;
margin-bottom: 5px;
color: #cdbda0;
font-weight: normal;
}
div.homeCell p {
font-size: 1.3em;
color: #ece4de;
line-height: 130%;
margin-bottom: 5px;
}
div.homeCell a {
color: #ece4de;
text-decoration: underline;
line-height: 130%;
}
div.homeCell a:hover {
text-decoration: none;
}
div.homeCell[class] {
background: url("http://www.giantant.com/img/back_alpha-darker.png");
}
.pagination {
width: 36px;
text-align: right;
margin-right: -4px;
}
.pagination a {
display: block;
float: left;
background: #5c4a30;
width: 6px;
height: 6px;
margin-right: 4px;
text-decoration: none;
border: 1px solid #81735f;
}
.pagination a:hover, .pagination a.selected {
border: 1px solid #c0b9af;
}
#slider1 .contentdiv {
display: none;
}

div#address {
width: auto;
height: 135px;
padding-left: 15px;
}
img.switch,
a.switchOff {
display: block;
float: left;
width: 8px;
height: 8px;
margin-left: 4px;
}
a.switchOff {
background: url("http://www.giantant.com/img/switch_off.gif") no-repeat;
}
a.switchOff:hover {
background: url("http://www.giantant.com/img/switch_on.gif") no-repeat;
}
div#homeTwoTwo,
div#homeTwoThree {
display: none;
}
img#spacer {
width: 2%;
height: 6%;
visibility: hidden;
}

/* CONTENT PAGES */

div#pageHead {
font-size: 1.3em;
margin: 13px 15px;
padding: 5px;
text-transform: uppercase;
}
.headWhite {
color: #d35d2b;
}
.headWhite a {
color: #d35d2b;
}

.headOrange {
color: #fff;
background: #cc4c25;
}
.headOrange a {
color: #fff;
background: #cc4c25;
}

div#pageIntro {
margin: 0 20px 24px 20px;
color: #302e2d;
}
div#pageIntro p {
font-size: 1.9em;
line-height: 130%;
margin-bottom: 20px;
}
div#pageIntro a {
color: #989493;
font-size: 0.8em;
text-transform: uppercase;
padding-right: 15px;
background: url("http://www.giantant.com/img/arrow_more-gray.gif") 100% 50% no-repeat;
}

div#pageContent {
margin: 0 20px;
}
div#pageContent h1 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 10px;
}
div#pageContent ul.arrow {
list-style-image: url("http://www.giantant.com/img/bullet_arrow.gif");
margin-left: 30px;
margin-bottom: 18px;
}
div#pageContent ul.arrow li {
font-size: 1.3em;
margin-bottom: 10px;
}
div#pageContent p {
font-size: 1.3em;
margin-bottom: 15px;
margin-right: 30px;
}
div#pageContent p.photoCredit {
color: #949494;
}

div.smallBio {
padding-top: 8px;
border-top: 1px dotted #bdb6a9;
clear: both;
}
/* PAGE CONTENT MODULE */

div.pageModule[class] {
background: url("http://www.giantant.com/img/back_module-orange-top.png") no-repeat;
width: 483px;
padding: 15px;
clear: both;
float: left;
}
div.pageModuleBtm {
margin-bottom: 18px;
}
div.pageModuleBtm[class] {
background: url("http://www.giantant.com/img/back_module-orange-btm.png") no-repeat;
width: 513px;
height: 1px;
float: left;
}

div.pageModule img.right {
float: right;
clear: right;
border: 1px solid #eabaa7;
margin-left: 15px;
}
div.pageModule h2 {
color: #d35d2b;
font-size: 1.3em;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 6px;
}
div.pageModule p {
font-size: 1.3em;
margin-bottom: 6px;
}
div#pageContent div.pageModule ul.arrow li {
margin-bottom: 5px;
}
div.icons {
margin-top: 20px;
}
div.icons li {
list-style-type: none;
color: #949494;
display: block;
font-size: 1.3em;
margin-bottom: 5px;
}
div.icons a {
color: #007cbc;
padding-left: 15px;
text-decoration: none;
}

div.icons a:hover {
text-decoration: underline;
}

div.icons a.video {
background: url("http://www.giantant.com/img/icon_video.gif") 0 50% no-repeat;
}
div.icons a.report {
background: url("http://www.giantant.com/img/icon_file.gif") 0 50% no-repeat;
}
div.icons a.link {
background: url("http://www.giantant.com/img/icon_link.gif") 0 50% no-repeat;
}


/* RIGHT NAV */

div#navRight {
width: 225px;
}
div#navRight .short, div#navRight .medium {
background: #cc4c25;
}
div#navRight .tall {
background: #72562d;
}
div#navRight ul.navigation {
list-style-type: none;
padding-top: 16px;
}
div#navRight ul.navigation .large {
padding-bottom: 10px;
}
div#navRight ul.navigation .small {
padding-bottom: 6px;
}
div#navRight ul.navigation li.active[class],
div#navRight ul.navigation li.subnav active[class] {
background: url("http://www.giantant.com/img/navActive.png") 0 2px no-repeat;
}
div#navRight ul.navigation li.inactive:hover[class],
div#navRight ul.navigation li.subnav inactive:hover[class] {
background: url("http://www.giantant.com/img/navInactive.png") 0 2px no-repeat;
}
div#navRight ul.navigation li a {
font-size: 1.7em;
color: #fff;
padding-left: 20px;
text-decoration: none;
font-weight: normal;
}
div#navRight ul.navigation li.subnav a {
font-size: 1.4em;
color: #fff;
padding-left: 30px;
text-decoration: none;
font-weight: normal;
}
input.formsText {
color: #555;
font-size: 12px;
padding: 2px;
}
select.formsSelect {
color: #555;
font-size: 12px;
}
div#navRight h3 {
font-size: 1.7em;
color: #fff;
font-weight: normal;
padding: 15px 15px 8px 18px;
}
div#navRight label {
display: block;
font-size: 1.2em;
color: #fff;
padding: 0 15px 3px 18px;
}
div#navRight input.search {
margin-left: 18px;
margin-bottom: 6px;
width: 131px;
}
div#navRight input.button {
margin-left: 3px;;
}
div#navRight select {
margin-left: 18px;
width: 161px;
}
div#navRight ul.arrow,
div#navRight ul.arrowMore {
list-style-image: url("http://www.giantant.com/img/bullet_navarrow.gif");
margin: 0 10px 0 35px;
}
div#navRight ul.navLink {
list-style-image: url("http://www.giantant.com/img/icon_rss.png");
margin: 0 10px 0 38px;
}
div#navRight ul.arrowMore{
margin: 0 10px 10px 35px;
}
div#navRight ul.arrow li,
div#navRight ul.arrowMore li,
div#navRight ul.navLink li {
font-size: 1.2em;
margin-bottom: 10px;
}
div#navRight ul.arrow li a,
div#navRight ul.arrowMore li a,
div#navRight ul.navLink li a {
color: #fff;
text-decoration: none;
}
div#navRight ul.arrow li a:hover,
div#navRight ul.arrowMore li a:hover,
div#navRight ul.navLink li a:hover {
text-decoration: underline;
}
div#navRight p {
font-size: 1.2em;
color: #fff;
margin: 0 10px 15px 18px;
}

/* PORTFOLIO */

div.casestudyModule[class] {
background: url("http://www.giantant.com/img/back_module-orange-top.png") no-repeat;
width: 493px;
padding: 15px 10px;
clear: both;
float: left;
}
div.casestudyModuleBtm {
margin-bottom: 18px;
}
div.casestudyModuleBtm[class] {
background: url("http://www.giantant.com/img/back_module-orange-btm.png") no-repeat;
width: 513px;
height: 1px;
float: left;
}

div.casestudyModule h2 {
color: #d35d2b;
font-size: 1.3em;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 6px;
}
div#pageContent h1 {
font-size: 1.6em;
font-weight: bold;
margin-bottom: 6px;
}
div#pageContent .subinfo {
font-size: 1em;
text-transform: none;
color: #787473;
}
div#pageContent h2 {
color: #d35d2b;
font-size: 1.3em;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 6px;
}
div#pageContent h3 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 6px;
}

div.caseStudy {
float: left;
width: 155px;
margin-right: 14px;
cursor: pointer;
}
div.caseStudy {
font-size: 1.1em;
}
div.caseStudy div.csOuter {
background: #ddd8ca;
padding: 1px;
width: 151px;
height: 114px;
margin-bottom: 6px;
}
div.caseStudy div.csOuter img {
border: 1px solid #fff;
}
div#clientCols {
width: 510px;
margin-bottom: 20px;
font-size: 1.4em;
line-height: 150%;
float: left;
clear: both;
}
div#clientCols div#col1 {
float: left;
width: 185px;
white-space : nowrap;
}
div#clientCols div#col2 {
float: left;
width: 170px;
white-space : nowrap;
}
div#clientCols div#col3 {
float: left;
width: 155px;
white-space : nowrap;
}
div#clientCols a {
padding-left: 11px;
color: #007cbc;
background: url("http://www.giantant.com/img/link_casestudy.gif") 0 50% no-repeat;
text-decoration: none;
}
div#clientCols a:hover {
text-decoration: underline;
}



/* CASE STUDIES */

div#studyHead {
width: 503px;
height: 173px;
margin: 20px;
padding: 5px;
font-size: 1.3em;
color: #fff;
text-transform: uppercase;
}

div#studyHead a {
color: #fff;
}
div#studyHead a:hover {
text-decoration: underline;
}


div#studyLogo {
float: right;
}
div#caseIntro {
margin: 0 20px 15px 20px;
color: #302e2d;
}
div#caseIntro p {
font-size: 1.9em;
line-height: 140%;
margin-bottom: 20px;
}
div.pageModule div.quote {
font-size: 1.9em;
font-weight: bold;
line-height: 130%;
margin-left: 0.5em;
margin-bottom: 10px;
}
div.pageModule div.quote:first-letter {
margin-left: -0.5em;
}
div.pageModule div.attribution {
font-size: 1.5em;
padding-left: 1.0em;
}
ul.services {
list-style-type: none;
margin-left: 0;
padding-bottom: 10px;
}
ul.services li {
font-size: 1.3em;
margin-bottom: 10px;
}


/* BLOG */

div.blogEntry {
padding: 0 20px 25px 20px;
font-family: helvetica, arial, sans-serif;
}
div.blogCopy div.headline {
border-bottom: 1px dotted #bdb6a9;
width: 503px;
margin-bottom: 5px;
padding-bottom: 3px;
line-height: 130%;
}
div.blogCopy div.title {
font-size: 1.8em;
color: #cc4c25;
font-weight: normal;
padding-bottom: 5px;
line-height: 130%;
}
div.blogCopy div.title a {
text-decoration: none;
color: #cc4c25;
}
div.blogCopy div.title a:hover {
text-decoration: underline;
}
div.blogCopy div.meta {
font-size: 1.2em;
color: #949494;
}
div.blogCopy div.meta a {
color: #555;
text-decoration: none;
}
div.blogCopy div.meta a:hover {
text-decoration: underline;
}
div.blogCopy span.category {
text-transform: lowercase;
}
p.gray {
text-align: right;
color: #949494;
width: auto;
}
a.gray {
color: #949494;
text-decoration: none;
}
a.gray:hover {
text-decoration: underline;
}
div.blogCopy h2 {
font-size: 1.5em;
color: #000;
font-weight: normal;
width: 503px;
margin-top: 10px;
margin-bottom: 10px;
}
div.blogCopy p {
font-size: 1.2em;
line-height: 125%;
margin-bottom: 10px;
width: 478px;
}
div.blogEntry blockquote {
font-size: 1.2em;
margin-left: 20px;
line-height: 125%;
margin-bottom: 10px;
width: 458px;
}
div.blogEntry ul {
list-style-type: square;
margin-left: 20px;
margin-bottom: 10px;
}
div.blogEntry ol {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 10px;
}
div.blogEntry ul li,
div.blogEntry ol li {
font-size: 1.2em;
padding-bottom: 5px;
}

div#comments label {
display: block;
font-size: 1.2em;
line-height: 125%;
width: 478px;
}
div#comments input,
div#comments textarea {
margin-bottom: 15px;
}
div.comment {
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
}
div.comment-header p {
font-size: 1.4em;
}
div.comment-footer p {
font-size: 1.1em;
}

/* FORMS */

#pageContent input.formsText,
#pageContent textarea {
display: block;
width: 300px;
font-family: helvetica, arial, sans-serif;
padding: 2px;
font-size: 1.2em;
margin-bottom: 15px;
}
#pageContent input.formsText:focus,
#pageContent textarea:focus {
background-color: #ffc;
}
#pageContent label {
font-size: 1.4em;
display: block;
margin-bottom: 3px;
}