@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/
*/
html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font:11px Tahoma, Geneva, sans-serif;
	color: #000000; /*Font color*/
	background-color:#000;
	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: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }
	
	.input {   
	border: 1px solid #8e9194;
	background-color:#202327;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	padding:3px;
	} 
	
	.input:hover {
	border: 1px solid #8e9194;
	background-color:#8e9194;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	padding:3px;
}
	
/************************* Global linking *************************/	
a:link {
	color: #ededed;
	text-decoration: none;
}
a:visited {
	color: #ededed;
	text-decoration: none;
}
a:hover {
	color:#FFF;
	text-decoration: underline;
}
a:active {
	color: #ededed;
}
/************************* Wrapper Css *************************/	
#Wrapper {
	width: 794px;
	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. */
	position:relative;
}

/****************************** Header Css ******************************/
#header{
	width: 794px;
	height: 105px;
	float:left;
	border-bottom:1px solid #999;
}

#logo{
	width: 794px;
	padding: 18px 0 0 0;
	float:left;
}

/****************************** Main Nav Css ******************************/
/* navigation
	------------------------------------------*/
	#mainnav_container{
	width: 800px;
	float:left;
	padding: 15px 0px 0px 0;
	margin: 0;
	background-color:#000;
	}
	#examplenav {
		margin: 0;
		padding: 0;
	}
	#examplenav li {
		list-style: none;
		height: 16px;
		float: left;
		position: relative;
		display:block
	}
	#examplenav li a {
		height: 16px;
		text-indent: -19000px;
		display: block;
	}
	#examplenav li a:focus {
		overflow:hidden;
	}

	#examplenav .current a { background-position: 0 -16px; }
	
	/* buttons
	------------------------------------------*/
	#company,
	#portfolio,
	#contact {
		width: 95px;
		height: 16px;
		margin: 0px 9px 0px 0px;
	}
	
	#home,
	#media {
		width: 65px;
		height: 16px;
		margin: 0px 9px 0px 0px;
	}
	
	#recruitment,
	#promotion {
		width: 95px;
		height: 16px;
		margin: 0px 27px 0px 0px;
	}
	
	#home { background-image: url(../images/home/mainnav_home.gif); }
	#company { background-image: url(../images/home/mainnav_company.gif); }
	#media { background-image: url(../images/home/mainnav_media.gif); }
	#recruitment { background-image: url(../images/home/mainnav_recruitment.gif); }
	#contact { background-image: url(../images/home/mainnav_contact.gif); }
	#portfolio { background-image: url(../images/home/mainnav_portfolio.gif); }
	#promotion { background-image: url(../images/home/mainnav_promotion.gif); }
		
	#home:hover,
	#company:hover,
	#media:hover,
	#recruitment:hover,
	#contact:hover,
	#portfolio:hover,
	#promotion:hover { 
		background-position: 0 -16px; 
	}
	
/* sub navigation
	------------------------------------------*/
#subnav_container {
	width: 794px;
	height: 16px;
	float:left;
	padding: 7px 0 8px 0;
	color:#666666;
	text-align:left;
}
#subnav_container a, #subnav_container a:visited {color:#666666; text-decoration:none;}
#subnav_container a:hover, #subnav_container a.active {color:#ffffff; text-decoration:none;}

/****************************** Content area Css ******************************/
#col-content {
	width: 794px;
	height: 397px;
	float:left;
	background-color:#202327;
	text-align:left;
	margin: 7px 0 7px 0;
}
#col-content-left {
	width: 492px;
	height:347px;
	float:left;
	color:#FFF;
	padding: 15px 25px 25px 25px;
}

#col-content-left p {
	margin: 0px; 
	padding: 0px 0px 12px;
	line-height: 11pt;
}

#col-content-right {
	width: 252px;
	float:right;
}

#home-slideshow {
	position:relative;
}

#home-slideshow img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
}


/****************************** Right panel Css ******************************/
#col-panel {
	width: 150px;
	height: 300px;/**you don't need to define height here for actual work**/
	float:right;
	background-color:#CCCC99;
}


/****************************** Portfolio ******************************/
#col-img{
	width: 794px;
	height:370px;
	float:left;
	text-align:center;
}

#col-img {
	margin-top: 7px;
	position:relative;
}

#col-img img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
}

.col-link-left {
	width:200px;
	float:left;
	text-align:left;
	padding:5px 0 0 0;
}
.col-link-left a:active {
	color:#fff;
	text-decoration:none;
}
.col-link-left a:hover {
	text-decoration:none;
}
.col-link {
	width: 394px;
	float:left;
	text-align:center;
	padding:5px 0 0 0;
}
.col-link a:active {
	color:#fff;
	text-decoration:none;
}
.col-link a:hover {
	text-decoration:none;
}
.col-link-right {
	width:200px;
	float:left;
	text-align:right;
	padding:5px 0 0 0;
}
.col-link-right a:active {
	color:#fff;
	text-decoration:none;
}
.col-link-right a:hover {
	text-decoration:none;
}


.col-description{
	width: 794px;
	float:left;
	text-align:left;
	padding:0 0 9px 0;
	color:#CCC;
}
.col-project-name{
	width: 300px;
	float:left;
	text-align:left;
  	padding: 7px 0;
	color:#CCC;
}

.table-portfolio {
	width: 492px;
	padding: 0;
	margin: 0;
	text-align:left;
	}

.table-portfolio th {
	letter-spacing: 1px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-bottom: 10px solid #202327;
}

.table-portfolio td {
	padding: 5px 5px 5px 10px;
	border-bottom: 10px solid #202327;
}

.table-portfolio tr.rows {
	background-color: #282b2f;
}


.table-portfolio tr.rows:hover {
	background-color: #44464a;
	cursor: pointer;
}

.table-portfolio a:hover, .table-portfolio a:active {
	color:#ffffff;
	text-decoration:none;
}

.nohover tr.rows:hover {
	background-color: #282b2f;
	cursor:default;
}

.table-portfolio th.header, .table-portfolio th.completed{
	border-bottom: 1px dotted #b3b3b3;
	padding-bottom:7px;
}

.table-portfolio th.info{
	background-color:#282b2f;
}
.table-portfolio th.completed, .table-portfolio td.year{
	text-align:center;
	
}
/****************************** Contact Css ******************************/	
#col-contact-info{
	width: 320px;
	margin-top: 80px;
	float:right;
	border-left: 4px solid #000;
	padding:0 25px 0 20px;
}
#col-contact-info p{
	line-height: 13pt;
}

#col-promo-info{
	width: 320px;
	margin-top: 110px;
	float:right;
	border-left: 4px solid #000;
	padding:0 40px 0 20px;
}
#col-promo-info p{
	line-height: 13pt;
}

#col-contact-form{
	width:485px;
	float:left;
	padding-top:5px;
}

.table-contact {
	width: 485px;
	padding: 0;
	margin: 0;
	text-align:left;
	}
	
.table-contact th {
	width:110px;
	letter-spacing: 1px;
	text-align: left;
	padding: 4px 4px 4px 0;
	vertical-align:top;
}

.table-contact td {
	padding: 4px 4px 4px 0;
	vertical-align:top;
}

/****************************** Footer Css ******************************/
#footer{
	width: 794px;
	height: 30px;
	border-top:1px solid #999;

}

#footercontent { 
  	float: left;
	width: 794px;
  	margin: 0;
  	padding: 0;
	color:#999999;
  	list-style: none;
  	}
	
#footercontent a {
	color:#FF6633;
  	text-decoration: none;
  	}
	
#footercontent a:hover, a:active{
	color:#FF0000;
	text-decoration:underline;
	}

#copyright {
  	float: right;
  	margin: 0;
  	padding: 7px 0;
  	}
	
/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}