/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// TM site CSS /////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */


/* RESET */ 
*{ margin: 0; padding: 0;}

/* COVER ALL */
body {background: #fff url('../images/bg_diagonal.gif'); color: #999; font-family: Arial, sans-serif; font-size: 100%;line-height: 1.125em;}
/*div {border: 1px dotted #ff6600;}*/

/* LAYOUT DIVS */ 
#wrapper { margin: 0 auto; width: 934px; background: #ccc url('../images/bg_wrapper.gif') repeat-x; border-left: #ccc; border-right: #ccc; border-width: 0 1px 0 1px; border-style: none solid none solid; }
#wrappersub { margin: 0 auto; width: 934px; background: #fff; border-left: #ccc; border-right: #ccc; border-width: 0 1px 0 1px; border-style: none solid none solid; }
#header { margin-bottom: 10px; position: relative; width: 934px; }
#logo { float: left; }

/* GENERAL LINKS */ 
a:link, a:visited { color: #F78F1E; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline;}
a.go{font-size:0.7em; color:#666;}

/* BREADCRUMBS */ 
div#breadcrumbs{ float:left; }
#breadcrumbs { position: absolute; bottom: 0; left: 0; margin-left: 208px; }
#breadcrumbs a { font-weight: bold; color: #666; font-size: 0.8em; text-decoration: underline; }
#breadcrumbs a:hover { text-decoration: none; } #breadcrumbs #current { color: #F78F1E; }
.breadcrumbCurrent { font-weight: bold; font-size: 0.8em; color: #F78F1E;}

/* BOOKMARK */ 
div.addThisBookmark{ position: absolute; bottom: 0; left: 0; margin-left: 831px; }

/* MAIN NAV JPG VERSION */
#navouterie { float: right; padding: 56px 20px 0 0;}
#navouter { width: 706px;}
#nav { width: 706px; margin: 0 auto; text-align: center; }
#nav a.nd { display: none; }

#nav ul { list-style-type: none; margin: 0px; padding: 0; }
#nav li { display: inline; list-style:none; }
#nav a.first { float: left; width: 71px; font-size: 1em; color: #fff; padding: 9px 0px; 9px 2px; background: url('../images/nav/navBGs.jpg') no-repeat; }
#nav a.first:hover{ background-position:0 -37px; text-decoration:none;}
#nav a.first:active{ background-position:0 -74px; text-decoration:none;}
#nav a.second { float: left; width: 162px; font-size: 1em; color: #fff; padding: 9px 0px; 9px 2px; background: url('../images/nav/navBGs-02.jpg') no-repeat; }
#nav a.second:hover{ background-position:0 -37px; text-decoration:none;}
#nav a.second:active{ background-position:0 -74px; text-decoration:none;}
#nav a.third { float: left; width: 118px; font-size: 1em; color: #fff; padding: 9px 0px; 9px 2px; background: url('../images/nav/navBGs-03.jpg') no-repeat; }
#nav a.third:hover{ background-position:0 -37px; text-decoration:none;}
#nav a.third:active{ background-position:0 -74px; text-decoration:none;}
#nav a.fourth { float: left; width: 141px; font-size: 1em; color: #fff; padding: 9px 0px; 9px 2px; background: url('../images/nav/navBGs-04.jpg') no-repeat; }
#nav a.fourth:hover{ background-position:0 -37px; text-decoration:none;}
#nav a.fourth:active{ background-position:0 -74px; text-decoration:none;}
#nav a.fifth { float: left; width: 127px; font-size: 1em; color: #fff; padding: 9px 0px; 9px 2px; background: url('../images/nav/navBGs-05.jpg') no-repeat; }
#nav a.fifth:hover{ background-position:0 -37px; text-decoration:none;}
#nav a.fifth:active{ background-position:0 -74px; text-decoration:none;}
#nav a.sixth { float: left; width: 87px; font-size: 1em; color: #fff; padding: 9px 0px; 9px 2px; background: url('../images/nav/navBGs-06.jpg') no-repeat; }
#nav a.sixth:hover{ background-position:0 -37px; text-decoration:none;}
#nav a.sixth:active{ background-position:0 -74px; text-decoration:none;}
#nav a#currentone{background-position:0 -74px; text-decoration:none;}

/* SIDE NAV */
#navtwo { color: #999; width: 150px; float: left; padding-left: 27px; font-size: 0.7em; }
#navtwo ul { margin: 0; padding: 0; list-style-type: none; }
#navtwo li { margin: 0; padding: 0; }
#navtwo a.moreTestimonials { font-size: 100%; /*padding: 6px 0 7px 0px;*/ background: url('') no-repeat 0px; display: inline; border-bottom: 0px dashed #999; color: #F78F1E; font-weight: bold; text-decoration: underline; }
#navtwo a { font-size: 100%; padding: 6px 0 7px 9px; margin:0; background: url('../images/nav/navtwo_grey.gif') no-repeat 0px 12px; display: block; height:18px; border-bottom: 1px dashed #999; color: #999; font-weight: bold; text-decoration: none; }
#navtwo a.currentOne { color: #666; }
#navtwo a:hover { text-decoration: underline; }

/* SIDE NAV NEWSBOX */
#news .newsbox a { color: #F78F1E; font-size: 100%; }
#news .newsbox a:hover { text-decoration: underline; }

/* NAV HOMEBOX inners */
.homeboxinner a, .homeboxinnerlast a, .homeboxcurve a, .homeboxinnnertext a, .homeboxinnerfirst a { font-weight: bold; text-decoration: none; color: #F78F1E; font-size: 100%; }
.homeboxinner a:hover, .homeboxinnerlast a:hover, .homeboxcurve a:hover, .homeboxinnnertext a:hover, .homeboxinnerfirst a:hover { text-decoration: underline; } 
.homeboxinnertext p.bggrey a { color: #fff; }
.homeboxinnertext p.bggrey a:hover { }

/* HOMEPAGE */
#newshome { color: #999; width: 170px; float: left; padding-left: 17px; }
#news { color: #999; width: 170px; background: url('../images/home/bg_news.gif') no-repeat bottom left; padding-bottom: 43px; }
.newsbox { padding: 0 10px 15px 10px; background: #fff url('../images/home/bg_newsbox.gif') no-repeat bottom left; }
#tag { background: url('../images/home/bg_tag_top.gif') no-repeat; padding-top: 11px; margin-top: 18px; }
#tagBody { background: url('../images/home/tag.gif'); padding: 0 15px 0 15px; text-align:center; line-height: 1.1; }
#tagfoot { background: url('../images/home/bg_tag_bottom.gif') no-repeat; height: 11px; }
.content { width: 706px; float: right; padding-right: 20px; padding-left: 20px; }
.homeboxleft { width: 342px; float: left; background: #fff; margin-top: 19px; /*border-color: #CCC; border-width: 1px; border-style: solid;*/ }
.homeboxright { width: 342px; float: right; background: #fff; margin-top: 19px; /*border: 1px solid #ffcc00;*/ }
.otherstuff { text-align: left; border-color: #CCC; border-width: 1px; border-style: solid; width: 342px; }
.homeboxinner, .homeboxinnerlast, .homeboxcurve, .homeboxinnertext ,.homepageinnerfirst { border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }
.homeboxinner, homeboxinnerfirst, .homeboxinnertext { padding-right: 5px; height: 117px; margin-bottom: 24px; }
.homeboxinnerfirst { border-top: 1px solid #D9D9D9; }
.homeboxinnerform { padding-right: 5px; height: 117px; margin-bottom: 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }
.homeboxinnertwitter { height: 102px; margin-bottom: 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; padding: 15px 5px 0 15px; font-size: 0.7em; }
.homeboxinnerlast { padding-right: 5px; }
.homeboxcurve { border: none; padding: 15px 15px 27px 15px; background: #fff url('../images/home/bg_homebox_bottom.gif') no-repeat bottom left; height:30px; }
.homeboxcurveempty { border: none; padding-bottom: 60px; background: #fff url('../images/home/bg_homebox_bottom.gif') no-repeat bottom left; }
.homeboxcurvewedothis { border: none; padding: 15px 15px 3px 15px; background: #fff url('../images/home/bg_homebox_bottom.gif') no-repeat bottom left; height:30px; }

/* FOOTER */ 
#footer a { font-weight: normal; color: #999; font-size: 100%; }
#footer { height: 117px; background: #333 url('../images/bg_footer.gif') no-repeat top right; margin-top: 65px; padding: 0 0 0 24px; }
#footer a:hover { }

/* PAGE STYLES*/ 
p { margin: 0 0 15px 0; }
p.zero { padding: 0; margin: 0; }
p.projectDescription { font-size: 80%; margin: 0 0 15px 0; }
p.iconText { font-size: 80%; margin: 4px 0 4px 0; }
p.otherStuff{ margin: 18px 0 18px 0; font-size:180%; color:#333;}

.genericLink01{ padding: 1px 0px;}

hr.dottedHR { border-color: #ccc; border-width: 1px; border-style: dashed; margin: 8px 0 8px 0; }
div.dottedLine{ display: block; border-bottom: 1px dashed #999; height:1px; margin: 18px 0 18px 0; width:100%; }

h1, h2, h3 { color: #333; font-weight: normal; }
h1 { font-size: 200%; margin: 10px 0 5px 0; line-height: 1.2em;}
h2 { font-size: 1.4em; } 
h3 { font-size: 1em; }

#news h2 { background: url('../images/home/bg_newshead.gif') no-repeat; margin: 0; padding: 12px 0 20px 40px; }
.newsbox h3 { color: #999; font-size: 0.75em; font-weight: bold; margin-top: 12px; }
.homeboxinnertext h3, .homeboxinnerform h3 { color: #333; font-size: 0.75em; font-weight: bold; margin: 12px 5px 12px 15px; }
.homeboxinnertext h3{ color: #666; font-size: 0.75em; font-weight: bold; margin: 12px 5px 12px 15px; }
#news .newsbox p { font-size: 0.7em; margin-bottom: 0; }
#news .newsbox p.datefirst { font-size: 1em; font-weight: bold; }
#news .newsbox p.date { font-size: 1em; font-weight: bold; padding-top: 15px; }
.homeboxleft h2, .homeboxright h2 { background: url('../images/home/bg_homehead.gif') no-repeat; margin: 0; padding: 16px 0 11px 40px; }
.homeboxleft h2 a, .homeboxright h2 a { color: #333; font-weight:normal;}
.homeboxinner h3, .homeboxinnerlast h3 { color: #666; font-size: 0.8em; font-weight: bold; margin: 7px 0 3px 0; }
.homeboxinner p, .homeboxinnerlast p, .homeboxcurve p, .homeboxinnnertext p, homeboxinnerform p { margin-bottom: 0; color: #999; font-size: 0.7em; }
.homeboxinnertext p { padding: 13px 5px 0 15px; font-size: 0.7em; }
.homeboxinnerfirst p { color: #999; font-size: 0.7em; }
.homeboxinnertext p.bggrey { background: #666; color: #fff; padding: 3px 5px 3px 15px; }

#navtwo h2 { font-size: 100%; padding: 0 0 7px 0px; /*background: url('../images/nav/navtwo_grey.gif') no-repeat 0px 6px; border-bottom: 1px dashed #999;*/ color: #999; font-weight: bold; }
#navtwo h2.second { margin: 28px 0 12px 0; }

#footer p { font-weight: normal; color: #999; font-size: 0.7em; }
.homeboxinner p.nohead { padding: 7px 0 0 0; margin: 0; }
br.clear { clear: both; line-height: 0; }
.syndicate { margin-left: 37px; } blockquote { font-style: italic; }

/* IMAGE STYLES*/ 
img { border: none; }
.imgleft { float: left; margin-right: 12px; }
.imglefticon { margin-right: 15px; }
.imgright { float: right; margin: 0 0 10px 10px; border: 1px solid #000000; }
.sectionborder { border: 1px solid #ccc; }
.projectPageImgLeft { float: left; }
.projectPageImgRight { float: right; /*margin-left: 12px;*/ }
.projectArchiveContent img {border: 1px solid #ccc;}

/* FORM STYLES */
#search { position: absolute; top: 0; right: 0; /*padding: 22px 21px 0 0;*/ padding: 22px 21px 0 0; text-align: right; /*border: 1px solid #000; */}
#searchElements{height: 24px; width: 258px; /*border: 1px solid #009933;*/ }
input#stext { float: left; width: 176px; border: 1px solid #ccc; padding: 5px 0 4px 8px; color: #999; font-size: 10px; }
.imagebutton { float: left; width: 176px; border: 1px solid #ccc; padding: 5px 0 4px 8px; color: #999; font-size: 10px; }
.searchButton{ float:right;}
/*input#go { width: 80px; height: 25px; color: #666; font-weight: bold; background: url('../images/nav/bg_search.jpg') repeat-x; border: none; font-size: 0.7em;}*/

/* .homeboxinnertext label, .homeboxinnertext input { display: block; width: 188px; height: 20px; float: left; margin-bottom: 1px; font-family : Arial, sans-serif; border: 1px solid #999; } */
.homeboxinnerform input { border: 1px solid #999; display: block; width: 188px; height: 18px; float: left; margin-bottom: 1px; font-family: Arial, sans-serif; }
.homeboxinnertext label, .homeboxinnerform label { text-align: left; width: 35px; padding: 0 15px 0 15px; border: 0px; line-height: 22px; font-size: 0.7em; display: block; float: left; }
.homeboxinnertext .submitbutton, .homeboxinnerform .submitbutton { width: auto; font-size: 0.7em; margin: 0 0 12px 60px; background: none; }
input.submitbutton { display: block; margin-left: 65px; width: 48px; height: 20px; border: 0px; color: #F78F1E; font-weight: bold; }

/* CONTRACT US */ 
div.map { width:704px; height:340px; overflow:hidden; }

/* SHOW MULTIPLE THUMBS PAGES (ATEAM/ALL PROJECTS) */ 
div.rowOfThumbs { margin: 8px 0 8px 0; padding: 0; font-size: 0.7em; /*border:1px solid #ffcc00;*/}
div.thumbnailContentLeft { float: left; width: 170px; padding: 0 6px 0 0px; }
div.thumbnailContentMiddleLeft { float: left; padding: 0 0 0 4px; }
div.thumbnailContentMiddleRight { float: left; padding: 0 0 0 9px; }
div.thumbnailContentRight { float: right; padding: 0 0 0 5px; }
div.otherPages { margin: 18px 0 0 0; padding: 0; }
a.pageNumbers { font-size: 0.7em; }
p.allThumbsClient { margin: 8px 0 0 0; padding: 0; }
p.allThumbsText { margin: 0; padding: 0; }
.pageNumbers { font-size: 0.9em; }


/* ATEAM */ 
div.bioSection { margin: 0; padding: 0; }
div.ateamHeadings { margin: 38px 0 0 0; padding: 0; }
div.bioCopyLeftSide { float: left; width: 340px; font-size: 80%; }
div.bioCopyRightSide { float: right; width: 340px; }

/* IRATE */ 
div.iraTeLeftCol{ float: left; width: 342px; padding: 0 22px 0 0; border-right: 1px dotted #ccc; }
div.irateEntryLeft{ float: left; width: 342px; margin: 0 0 12px 0; clear: both; }
div.irateRightCol{ float: right; width: 320px; }
.irateRightCol ul { margin: 0 0 28px 0; }
.irateRightCol ul li{ list-style: none; font-size: 80%; }
p.irateText{ font-size: 80%; margin: 0 0 8px 0; padding:0; }
p.irateBGHeading{ padding: 4px 0 0 12px; font-size: 80%; display: block; height: 1.8em; background-color: #999; }
p.irateTextProductName{ font-size: 120%; margin: 28px 0 12px 0; padding:0; color: #555 }
p.irateTextWhatIs{ font-size: 120%; margin: 28px 0 12px 0; padding:0; color: #555 }
div.irateCommentDivider{ border-bottom: 1px solid #ccc; margin: 12px 0 12px 0; }
a.irateLinksWhite{ font-size: 100%; font-weight:bold; color:#fff; }
a.irateLinksRed{ font-size: 100%; font-weight:bold; color:#ee2e28; }
a.irateLinksGrey{ font-size: 100%; font-weight:bold; color:#999; }

/* VIEW IT HERE PAGES (SHOWCASING WORK THAT IS NO LONGER LIVE OR HAS NO WEBPAGE */
.projectArchiveContent {margin: 0; padding: 12px 0;}


/* SITE MAP */
.sitemap {float: left; padding: 28px 28px 28px 0;}
.sitemap ul { margin: 0; padding: 0; list-style-type: none;  font-size: 70%; width: 108px;}
.sitemap li {}
.sitemap li.header {font-weight: bold; text-indent: 0; border-bottom: 1px dotted #F78F1E;}

/*CLIENT LIST*/
img.clientImage
{
	float: left;
	padding: 0 4px 4px 0;
	width: 84px ;
	height: 60px; 
	border: 0;
}

div.rowOfThumbs2
{
	height: 58px;
	font-size: 0.7em;
	width:500px;
	/*border:1px solid #ffcc00;*/
}

/*iRateComments*/

.iRateComments { padding-right: 5px; height: 110px; margin-bottom: 0; }
.iRateComments input { border: 1px solid #999; display: block; width: 260px; height: 18px; float: left; margin-bottom: 1px; font-family: Arial, sans-serif; }
.iRateComments .multiline { border: 1px solid #999; display: block; width: 260px; height: 72px; float: left; margin-bottom: 1px; font-family: Arial, sans-serif; }
.iRateComments label { text-align: left; width: 35px; padding: 0 15px 0 15px; border: 0px; line-height: 22px; font-size: 0.7em; display: block; float: left; }
.iRateComments .submitbutton { float: right; padding:0 12px 0 0;}

/* subscribe label */

.subscribe {font-size: 0.7em; font-weight:bold; padding: 0 0 0 10px;}

/* Tweets */

.mainPageTweets { height: 40px;}
.tweetImageLarge { float:left; margin-right: 10px;}
.tweetText {}