@charset "utf-8";
/* CSS Document */

body {
	font: 70% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#555555;
}

b, strong {font-weight: bold }

a {
	color: #000000;
	text-decoration:none;
}

#mainlogo {
  margin-left:26px;
}

#homeflash {
   margin-top: 216px;
}

#whatwedo p a {
	color: #555555;
	text-decoration:underline;
}


.oneColElsCtr #container {
	padding-left: 65px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#innercontent {
	width: 890px;
	height: 518px;
	overflow:hidden;
	margin-top: 20px;
}

#innercontent #ourworkbyclient, #innercontent #ourworkbymedia {
    width: 705px;
}

h4 {
   color:#000000;
   font-weight:bold;
   padding-bottom:.4em;
}

#innercontent #leftcol {
	float:left;
	background-color: #00b2b2;
	background-image: url(images/topleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#innercontent #rightcol {
	float:left;
	background-color: #c7c7c7;
	background-image: url(images/topright.gif);
	background-repeat: no-repeat;
	background-position: top right;
    border-left: 1px solid white;
}

#innercontent #bottomrightcorner {
	width: 54px;
	height: 518px;
	background-image: url(images/bottomright.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#innercontent #middlecol {
	float:left;
	background-color: #eee;
	width: 362px;
	height: 518px;
}

.widemiddle {
    width: 705px;
} 

#latestprojects_col {
	float:left;
	height:518px;
	overflow-y:auto;
	padding-left:25px;
	padding-right:25px;
	width:490px;
	padding-bottom: 0px;
	padding-top:0px;
}

#innercontent #bottomleftcorner {
	width: 119px;
	height: 518px;
	background-image: url(images/bottomleft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#innercontent #leftcol ul {
	list-style: none;
	line-height: 200%;
}
#innercontent li {
	text-indent: 25px;
	width: 100%;
	color: #000;
}
#innercontent li li {
	text-indent: 35px;
	color: #FFF;
	background-color: #00b2b2;
}

#innercontent li.selected, #innercontent li li.selected  {
	background-color: #EEEEEE;
	color: #555555;
	cursor: pointer;
}

#innercontent li.opened {color: #FFF;}

li:hover {
	cursor: pointer;
}

#mainmenu {
	padding-top: 38px;
}
.oneColElsCtr #container #mainContent .logo {
	margin-top: 0px;
	height: 100px;
	background-image: url(images/tankalogo.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-indent: -9000px;
}
#innercontent #homecontent, #innercontent #contactus {
	height: 482px;
	padding: 18px;
	color: #555555;
	width: 326px;
}

#innercontent #whatwedo {
	color: #555555;
	width: 705px;
	height:518px;
	overflow-y:auto;
}

#innercontent #contactus {
    padding-left: 0px;
	padding-right: 0px;
}

#innercontent #contactus table, #innercontent #contactus h1, #innercontent #contactus p {
    margin-left: 18px;
	margin-right: 18px;
}

#innercontent #homecontent {
	padding-bottom: 1.3em;
}

#innercontent #whatwedo p {
	padding-bottom: 1.1em;
}

#innercontent #homecontent {
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0;
	overflow:hidden; 
	height: 518px;
	width: 362px;
}
#homecontentdiv {
    /*min-height: 133px;*/
	padding: 0 18px;
	height:203px;
	overflow: visible;
	position:absolute; 
	z-index: 1;
	width:326px;
}

#innercontent #homecontent .homeoptions {
   margin-top:1.1em;
}

#homecontent h2, #whatwedo h2 {
	color:#000;
	font-weight:bold;
	padding-bottom: 0.9em;
}

#whatwedo .heading {
	color:#00b2b2;
}

#whatwedo .subheading {
	color:#000;
}

#homecontent h1 {
	background-image: url(images/welcometotanka.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:18px;
    margin-bottom:13px;
	margin-top:18px;
	display: block;
	text-indent: -9000px;

}

#contactus h1 {
	background-image: url(images/contact.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:18px;
    margin-bottom:13px;
	display: block;
	text-indent: -9000px;

}

#contactus #locationmap {
	background-image: url(images/locationmap.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 214px;
	width:362px;
	display: block;
	text-indent: -9000px;
	margin-top: 9px;
	padding-bottom: 12px;
}

#whatwedo h1 {
	background-image: url(images/whatwedo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:18px;
    margin-bottom:13px;
	display: block;
	text-indent: -9000px;
}

#footerstrap {
	clear:both;
	color: #555555;
	padding: 11px;
}

.brands_col {
  width:165px;
  height: 518px;
  float:left;
  overflow:hidden;
}

#projectbrands {
  width:150px;
  height: 518px;
  float:left; 
}

#projectbrandsscroller {
  width:150px; 
  height: 518px;
  overflow-y: scroll;  
}
  
.selectarea { 
   background-color: #eeeeee; 
   height: 120px;
}  
  
#form_ourworkbybrand select, #form_ourworkbymedia select{ 
    width: 123px; 
	margin-left: 15px; 
	margin-top: 9px;
	color: #6e6e6e;
}  

#ourworkbyclient h2, #ourworkbymedia h2{
	background-image: url(images/portfolio.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 35px;
	display: block;
	text-indent: -9000px;
	margin-left: 15px;
	padding-bottom: 12px;
}

#ourwork h2 {
	background-image: url(images/projectbrands.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 30px;
	display: block;
	text-indent: -9000px;
	padding-bottom: 12px;
	margin-left:4px;
}

.mediumgrey { background-color: #c7c7c7 }

.thumbnailcol { 
  width:122px;
  float:left;
  height: 518px;
  overflow-y: scroll;  
}  

.thumbimage { 
   border:#00b2b2 solid 1px; 
   cursor: pointer;
}

.projectbrandlogo {
   cursor: pointer;
}

#ourworkbyclientlarge , #ourworkbymedialarge {
  height: 516px;
  overflow-y: scroll; 
  margin-top: 1px;
  margin-bottom: 1px;
  background-color:#C7C7C7;
}

.bigimg {
  cursor: pointer;
}

.projectdescription {
   padding: 15px;
   height: 398px;
   overflow-y: auto;
}

#latestworkmaincontent {
  background-color: #EEEEEE;
 
  height: 516px;
  overflow-y: auto;
  padding-left: 25px; 
  padding-right: 25px; 
  padding-top: 10px; 
}

#latestworkmaincontent h2 , #latestprojects_col h2{
	background-image: url(images/latestwork.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 25px;
	display: block;
	text-indent: -9000px;
	margin-bottom: 25px;

}

#latestworkmaincontent h3 , #latestprojects_col h3 , #latestprojects_col h4 , #latestworkmaincontent h4 {
   font-weight: bold;
   color: #363636; display:inline;
}

#latestworkmaincontent h3 , #latestprojects_col h3  {
   font-size: 1.1em;
}


.latestworkfeatureimage {
    float: left;
	padding-right: 25px;
	padding-bottom: 20px;
}

#btn_home_whatwedo {
  cursor:pointer;
}

#btn_home_ourwork {
  cursor:pointer;
  margin-left:8px;
}