html, body {
	margin: 0;
	padding: 0 16px;
	height: 100%;
	text-align: center;
	background: #FFF url('bg_top.gif') repeat-x;
	}
.wrapper {
	width: 860px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	}

/* Header */

#header {
	width: 100%;	
	height: 74px;
	text-align: left;
	}
#logo {
	margin: 28px 0 24px 0;
	float: left;
	display: block;
	}
#menu {
	float: right;
	margin: 39px 0 0 0;
	padding: 0;
	}
#menu li {
	list-style-type: none;
	padding: 0;
	margin: 0 1px;
	display: block;
	width: 121px;
	height: 35px;
	float: left;
	font-size: 16px;
	text-align: center;
	}
#menu a, #menu span {
	display: block;
	background-repeat: no-repeat;
	color: #000000;
	padding: 7px 10px;
	}
#menu a {
	background-image: url('menu_tab_bg.gif');
	text-decoration: none;
	}
#menu a:hover {
	background-image: url('menu_tab_bg_hover.gif');
	color: #ffffff;
	}
#menu a.current, #menu span {
	background-image: url('menu_tab_bg_current.gif');
	color: #ffffff;
	}

/* Base */

#base {
	width: 100%;	
	text-align: left;
	padding-bottom: 57px;
	clear: both;
	}
#leftColumn {
	float: left;
	width: 230px;
	margin: 16px 16px 0 0;
/*width: 206px;
	margin: 16px 26px 0 0;*/
	}
#middleColumn {
	float: left;
	width: 368px;
	margin: 16px 16px 16px 0;
	overflow: hidden;
	}
#rightColumn {
	float: right;
	width: 230px;
	margin: 16px 0;
	}
#about {
	height: 176px;
	}
#about img {
	margin: 0 16px 16px 16px;
	}
#cmw_main_t #about {
	height: 329px;
	}
#cmw_main_t #about img {
	margin: 5px 0 0 10px;
	}
#cmw_main_t #about p {
	line-height:120%;
	}
.selfprom {
	background: url('border_right_72.gif') no-repeat top right;
	margin-bottom: 16px;
	height: 72px;
	text-align: center;
	}
.selfprom span, .selfprom a {
	display: block;
	padding-top: 16px;
	background: url('border_left_72.gif') no-repeat;
	}
.blockGray {
	background: url('block_head_gray_right.gif') no-repeat top right;
	}
.blockGray .blockHeader {
	background: url('block_head_gray_left.gif') no-repeat;
	}
.blockOrange {
	background: url('block_head_orange_right.gif') no-repeat top right;
	}
.blockOrange .blockHeader {
	background: url('block_head_orange_left.gif') no-repeat;
	}
.blockBlue {
	background: url('block_head_blue_right.gif') no-repeat top right;
	}
.blockBlue .blockHeader {
	background: url('block_head_blue_left.gif') no-repeat;
	}
.blockSubmenu {
	background: url('submenu_head_right.gif') no-repeat top right;
	}
#cmw_projects_main_t .blockSubmenu {
	background: url('submenu_head2_right.gif') no-repeat top right;
	}
.blockHeader {
	font-size: 16px;
	color: #ffffff;
	height: 37px;
	}
.blockHeader a,  .blockHeader span {
	display: block;
	padding: 9px 16px;
	color: #ffffff;
	text-decoration: none;
	}
.blockHeader a:visited {
	color: #ffffff;
	}
.blockHeader a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
.blockSubmenu .blockHeader {
	background: url('submenu_head_left.gif') no-repeat;
	font-size: 18px;
	height: 45px;
	color: #1678C2;
	}
#cmw_projects_main_t .blockSubmenu .blockHeader {
	background: url('submenu_head2_left.gif') no-repeat;
	color: #1678C2;
	}
.blockSubmenu .blockHeader a, .blockSubmenu .blockHeader span {
	color: #1678C2;
	padding-top: 11px;
	}
#cmw_projects_main_t .blockSubmenu .blockHeader a, 
#cmw_projects_main_t .blockSubmenu .blockHeader span {
	color: #ffffff;
	}
.blockSubmenu .blockHeader a:visited, .blockSubmenu .blockHeader a:hover {
	color: #1678C2;
	}
#cmw_projects_main_t .blockSubmenu .blockHeader a:visited, 
#cmw_projects_main_t .blockSubmenu .blockHeader a:hover {
	color: #ffffff;
	}
.blockContent {
	padding: 0 16px;
	font-size: 12px;
	}
.blockContent p {
	font-size: 12px;
	}
#addon .blockContent {
	background-position: top right;
	background-repeat: no-repeat;
	border-top: 1px solid #ffffff;
	left: 16px;
	padding: 0;
 *padding-top: 16px;
	position: relative;
	height: 250px;
	}
#addon .blockContent img#charSpacer {
	float: right;
	}
#addon .blockContent p {
	margin-right: 16px;
	}
#addon b, #addon strong {
	display: block;
	margin: 16px 0;
	}
#portfolio .blockContent {
	padding: 0;
	}
#portfolio .blockContent a {
	}
#portfolio .blockContent .screenshot {
	margin: 16px 0 4px 0;
	float: none;
	}
.projectTitle {
	font-weight: bold;
	margin: 4px 16px;
	}
#contentColumn {
	float: right;
	width: 614px;
	padding: 8px 0 16px 0;
	overflow: hidden;
	}
table#backdrop {
	width: 614px;
	height: 230px;
	border-collapse: collapse;
	border-spacing: 0;
	}
div#backdrop {
	width: 368px;
	margin-bottom: 16px;
	}
#backdrop td {
	background-repeat: no-repeat;
	padding: 8px 300px 8px 16px;
	}
#backdrop EMBED, #backdrop OBJECT, #backdrop IMG  {
	display: block;
	}
#sectionAbstract {
	height: 165px;
	font-size: 12px;
	color: #ffffff;
	}
#sectionAbstract b, #sectionAbstract strong {
	display: block;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	line-height: 20px;
	margin-bottom: 16px;
	}
#sectionAbstract i, #sectionAbstract em {
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	}
#sectionTitle h1 {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	margin: 0;
	}
#sectionTitle a, #sectionTitle a:visited {
	color: #000000;
	text-decoration: none;	
	}
#sectionTitle a:hover, #sectionTitle a:active {
	color: #000000;
	text-decoration: underline;
	}
#content {
	padding: 0 16px;
	}
.pageTitle {
	color: #1678C2;
	}

/* submenu */

#submenu ul {
	margin: 0 0 16px 0;
	padding: 0;
	list-style: none;
	}
#submenu ul ul {
	margin: 0 0 0 16px;
	}
#submenu li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	*display: inline-block;
	}
#submenu li a, #submenu li span {
	display: block;
	border-bottom: 1px solid #E3E3E3;
	background: url('orange6.gif') no-repeat 18px 13px;
	padding: 6px 16px 6px 32px;
	text-decoration: none;
	color: #595959;
	}
#submenu li li {
	font-size: 11px;
	}

#submenu li a:hover, #submenu li a.current, #submenu li span {
	color: #EA7B24; 
	background: url('orange10.gif') no-repeat 16px 11px;
	}

/* News */

#news .blockContent {
	padding-right: 0;
	}
.newsBlock {
	float: left;
	width: 100px;
	margin-right: 16px;
	}
.newsDate {
	font-weight: bold;
	color: #1678C2;
	}
#news .edit {
	display: block;
	margin: 16px 0;
	}
.newsTitle a {
	color: #5D5D5D;
	}
.newsTitle a:hover, .newsTitle a:active {
	color: #EA7B24;
	}
.newsTitle a:visited {
	color: #000000;
	}
.more {
	clear: both;
	}

/* Footer */

#footer {
	width: 100%;	
	background: url('footer_block_right.gif') no-repeat top right;
	margin: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 57px;
	}
#footer .blockContent {
	background: url('footer_block_left.gif') no-repeat;
	height: 57px;
	}
p#copy {
	padding-top: 20px;
	margin: 0;
	font-size: 12px;
	color: #8E8E8E;
	}
p#address {
	padding-bottom: 24px;
	margin: 0;
	font-size: 12px;
	color: #8E8E8E;
	white-space: nowrap;
	}
p#address a {
	color: #8E8E8E;
	}
p#address a:hover {
	color: #000000;
	}

/* Page */

.pageAnnotation {
	margin: 16px 0;
	}

.pageAnnotation p {
	margin: 16px 0;
	font-weight: bold;
	color: #808080;
	text-align: justify;
	}

/* Portfolio pages */

.screenshot {
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 16px 16px 0;
	}
.screenshot span {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	}
.screenshot a {
	display: block;
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.screenshot img {
	visibility: hidden;
	}
#cmw_project_t .screenshot {
	width: 368px;
	}
#cmw_project_t .screenshot span {
	width: 368px;
	background-image: url("border_top_368.gif");
	}
#cmw_project_t .screenshot a {
	width: 368px;
	background-image: url("border_bottom_368.gif");
	}
#portfolioList .itemDesc, #portfolioListMain .itemDesc {
	float: left;
	width: 446px;
	overflow: hidden;
	}
#portfolioList .itemDesc {
	width: 446px;
	}
#portfolioList li, #portfolioListMain li {
	list-style-type: none;
	clear: both;
	}
#portfolioList .screenshot, #logosList .screenshot {
	width: 120px;
	}
#portfolioList .screenshot span, #logosList .screenshot span {
	width: 120px;
	background-image: url("border_top_120.gif");
	}
#portfolioList .screenshot a, #logosList .screenshot a {
	width: 120px;
	background-image: url("border_bottom_120.gif");
	}
#portfolioListMain .itemDesc {
	width: 336px;
	}
#portfolioListMain .screenshot {
	width: 230px;
	}
#portfolioListMain .screenshot span {
	width: 230px;
	background-image: url("border_top_230.gif");
	}
#portfolioListMain .screenshot a {
	width: 230px;
	background-image: url("border_bottom_230.gif");
	}
#cmw_project_t .itemUrl, #cmw_project_t .itemDate {
	font-size: 12px;
	margin: 0;
	color: #8E8E8E;
	}
#logosList {
	margin-left: 30px;
}

/* Items list */

.itemsList {
	margin: 16px 0;
	padding: 0;
	width: 582px;
	overflow: hidden;
}
.itemsList li {
	margin: 0;
	border-top: 1px solid #DEDEDE;
	padding: 16px 0;
	list-style: none;
}
.itemsList, .itemsList p, 
.itemsList, .itemsList li {
	font-size: 12px;
}
.itemAbstract UL, .itemAbstract OL {
	margin: 12px 0;
	}
.itemsList .itemAbstract LI, #portfolioList .itemAbstract LI {
	list-style: circle;
	padding: 0;
	margin: 0;
	border:0;
	}
.itemsList .itemTitle {
  font-size: 16px;
}
.itemUrl, .itemDate {
	font-size: 11px;
	color: #8E8E8E;
}

/* Edit styles */

.form form {
	clear: both;
	}

.formTable {
	margin-bottom: 57px;
	}

/* Easy clearing */

#base:after, #addon .blockContent:after, 
#portfolioList li:after, #portfolioListMain li:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#base, #addon .blockContent, 
#portfolioList li, #portfolioListMain li {
	display: inline-block;
	}
/*\*/
#base, #addon .blockContent, 
#portfolioList li, #portfolioListMain li {
	display: block;
	}