body {
	background: transparent;
	height: 100%;
}
body, td, th, input, textarea, div {
	font: normal normal 11px/140% Arial, Tahoma, Verdana,  sans-serif;
	color: #444444;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	font: normal normal 11px/140% Arial, Tahoma, Verdana,  sans-serif;
	color: #336699;
}
a:hover {
	text-decoration: underline;
	color: #738996;
}

.outer { 
	position: relative;
	height:100%;
	width:430px;
	scrollbar-3dlight-color : #ee7e1e;
	scrollbar-arrow-color : #fefefd;
	scrollbar-base-color : #fefefd;
	scrollbar-darkshadow-color : #ee7e1d;
	scrollbar-face-color : #ee7e1d;
	scrollbar-highlight-color : #ee7e1d;
	scrollbar-shadow-color : #ee7e1d;
	scrollbar-track-color : #fefefe;
}
.inner {
	height: 100%;
	width: 100%;
	overflow: auto;
	position: absolute;
	z-index:10000000;
}
.full {
	background: #e4ebef;
	text-align: center;
	vertical-align: middle;
}
.main {
	width: 970px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.title_three {
	height: 560px;
	width: 100%;
}
.title_three .col_1 {
	width: 165px;
}
.title_three .col_1 table {
	width: 165px;
}
.title_three .col_1 .logo {
	padding: 20px 0 0 20px;
}

.col_1 .logo {
	height: 135px;
	overflow: hidden;
	
}

/* menu */
.menu {
	vertical-align: bottom;
	width: 165px;
	overflow: hidden;
	
}

.menu .links {
	padding: 0 0 15px 0;
	line-height: 15px !important;
	font-size: 9px !important;
	color: #000000 !important;
	position: absolute;
	bottom: 0px;
}
.menu span,
.menu a {
	font-size: 9px !important;
	color: #000000 !important;
	text-decoration: none;
	line-height: 15px !important;
	text-transform: uppercase;
}
.title_three .menu span,
.title_three .menu a {
	padding: 0 0 0 19px;
}
.menu span {
	background-repeat: no-repeat;
	background-position: left 4px;
	background-image: url('../media/images/dec/menu_2.gif');
}
.menu a:hover {
	text-decoration: underline;
}
.page_wide .menu span,
.page_wide .menu a {
	padding: 0 0 0 19px !important;
}
.page .menu span,
.page .menu a {
	padding: 0 0 0 19px !important;
}
.page_wide .menu span,
.page_wide .menu a,
.page .menu span,
.page .menu a {
	color: #000000 !important;
}


.project_thumb {
	display: inline;
	margin: 0 0 0 17px;
}

/* menu */

.title_three .col_2 {
	width: 470px;
	height: 100%;
}
.title_three .col_2 .col_2_wheight {
	width: 100%;
	height: 560px;
}
.title_three .col_3 {
	width: 320px;
	background: #FFFFFF;
}
.title_three .col_3 div {
	margin: 0 0 0 5px;
	width: 320px;
	height: 550px;
	overflow: hidden;
}
.title_three .title_text_top {
	overflow: hidden;
	width: 470px;
	vertical-align: top;
	text-align: right;
}
.title_three .title_text_top img {
	margin: 0 0 0 auto;
}
.title_three .title_text_bot {
	vertical-align: bottom;
	padding: 0 10px 0 0;
	color: #FFFFFF;
	line-height: 180%;
}
.title_three .title_text_bot .posrel {
	margin: auto 0 0 0;
	position: relative;
}
.title_three .title_text_bot .bot_padd {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px 14px 0;
}
.title_three .title_text_bot *,
.title_three .title_text_bot a {
	color: #000000 !important;
	line-height: 180%;
	text-decoration: none !important;
	text-transform: uppercase;
}


/* page */
.page {
	height: 560px;
	width: 100%;
}
.page .col_2 {
	width: 640px;
	height: 550px;
}
.page .col_1 {
	width: 330px;
}
.page .col_1 table {
	width: 330px;
	height: 100%;
}
.page .col_1 .logo_black {
	width: 330px;
	vertical-align: top;
}
.page .col_1 .logo_black img {
	margin: 5px 0 0 5px;
}
.page .col_1 .logo_black a {
	display: block;
	width: 100px;
	height: 110px;
	margin: 20px 0 0 15px;
}
.page .col_2 .main_cont {
	width: 610px;
	margin: 20px 0 0 0;
}

.page .col_2 .head {
	position: relative;
	width: 640px;
	height: 140px;

}
/* page */

/* resources */
.resources {
	margin: 0 0 -18px 0; 
}
.resources .group_name {
	text-transform: uppercase;
}
.resources .group {
	padding: 0 0 18px 0;
}
.resources .resource_1 {
	width: 290px;
	height: 362px;
	margin: 0 30px 0 0;
	float: left;
}
.resources .resource_2 {
	width: 130px;
	height: 362px;
	margin: 0 30px 0 0;
	float: left;
}
.resources .resource_3 {
	width: 130px;
	height: 362px;
	float: left;
}
.resources .resource_3 .top_marg {
	padding: 15px 0 0 0;
}
/* resources */

/* process */
.process {
	
}
.process .process_1 {
	float: left;
	width: 280px;
	margin: 0 30px 10px 0;
}
.process .process_2 {
	float: left;
	width: 280px;
}
/* process */

/* pages_list */
.pages_list {
	position: absolute;
	bottom: 4px;
	right: 18px;
}
.pages_list strong,
.pages_list a {
	padding: 0 2px;
}

.pages_list a:visited {
	color:#738996 !important;
}

/* pages_list */

.main_cont a ,
.main_cont * {
	line-height: 144% !important;
}

.main_cont a:visited {
	color:#738996 !important;
}

/* page */
.page_wide {
	height: 560px;
	width: 100%;
}
.page_wide .col_2 {
	width: 800px;
	height: 550px;
}
.page_wide .col_1 {
	width: 170px;
}
.page_wide .col_1 table {
	width: 170px;
}
.page_wide .col_1 .logo_black {
	width: 330px;
	vertical-align: top;
}
.page_wide .col_1 .logo_black a {
	display: block;
	width: 100px;
	height: 100px;
	margin: 20px 0 0 20px;
}
.page_wide .col_1 .logo_black img {
	width: 100px;
	height: 100px;
}
.page_wide .col_2 .main_cont {
	overflow: hidden;
	width: 800px;
	height: 281px;
	margin: 20px 0 0 0;
}
.page_wide .col_2 .head {
	position: relative;
	width: 800px;
	height: 220px;

}
/* page */

/* doodles */
.doodles {
	
}

.doodles .doodle {
	width: 130px;
	height: 281px;
	float: left;
	margin: 0 30px 0 0;
}
.doodles .group_name {
	text-transform: uppercase;
	padding: 0 0 0 1px;
}
.doodles .group {
	padding: 0 0 0 1px;
}
/* doodles */

/* portfolio */
.portfolio {
	width: 780px;
}
.portfolio .portfolio_photo {
	height: 491px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.portfolio .portfolio_photo img {
	margin: auto;
}
.portfolio .portfolio_info {
	height: 69px;
	vertical-align: bottom;
}
.portfolio .portfolio_info .vabot {
	vertical-align: bottom;
}
.portfolio .portfolio_info .portfolio_info_table {
	width: 100%;
	margin: auto 0 0 0;
}
.portfolio .portfolio_info .portfolio_text {
	width: 430px;
	margin: auto 0 17px 0;
	padding: 7px 0 0 1px;
}
.portfolio .portfolio_info .portfolio_text,
.portfolio .portfolio_info .portfolio_text * {
	line-height: 14px;
}
.portfolio .portfolio_info .portfolio_header {
	width: 320px;
	height: 190px;
	overflow: hidden;
}
.portfolio .pages_portfolio {
	vertical-align: bottom;
}
.portfolio .pages_portfolio .pages {
	margin: auto -2px 0 0;
	padding: 17px 0 16px 0;
	overflow: hidden;
	text-align: right;
}
.portfolio .portfolio_info .pages strong,
.portfolio .portfolio_info .pages a {
	padding: 0 2px;
	font-size: 11px !important;
}
.portfolio .portfolio_info .pages span {
	text-transform: uppercase;
	font-size: 11px !important;
}
.portfolio .portfolio_info .pages a.link {
	text-transform: uppercase;
}
.portfolio .pages_portfolio .project_name {
	font-weight: bold !important;
}

.portfolio .portfolio_info .pages a.link {
	color:#738996 !important;
}

.portfolio .portfolio_info .pages .divider {
	padding: 0 7px;
}
.portfolio .portfolio_info .links {
	width: 320px;
	height: 59px;
	overflow: hideen;
	
}
.portfolio .portfolio_info .links span {
	color: #444444 !important;
}
.portfolio .portfolio_info .links img {
	margin: 1px 0 0 0;
}
/* portfolio */

.padd {
	width: 970px;
	position: relative;
}