/*################################## W3C #################################*/
body, div, 
h1, h2, h3, h4, 
h5, h6,ol, p, 
ul, hr   { display: block }
li              { display: list-item }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { padding: 8px; line-height: 1.33 }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .83em 0 }
h3              { font-size: 1.17em; margin: 1em 0 }
h4, p,
ul,
blockquote  { margin: 1.33em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
hr              { border: 1px inset }
ol, ul { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
a[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }
@media print {
@page         { margin: 10% }
h1, h2, h3,
h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
blockquote, 
pre           { page-break-inside: avoid }
ul, ol, dl    { page-break-before: avoid }
}
@media aural {
h1, h2, h3, 
h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
h1            { pitch: x-low; pitch-range: 90 }
h2            { pitch: x-low; pitch-range: 80 }
h3            { pitch: low; pitch-range: 70 }
h4            { pitch: medium; pitch-range: 60 }
h5            { pitch: medium; pitch-range: 50 }
h6            { pitch: medium; pitch-range: 40 }
li, dt, dd    { pitch: medium; richness: 60 }
dt            { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn           { pitch: high; pitch-range: 60; stress: 60 }
s, strike     { richness: 0 }
i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u             { richness: 0 }
a:link        { voice-family: harry, male }
a:visited     { voice-family: betty, female }
a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
/*################################## /W3C #################################*//*################################## FORMS #################################*/
form {
display:block;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
}
select,option,legend,fieldset,button,label{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
}
form th,form td,form p,form div,form span,form ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
}
legend{
color:#7d335f;
font-weight:bold;
}
fieldset
{
border-color: #7d335f;
border-width: 1px;
border-style: solid;
margin-bottom:10px;
padding:12px;
}
label{
display: inline;
cursor: pointer;
}
input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
vertical-align: middle;
}
label.required
{
/*
padding-left: 19px;
background-image: url(/assets/images/forms/required.gif);
background-repeat: no-repeat;
background-position: left top;
*/
}
label.error
{
padding-left: 19px;
background-image: url(/assets/images/forms/caution.gif);
background-repeat: no-repeat;
background-position: left top;
}
label.completed
{
padding-left: 19px;
background-image: url(/assets/images/forms/complete.gif);
background-repeat: no-repeat;
background-position: left top;
}
.completed{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
}
.error{
color: #f48521;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
}
input[type="checkbox"] + label, input[type="radio"] + label
{
padding: 0px;
margin: 4px;
padding-bottom: 10px;
}				
input[type="text"]
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
.textfield
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
select
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
background-color:#fff;
}
input[type="textarea"]
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
.textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
.button{
border-color: #CCC #777 #777 #CCC;
border-width: 1px 2px 2px 1px;
border-style: solid;
padding: 1px;
}
.button:active{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 1px;
}
.file{
border-color: #777 #CCC #CCC #777;
}
.formColumn{
float:left;
margin-right:10px;
}
.frozen{
display: block;
position: absolute;
left: 20%;
top:  40%;
z-index: 1000;
background-color: #ecac00;
width: 60%;
height: 20%;
}
.formMessage{
display: block;
position: absolute;
left: 15%;
top:  15%;
color:#000;
text-align: center;
padding:10px;
}
.labelDiv{
line-height: 16px;
/*background-color:blue;*/
}
.htmlDiv
{
line-height: 16px;
/*background-color: red;*/
}
.labelDivFloat{
float:left;
margin-right:10px;
}
.htmlDivFloat
{
float:left;
margin-right:10px;
width:200px;
}
.oneColField{
width:360px;
}
.oneColFieldSelect{
width:365px;
}
.oneColTextareaField{
width:360px;
height: 225px;
}
.postcardEmail{
width:243px;
}
.postcardMessage{
width:506px;
height: 190px;
}
.width514{
width:504px;
}
.halfColumn{
width:240px;
}
.thirdColumn{
width:150px;
}
.twothirdColumn{
width:330px;
}
.fullColumn{
width:497px;
}
.fullColumnArea{
width:497px;
height: 190px;
}
.fullColumnSet{
width:467px;
}
.halfColumnSet{
width:215px;
}
.thirdColumnSet{
width:150px;
}
.twothirdColumnSet{
width:290px;
}
.fullColumnAreaSet{
width:467px;
height: 190px;
}
.qtyField{
width:30px;
}
/*################################## /FORMS #################################*//*################################## CLIENT #################################*/
/* 
This is the css template client.css. 
Put css code in here that is specific to
this project.
*/
body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #444444;
line-height: 16px;
font-weight:normal;
color: #a79f93;
}
th,td,p,div,span,ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
text-align: left;
font-weight:normal;
color: #a79f93;
}
a:link, a:visited, a:hover, a:active, a:focus{
font-family: Arial, Helvetica, sans-serif;
background: transparent;
text-decoration: none;
color: #f48521;
font-size: 13px;
font-weight:normal;
}
a:hover{
text-decoration: underline;
color: #a79f93;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a.footer:link, a.footer:visited, a.footer:hover{font-family: Arial, Helvetica, sans-serif;  background: transparent; text-decoration: none; color: #6a6a6a; font-size: 11px;}
a.footer:hover{text-decoration: none; color: #a79f93;}
a.menuLink:link, a.menuLink:visited, a.menuLink:hover{font-family: Arial, Helvetica, sans-serif;  background: transparent; text-decoration: none; color: #a79f93; font-size: 13px;padding-left:2px;}
a.menuLink:hover{text-decoration: none; color: #f48521;}
#content    
{
margin-left: -465px;
position: absolute;
left: 50%;
width: 930px;
height: 565px;
color:#000;
background-image: url(/assets/images/tsunamiBaseLayer.gif);
}
/* hide from MSIE 5 Mac \  */
#content    
{
top: -282px;
}
#horizon        
{
text-align: left;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
.clearALL
{
clear: both;
margin: 0;
padding: 0;
width: 0;
height:0;
border:0;
line-height:0;
display:block;
}
#headline    
{
position: absolute;
top: 0px;
left: 15px;
width: 900px;
height: 37px;
line-height: 40px;
}
#footer    
{
position: absolute;
top: 565px;
left: 0px;
width: 930px;
margin: 0;
padding:0;
}
img{
border:0;
}
#copyright{
margin: 0;
padding:0;
float:right;
font-size: 11px;
color: #6a6a6a;
line-height: 20px;
}
#home{
position: absolute;
top: 48px;
left: 25px;
width: 880px;
height: 470px;
/*background-image: url(/assets/images/tsunami_marketing_design.jpg);*/
}
#text
{
display:block;
position: absolute;
top: 340px;
left: 350px;
width: 530px;
height: 171px;
z-index:4;
font-size:14px;
}
#footer_nav{
position: absolute;
top: 528px;
left: 15px;
width: 900px;
margin: 0;
padding:0;
height:37px;
}
#page_nav{
margin: 0;
padding:0;
list-style-type: none;
float:left;
}
#page_nav li
{
float: left;
background-color: transparent;
margin: 0;
padding:0;
text-align:center;
}
#page_nav li a
{
margin: 0;
padding:0;
}
#page_nav li a img
{
margin: 0;
padding:0;
}
/*
#page_nav li#thumbnail_advertising
{
float:left;
background-color: #444;
padding: 3px 2px 3px 10px;
margin: 0 2px 0 0;
background-image: url(/assets/images/arrowRightOrange.gif);
background-repeat: no-repeat;
background-position: 70px center;
display:block;
width:65px;
}
#page_nav li#thumb_advertising
{
float:left;
background-color: transparent;
padding: 4px 4px 4px 10px;
margin: 0;
}
#page_nav li#thumbnail_branding, #page_nav li#thumbnail_design, #page_nav li#thumbnail_communication
{
float:left;
background-color: #444;
padding: 3px 0 3px 2px;
margin: 0 2px 0 0;
background-image: url(/assets/images/arrowRightOrange.gif);
background-repeat: no-repeat;
background-position: 68px center;
display:block;
width:73px;
}
#page_nav li#thumbnail_website
{
float:left;
background-color: #444;
padding: 3px 4px 3px 2px;
margin: 0;
}
a.current_link
{
display:block;
padding-left:6px;
margin: 0;
background-image: url(/assets/images/arrowLeftOrange.gif);
background-repeat: no-repeat;
background-position: left center;
}
*/
.current_thumb{
border-color: #a79f93;
border-width: 1px;
border-style: solid;
width:54px;
height:28px;
}
#page_nav li.current_li
{
background-color: #444;
padding: 3px 2px 4px 2px;
/*padding: 3px 6px 3px 0px;*/
margin: 0;
background-image: url(/assets/images/currentProjectTabANIM.gif);
background-repeat: no-repeat;
background-position: center;
display: block;
width: 70px;
}
#page_nav li.first
{
padding: 3px 2px 4px 5px;
margin: 0;
background-image: url(/assets/images/arrowRightOrange.gif);
background-position: 69px center;
display: block;
width: 68px;
}
#page_nav li.last{
padding: 3px 2px 4px 2px;
margin: 0;
background-image: url(/assets/images/arrowLeftOrange.gif);
background-position: 2px center;
display:block;
width:68px;
}
/*
#page_nav li#li_overview
{
padding-left:0 !important;
}
*/
#page_nav li.thumbnail{
padding: 3px 2px 4px 2px;
margin: 0;
background-image: none;
display: block;
/*width:55px;*/
}
#page_nav li.thumbnail:first-child
{
text-align: right;
background-image: none;
display: block;
width: 56px;
}
#next_client
{
vertical-align: middle;
margin: 0;
padding:0;
}
#loading{
position: absolute;
top: 176px;
left: 360px;
width: 208px;
height: 208px;
display:none;
}
#menu{
position: absolute;
top: 48px;
left: 25px;
width: 880px;
height: 470px;
display:none;
background-color: #2b2b2b;
text-align:center;
}
#leftMenu{
float:left;
width:263px;
height:425px;
text-align:center;
}
#centerMenu{
float:left;
width:263px;
height:425px;
text-align:center;
}
#rightMenu{
float:left;
width:263px;
height:425px;
text-align:center;
}
.whiteFont{
color:#fff !important;
}
h2,h2 span{
font-size:12px;
margin-bottom:0;
font-weight:normal;
}
.staffName{
margin:0;
color: #a79f93;
font-size:14px;
}
.menuContent
{
text-align: left;
margin: 0 auto 0 auto;
width:80%;
padding:0;
}
.fullPage
{
position: absolute;
top: 48px;
left: 25px;
padding-right:40px;
padding-left:40px;
width: 800px;
height: 470px;
overflow: auto;
}
.columns
{
float: left;
width: 241px;
margin: 0 0 15px 15px;
}
.Largecolumn
{
float: left;
width: 492px;
margin: 0 0 15px 35px;
}
.centered{
margin:0 auto 0 auto;
padding:0;
width:75%;
}
#tsuTitle{
font-size:14px;
color: #a79f93;
line-height: 17px;
font-weight:normal;
}
h1, h1 span{
font-size:14px;
line-height: 17px;
font-weight:normal;
}
.tsuTitle{
font-size:14px;
color: #a79f93;
line-height: 17px;
font-weight:normal;
}
.orangeText{
color:#f48521 !important;
}
.whiteText{
color:#fff !important;
}
#awards{
padding-top:18px;
color: #a79f93;
}
#processes{
padding-top:50px;
color: #a79f93;
}
#news{
padding-top:50px;
padding-left:40px;
padding-right:40px;
color: #a79f93;
}
#jobs{
padding-top:50px;
padding-left:40px;
padding-right:40px;
color: #a79f93;
}
#staff{
padding-top:70px;
padding-left:40px;
color: #a79f93;
}
#menuPage{
/*
padding-top:50px;
padding-left:50px;
padding-right:20px;
*/
color: #a79f93;
}
.menuCell{
margin-top:0;
}
.menuHeader{
font-size:14px;
margin-bottom:2px;
}
#awards p{
margin:0;
padding:0;
}
#awards a:link,#awards a:active,#awards a:visited{
/*color:#a79f93 !important;*/
}
#awards a:hover{
color: #f48521 !important;
text-decoration:none;
}
#jobs h2{
}
#jobs p{
margin:0;
padding:0;
}
.staffMember { margin: 0 0 15px 0; clear:both;}
.staffImage{
float:left;
width:148px;
}
.staffInfo{
float:left;
width:570px;
}
.newsItem { margin: 0 0 15px 0;  }
.newsItem .newsDescription,.newsItem .newsDescription p,.newsItem .newsDescription div,.newsItem .newsDescription span{
font-size:12px;
}
.newsItem .newsDescription p{
margin-top:0;
}
h3{
font-weight:normal;
font-size:14px;
line-height: 17px;
margin-bottom:0;
color: #f48521;
}
.newsItem h3{
color: #fff;
}
.newsItem .newsDescription h3, .newsItem .newsDescription h3 span{
font-weight:normal;
font-size:14px;
line-height: 17px;
margin-bottom:2px;
}
#overview
{
position: absolute;
top: 96px;
left: 132px;
padding: 20px;
width: 612px;
height: 320px;
overflow: auto;
display: none;
background-color: #353535;
border-color: #a79f94;
border-width: 8px;
border-style: solid;
/*color:#fff;*/
font-weight:normal;
font-size:13px;
}
.projectHeadline{
color:#fff;
font-size:14px;
float:left;
margin:0;
padding:0;
display: inline;
width:510px;
}
#overview a{
color: #f48521;
}
#overview a:hover{
color: #a79f93;
}
#overview p{
/*color: #fff;*/
}
#close{
float:right;
}
a#closeOverview
{
color: #fff;
font-size: 11px;
white-space: nowrap;
}
#nav_panel
{
margin: 0;
padding:0;
float: right;
text-align:right;
line-height: 37px;
height: 37px;
vertical-align: middle;
}
#site_map,a#site_map:link,a#site_map:active,a#site_map:visited,a#site_map:hover
{
float:left;
vertical-align: middle;
line-height: 35px;
color: #a79f93;
background-image: url(/assets/images/arrowMainMenu.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:17px;
/*margin-right:10px;*/
text-align:right;
}
a#site_map:hover{
text-decoration:none;
color: #f48521;
}
#next_project,a#next_project:link,a#next_project:active,a#next_project:visited,a#next_project:hover
{
float: left;
line-height: 35px;
color: #a79f93;
background-image: url(/assets/images/arrowRightTan.gif);
background-repeat: no-repeat;
background-position: left center;
text-align: right;
padding: 0px 0 0 8px;
margin: 0 8px 0 0;
}
a#next_project:hover{
text-decoration:none;
color: #f48521;
}
#next_intro,a#next_intro:link,a#next_intro:active,a#next_intro:visited,a#next_intro:hover
{
display: block;
float: right;
padding: 3px 0 0 0;
font-weight:bold;
}
body.mceContentBody {
background: #FFF;
}
/*############ DIALOGS ############*/
.jqmWindow {
display: none;
position: absolute;
top: 50px;
left: 50%;
margin-left: -240px; /*1/2 of width*/
width: 480px;
border: 1px solid #f48521;
z-index:2000;
background-color: #2b2b2b;
color:#fff;
}
#email_sent{
margin-left: -150px; /*1/2 of width*/
width: 300px;
}
#error_message{
margin-left: -100px; /*1/2 of width*/
width: 200px;
}
.jqmOverlay { background-color: #444; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) 
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}*/
.title{
padding:5px;
background-color: #f48521;
color: #fff;
/*
color:#fff;
font-weight:bold;
*/
}
.title div, .title a{
color:#fff;
font-weight:bold;
}
.modal{
padding:0;
text-align:center;
}
.modal button
{
background-color: #f48521;
color: #fff;
font-weight: bold;
border-color: #2b2b2b #f48521 #f48521 #2b2b2b;
border-width: 2px;
border-style: outset;
}
/*############ /DIALOGS ############*/
.greyText {
color: #a79f93 !important;
}
.whiteText{color:#fff !important;}
.orangeText{color:#f48521 !important;}
.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.whiteTextBoldItalic{
color:#fff !important;
font-weight:bold !important;
font-style:italic !important;
}
.whiteTextBold{
color:#fff !important;
font-weight:bold !important;
}
.whiteTextItalic{
color:#fff !important;
font-style:italic !important;
}
.orangeTextBoldItalic{
color:#f48521 !important;
font-weight:bold !important;
font-style:italic !important;
}
.orangeTextBold{
color:#f48521 !important;
font-weight:bold !important;
}
.orangeTextItalic{
color:#f48521 !important;
font-style:italic !important;
}
/*################################## /CLIENT #################################*/