/*------------- General Styles --------------------*/
body {
	margin: 0;
	padding: 0;
	font: 14px Tahoma, Geneva, sans-serif;
 	color: #231F20;
 	background:#fff;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
}

h1 {
	font-size: 2.6em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-weight:bold;
	margin-bottom: 2em;
	font-size: 1em;
}
small {
	font-size:.9em;
}
a {
	color: #444;
}
a:hover {
	color: #222;
	text-decoration: none;
}

img, a img {
	border: none;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.break {
	clear:both;
	font-size:1px;
	height:1px;
}
.clear-left {
	clear:left;
	font-size:1px;
	height:1px;
}
.clear-right {
	clear:right;
	font-size:1px;
	height:1px;
}

/*------------- Base structure --------------------*/
#wrapper {
	margin:10px auto 0 auto;
	width:912px;
	background:#fff url("../images/wrapperbg.png") right top repeat-y;
}
#navigation {
	width:100px;
	float:left;
}
#page {
	width:808px;
	margin-left:4px;
	float:left;
	background:url("../images/h-line.png") left top no-repeat;
}

/*------------- Navigation --------------------*/
#navigation-bar {
	width:100px;
	font-size:.9em;
	margin:164px 0 0 0;
	padding:0;
	list-style-type:none;
}
#navigation-bar #navigation-icon {
	text-align:left;
	width:74px;
	height:20px;
	text-indent:-9999px;
	background:url("../images/pencil.png") top right no-repeat;
}
#navigation-bar #navigation-portfolio {
	width:92px;
	margin-top:16px;
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
	color:#ffe040;
	background:none;
}
#navigation-bar li{
	padding-right:12px;
	text-align:right;
	background:url("../images/bullet.png") 94px 8px no-repeat;
}
#navigation-bar li.active, #navigation-bar li ul li.active{
	background:url("../images/active-bullet.png") 94px 8px no-repeat;
}
#navigation-bar li a{
	outline:none;
	font-size:0.9em;
	color:#231f20;
	font-weight: bold;
	text-align:right;
	text-decoration:none;
}
#navigation-bar li a.active-link{
	background-color: #D6D6D6;
}
#navigation-bar li ul {
	display:none;
	width:100px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation-bar li ul li a{
	padding:2px 0;
	font-weight:normal;
	font-style: italic;
}
/*------------- Top header and header image --------------------*/
#header {
	position:relative;
	margin:8px 0 4px 0;
	width:800px;
	height:130px;
	color:#fff;
	border-bottom:20px solid #ffd600;
	background:#000;
}
#logo {
	position:absolute;	
	top:63px;
	left:16px;
	width:285px;
	height:30px;
	background:url("../images/logo.png") left top no-repeat;
}
#logo h1 { 
	display:none;
	color:#ffe;
	font-size:1.2em;
}
p.tagline { 
	background:url("../images/tagline.png") left top no-repeat;
	position:absolute;
	left:16px;
	width:328px;
	height: 15px;
	top:94px;
	margin:0;
	text-indent:-9999px;
}
#quick-links {
	position:absolute;
	top:98px;
	right:16px;
}
#quick-links a{
	font-size:.9em;
	color:#b8babc;	
	text-decoration:none;
}
#quick-icons {
	position:absolute;
	width:80px;
	height:15px;
	top:84px;
	right:16px;
}
#quick-icons a{
	position:absolute;
	top:0;
	width:21px;
	height:15px;
	text-indent:-9999px;
	outline:none;
	outline-width:0;
	font-size:.9em;
	color:#fff;	
	text-decoration:none;
}

#quick-icons a#home {
	left:6px;
	top:3px;
	background:url("../images/home-icon.png") no-repeat center top;	
}
#quick-icons a#contact {
	left:47px;
	background:url("../images/contact-icon.png") no-repeat center top;	
}

#header-image {
	position:relative;
	margin:0;
	width:800px;
	height:510px;
	background:#e6e7e8;
}
#image-wrapper {
	z-index:200;
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:510px;
	background-color:#e6e7e8;
}
#image-wrapper img{
	display:block;	
}
#header-image h2, #header-image p {
	padding:6px;
	color:#444;
	margin:0;
	display:none;
}
.home-large {
	background:#e2eaf3 url("../images/home-large.jpg") left top no-repeat;	
}
.loading {
	background: url("../images/big-loader.gif") center center no-repeat;
	height:100%;
	width: 100%;
	display: none;
}
/*------------- portfolio section on home page--------------------*/
-note {
	z-index:300;
	color:#a19473;
	display:none;
	position:absolute;
	padding:0;
	width:212px;
	height:64px;
	bottom:0;
	right:0;
	background-color:#C9CBCC;
}
#portfolio-data {
	display:none;	
}
#portfolio-note span{
	color:#111;
}
#portfolio-note p{
	font-size:.8em;
	display:block;
	color:#a19473;
	padding:6px 4px 0 6px;
}
#portfolio {
	font-family:'Trebuchet MS', Helvetica, sans-serif;	
	position:relative;
	margin:0 0 3px 0;
	width:800px;
	height:146px;
	background:#d6d6d6;
}
#portfolio #portfolio-icon {
	position:absolute;
	top:0;
	left:0;
	width:144px;
	height:144px;
}
#portfolio-icon p {
	position:absolute;
	top:20px;
	left:20px;
	margin:0;
	padding:0;
}
#portfolio-icon p.portfolio-icon-wrapper {
	display:none;	
}

#portfolio-icon p img{
	display:block;
}
#portfolio #portfolio-description {
	padding-top:20px;
	position:absolute;
	top:0;
	left:150px;
	width:620px;
	height:124px;
}
#portfolio.home-style #portfolio-description{
	left:17px;
	width: 715px;
}
#portfolio-description h3 {
	margin:0 0 6px 0;
	color:#231f20;
	line-height:1;
	font-size:1.1em;	
}
#portfolio-description p {
	line-height:150%;
	padding:0;
	margin:0 0 10px 0;
	color:#797a7d;
	font-size:1em;	
}
#portfolio-description p.first {
	margin-bottom:20px;	
}
.hightlight-text, .hightlight-text:hover {
	color:#797a7d;	
}
/*------------- Content section for all pages --------------------*/
#content {
	font-family:'Trebuchet MS', Helvetica, sans-serif;	
	margin:0;
	width:800px;
}
#content h4 {
	color:#231f20;
	font-size:1em;
	margin:14px 0;
}
#content p {
	font-size:1em;
	color:#231f20;
	margin:0 0 14px 0;	
}
/*------------- footer for all pages --------------------*/
#footer {
	padding-top:10px;
	margin:0 auto;
	width:912px;
	height:30px;
	background:url("../images/h-line.png") right top no-repeat;
}
#footer p {
	font-size:.8em;
	padding:0 10px 4px 104px;
	margin:0;
}
#footer sup {
	font-size:.7em;	
}


/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*---------Slider-----------*/
#image-wrapper{overflow: hidden;}
.slideshow { position: relative; height: 510px; margin: 0; }
.slideshow li { position: absolute; left: 0; top: 0; width: 800px; height: 510px; display: none; list-style: none; }
.slideshow li:first-child, #icon-brand-itf li:first-child { display: block; }
.print-itf, .print-ww, .brand-itf{
	display: none;
}
#icon-brand-itf{
	list-style: none;
	height:104px;
	position: relative;
}   
#icon-brand-itf img { position: absolute; left: 0; top: 0; width: 104px; height: 104px; display: none; list-style: none; }

.clear {
   clear: both;
}