/* DEMO SITE CSS
--------------------------------------------------------------------------------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer

------------------------------------------------------------------------------------------------------------------------*/



/* Global Imports
------------------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";

/*img, div, input { behavior: url("http://10.10.10.99/tcc-web/display-wise/css/iepngfix.htc") }*/

/* Type CSS
------------------------------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'FrutigerCondensed';
  src: url('fonts/FrutigerLTStd-Cn.eot'); /* EOT file for IE */
}

@font-face {
  font-family: 'FrutigerCondensed';
  src: url('fonts/Frutiger_57_Condensed.ttf'); /* TTF file for CSS3 browsers */
}

@font-face {
  font-family: 'FrutigerBoldCondensed';
  src: url('fonts/FrutigerLTStd-BoldCn.eot'); /* EOT file for IE */
}

@font-face {
  font-family: 'FrutigerBoldCondensed';
  src: url('fonts/FrutigerLTStd-BoldCn.ttf'); /* TTF file for CSS3 browsers */
}



/* Global CSS and Master Reset
------------------------------------------------------------------------------------------------------------------------*/

html, body {
	margin: 0px; padding: 0px; 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px; font-weight:
}

.container {
	width: 1093px; margin: 0 auto;
	background-color: #ffffff;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote { margin: 0pt; padding: 0pt; }

.nav ul, ol {
	list-style-image: none; list-style-position: outside;
	list-style-type: none; margin-left: 10px;
}
.nav2 ul, ol {
	list-style-image: none; list-style-position: outside;
	list-style-type: none; margin-left: 10px;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

/* Typography
------------------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 18px; }
h2 { font-family:'FrutigerBoldCondensed', Lucida Grande, Helvetica, Arial, Verdana, sans-serif; font-size: 16px; margin-bottom: -10px; color: #ef9b00; }
h3 { font-size: 14px; margin-bottom: -10px; }
h4 { font-size: 12px; margin-bottom: -10px; }

p { font-size: 12px; line-height: 1.4em; }

/* Links
------------------------------------------------------------------------------------------------------------------------*/
a { color: #ef9b00; text-decoration: none; outline: none; }
a:active { color:#ef9b00; outline: none; }
a:visited { color: #ef9b00; outline: none; }
a:hover { color:#FFCC99; outline: none; }


/* Header CSS
------------------------------------------------------------------------------------------------------------------------*/
.header {
	font-size: 24px; height: 195px;
	position:relative; z-index:25;
}

.header-bg {
	font-size: 24px; height: 195px; width:1093px;
	background-image: url(../images/header/head-bg.png);
	position:absolute; z-index:24;
}


.nav{
	position:absolute;
	top:90px;
	left:270px;
	float:left;
}

.home-button{
	margin-left:40px;
	width:220px;
	height:120px;
	position:absolute;
	z-index:999;
}

.gallery-nav{
	position:absolute;
	z-index:999;
	width:130px;
	height:426px;
	right:75px;
	top:21px;
	padding:20px;
	line-height:22px;
}

.gallery-nav-bg{
	position:absolute;
	z-index:999;
	width:130px;
	height:426px;
	right:75px;
	top:21px;
	background-image:url(../images/header/grey-bg.png);
	padding:20px;
	line-height:22px;
}

.gallery-nav2{
	position:absolute;
	z-index:20;
	width:330px;
	height:425px;
	right:75px;
	top:21px;
	padding:20px;
}
.gallery-nav2-bg{
	position:absolute;
	z-index:20;
	width:330px;
	height:426px;
	right:75px;
	top:21px;
	background-image:url(../images/header/grey-bg.png);
	padding:20px;
}

ul#feature-nav li { 
	list-style-type: none; list-style: none; margin-left: -10px; 
}

ul#feature-nav li a{
	color:#FFFFFF; padding-left: 15px;
}

ul#feature-nav li a:hover{
	list-style-type: none; list-style: none;
	background-image: url(../images/header/triangle.png);
	background-repeat: no-repeat; top:10px;
}

ul#feature-nav li a.activeSlide{
	list-style-type: none; list-style: none;
	background-image: url(../images/header/triangle.png);
	background-repeat: no-repeat; 
}

.table{ margin-left:20px; margin-top:-12px;
}
/* Content CSS
------------------------------------------------------------------------------------------------------------------------*/
.content {  margin-top:-60px; margin-left:82px; position:relative;  }

.content-bg {  margin-top:-60px; margin-left:82px; position:absolute; z-index:0;}

.col-1{
	width:400px;
	float:left;
	padding-left:25px;
	padding-top:40px;

}

.col-2{
	width:400px;
	padding-left:50px;
	float:left;
	padding-top:40px;
}

.col-3{
	width:200px;
	padding-left:25px;
	float:left;
}

.line{
	width:870px;
	height:1px;
	background-color:#666666;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:15px;
}

.submit-button{ width:70px; height:23px; background-color:#ef9b00; border: none; color:white; cursor:pointer; text-align:center; float:right; vertical-align:middle; font-size:12px; margin-top:7px; }

.submit-button2{ width:70px; height:20px; background-color:#ef9b00; border: none; color:white; cursor:pointer; text-align:center; vertical-align:middle; padding-top:5px; margin-top:7px; margin-bottom:4px;  }

/* MASK SCROLLING IMAGES */

#image-gallery{
	width:936px;
	height:472px;
	overflow:hidden;
}


/* Footer CSS
------------------------------------------------------------------------------------------------------------------------*/

.footer {
	height: 60px;
	padding: 10px 80px;
	margin:0 auto;
	width:935px;
	position:relative;
}

.footer p {
	color: #9e9e9e; font:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.footer a {
	color: #9e9e9e;
}
.footer a:hover {
	color:#666666;
}

.foot-left{
	float:left;
}

.foot-center{
	height: 60px;
	padding: 22px 80px;
	margin:0 auto;
	width:909px;
	text-align: right;
	position:absolute;
	margin-left:30px;
}

.foot-center p {
	color: #9e9e9e; font:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.foot-center a {
	color: #9e9e9e;
}
.foot-center a:hover {
	color:#666666;
}

.foot-right{
	float:right;
	width:180px;
	text-align:right;
}