/****************************************************
	Common settings ...
****************************************************/
*
{
	margin:0px;
	padding:0px;
	border: none 0px;
}

body
{
	background-color: rgb(40,40,40);
}

a
{
	text-decoration:none;
	color:rgb(59,132,174);
}

a:hover
{
	text-decoration:underline;
	color: #f80;
}

div.clear
{
	clear:both;
}

/****************************************************
	Main container
****************************************************/

#container
{
	width:1025px;
	margin-left:auto;
	margin-right:auto;
}

/****************************************************
	Header section ...
****************************************************/

#header
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#header_part1
{
	width: 613px;
	height:212px;
	float:left;
}

#header_part2
{
	width: 411px;
	height:212px;
	float:left;
}

#header_company_banner
{
	background-image:url('../imgs/header_banner.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	width:613px;
	height:106px;
	
}

#header_left_placeholder
{
	background-image:url('../imgs/header_left_placeholder.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	width:411px;
	height:212px;

}

#header_bottom_placeholder
{
	background-image:url('../imgs/header_bottom_placeholder.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	width:613px;
	height:106px;

}

/****************************************************
	Menu section ...
****************************************************/

#menu {
	width:1024px;
	margin: 0 auto;
	font-size:19px;
	background: #4a4848;
	height: 31px;
}

#menu a {
	text-decoration:none;
}

#menu a:hover {
	text-decoration:none;
}

#menu div {
	float: left;
}

#menu div a {
	color: white;
	font: normal 19px Arial;
	text-transform: uppercase;
	height: 22px;
	padding: 7px 0 2px 0;
	letter-spacing: -1px;
	line-height: 16px
}

#menu div.active a {
	background: url('../images/menuhover.gif') repeat-x #252323
}

#menu div a:hover {
	background: url('../images/menuhover.gif') repeat-x #252323
}

#menu #menu_home a {
	display: block;
	text-align: center;
	width: 80px
}

#menu #menu_about a {
	display: block;
	text-align: center;
	width: 120px
}

#menu #menu_development a {
	display: block;
	text-align: center;
	width: 160px
}

#menu #menu_graphic_design a {
	display: block;
	text-align: center;
	width: 180px
}

#menu #menu_production a {
	display: block;
	text-align: center;
	width: 210px
}

#menu #menu_works a {
	display: block;
	text-align: center;
	width: 100px
}

#menu #menu_ideal_ventures a {
	display: block;
	text-align: center;
	width: 174px
}


/*
	Left section
*/

#body_left_part1
{
	
	width:202px;
	height:258px;
	
}

#body_left_part1 div.text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:rgb(100,100,96);
	padding: 10px;
}


#body_left_part2
{
	
	width:202px;
	height:257px;
	
	
}
#body_left_part3
{
	background-image:url('../imgs/home/left_bar_part3.jpg');
	width:202px;
	height:258px;
	background-position:center top;

}


/****************************************************
	Footer section ...
****************************************************/

#footer
{
	width:1024px;
	height:78px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../imgs/footer.jpg');
	background-repeat:repeat-x;
	background-position:center center;
	display:table;
}

#footer .text
{
	color: rgb(59,132,174);
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	top: 50%;
	display:table-cell;
	font-size:75%;
}

#footer .text a
{
	color: rgb(59,132,174);
	font-family:Arial, Helvetica, sans-serif;
	
	text-transform:uppercase;
	
	font-size:100%;
}

#footer .text a:hover
{
	color: #f80;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	
	text-transform:uppercase;
	
	font-size:100%;
}