* {
	margin:0px;
	padding:0px;
	border: none 0px;
}

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

a {
	text-decoration:none;
	color:#1560d1;
}

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

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;
	background: url('../images/header_right.jpg') no-repeat top left #13120f;
	float:left;
}

#header_company_banner {
	width:613px;
	height:106px;
}

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

#header_bottom_placeholder {
	background:url('../images/header_bottom_placeholder.jpg') no-repeat top center;
	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
}


/****************************************************
	Content section ...
****************************************************/
#headergrad {
	background: url('../images/headergrad.gif') #fbfafa;
	height: 170px;
	margin: 0 auto;
	width: 1024px;
	text-align: center
}

#body {
	width:989px;
	margin-left:auto;
	margin-right:auto;
	background: #4a4848;
	padding: 32px 7px 0 28px;
}

#body_content {
}

#body_content_part1 div.part1 {
	background: white;
	width:635px;
	float:left;
	padding: 7px 12px 10px 17px;
	font: normal 14px Arial;
}

#body_content_part1 div.part1 h2 {
	font: bold 16px Arial;
	color: #4b4c4b;
	margin-top: 20px;
}

#body_content_part1 div.part1 .text {
	text-align:justify;
	line-height:1.35em;
	color: #4b4c4b;
}

#body_content_part1 div.part2 {
	width:317px;
	margin-left: 8px;
	float:left;
}

.quote_border {
	height: 5px;
	line-height: 5px;
	background: url('../images/quote_border.jpg') no-repeat top center
}

.quote {
	padding: 5px 0 5px 0px;
}

.quote_begin {
	padding: 10px 10px 5px 0px;
	background-image:url('../images/quote.jpg');
	background-repeat:no-repeat;
}
.quote p {
	text-align: left;
	padding: 0 10px 0 18px;
	background: url('../images/quote_begin.gif') no-repeat top left;
	font-size: 23px;
	color: white;
	font-family: "Myriad Pro", "Myriad", "Arial";
	line-height: 27px;
}

.quote p:first-letter {
	font-size: 140%;
	line-height: 26px
}

.quote_end {
	background: url('../images/quote_end.gif') no-repeat bottom right;
	font: normal 24px Arial;
	margin-bottom: 10px;
	color: white
}

#subbanner1 {
	/*background-image:url('../images/content_block_image1.jpg');
	background-position:center center;
	background-repeat:no-repeat;*/
	width:315px;
	height:120px;
}

#subbanner2 {
	/*background-image:url('../images/content_block_image2.jpg');
	background-position:center center;
	background-repeat:no-repeat;*/
	width:315px;
	height:119px;
}

#subbanner3 {
	/*background-image:url('../images/content_block_image3.jpg');
	background-position:center center;
	background-repeat:no-repeat;*/
	width:315px;
	height:120px;
}

#body_content_part3 {
	width:822px;
	height:72px;
	background-image:url('../images/content_footer.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}

.hugenumber {
	text-decoration: underline;
	font: normal 34px Arial;
	font-family: "Myriad Pro", "Myriad", "Century Gothic", "Tahoma"
}

#footer {
	color: #3b84ae;
	margin: 0 auto;
	border-top: 6px solid #d9d9d9;
	background: #e8e8e8;
	text-align: center;
	font: normal 12px Arial;
	padding: 10px 0 20px 0
}

#footer .links {
	font: normal 12px Arial;
	text-transform: uppercase
}

#footer .links a {
	color: #3b84ae
}

.works {
	background: #211f1f !important;
	color: white;
	padding-top: 10px !important;
	padding-right: 0 !important;
	width: 996px !important
}

.works .notice {
	font: normal 10px Arial;
	text-align: center;
	padding-bottom: 10px
}

.works .size1 {
	float: left;
	width: 550px;
	margin: 5px 0 0 5px
}

.works div.trans h3 {
	font: normal 25px Arial;
	letter-spacing: -1px
}

.works .size25 {
	float: left;
	width: 457px;
	margin: 5px 0 5px 10px
}

.works .size2 {
	float: left;
	width: 509px;
	margin: 5px 0 5px 20px
}

.works .size3 {
	float: left;
	width: 421px;
	margin: 5px 0 0 20px
}

.works div.white {
	background: white;
	display: block;
	padding: 10px 10px 5px 10px;
	color: #211f1f;
}

.works div.white h2 {
	font: normal 29px Arial;
	letter-spacing: -1px
}

.works div.white {
}

.works div.trans {
	color: white;
	margin-bottom: 5px
}

.works div.trans p {
	padding: 10px 0;
	font: normal 16px Arial
}

.works div.trans ul {
	padding: 10px 0;
	font: normal 16px Arial;
	line-height: 21px
}

.works div.white p {
	padding: 10px 0;
	font: normal 16px Arial
}

.works sup {
	line-height: 1px;
	font-size: 70%
}

.works .hr {
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #545454
}

.works .hr2 {
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #545454;
	width: 1024px;
	margin-left: -25px
}

.works ul, .works li {
	list-style: none
}

.nobreak {
	white-space: pre
}

.left {
	float: left
}

.right {
	float: right
}

.alignleft {
	text-align: left
}

.aligncenter {
	text-align: center
}

.alignright {
	text-align: right
}

.vtop {
	vertical-align: top
}

.vmiddle {
	vertical-align: middle
}

.tablecell {
	display: table-cell
}