/* CSS Document */
html
,body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body {
	color:#000000;
	font-size:12px;
	background-color:#656565;
}

div {
	color:#575757;
	background-color:transparent;
}

div, p {
	margin:0px;
	padding:0px;
}

p {
	margin:4px 0px;
}

ul, li, dl, dt, dd {
	margin:0px;
	padding:0px;
}
li {
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}

a, a:link, a:visited {
	color:black;
	text-decoration:none;
}
a:hover{
	border:0px;
	text-decoration:underline;
}

img {
	border:0px;
}

/* top part */
#top {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:136px;
	background-color:#B8C7C9;
	background-image:url(imgs/top-background.gif);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	top:0px;
	left:41px;
	background-image:url(imgs/logo-holder.gif);
	background-repeat:no-repeat;
	width:187px;
	height:118px;
}
#logoHolder {
	margin:0px 11px;
	height:108px;
	overflow:hidden;
}

/* top menu */
#topMenu {
	margin-left:289px;
	background:#787878;
	color:#f8f8f8;
}
#topMenu a
,#topMenu a:link
,#topMenu a:visited {
	color:#f8f8f8;
	font-style:italic;
}
#topMenu ul {
	margin-top:6px;
	height:22px;
}
#topMenu ul li {
	float:left;
	background-image:url(imgs/top-dot.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding-left:11px;
	margin-left:11px;
}

/* top image */
#topImage {
	position:absolute;
	top:33px;
	left:291px;
	background-image:url(imgs/top-image.gif);
	background-repeat:no-repeat;
	width:187px;
	height:129px;
	z-index:99;
}
#topImageInn {
	margin:2px 10px;
	height:116px;
	overflow:hidden;
}

/* top content */
#topContentBox {
	height:85px;
	margin-left:485px;
	margin-right:6px;
	margin-top:11px;
	overflow:hidden;
	background-color:#f8f8f8;
}
#topContentTop {
	height:1px;
	font-size:0px;
}
#topContentTop div {
	background-color:#B8C7C9;
	width:1px;
	height:1px;
}
#topContentTop .left {
	float:left;
}
#topContentTop .right {
	float:right;
}
#topContent {
	margin:3px 6px 3px 18px;
}
#topContent h1 {
	font-size:1.5em;
	margin:0px;
	font-style:italic;
}

/* left part */
#left{
	position:absolute;
	top:134px;
	left:41px;
	border-top:1px #797979 solid;
	width:187px;
	color:#787878;
}
#left a, #left a:link, #left a:visited {
	color:#6F767C;
	text-decoration:none;
	border:0px;
}
#left a:hover{
	color:black;
	text-decoration:none;
}
#leftMain{
	border-top:1px #cccccc solid;
	background-image:url(imgs/leftCat-bckgrnd.png);
	background-repeat:repeat-y;
	background-color:transparent;
}
#leftMain dl {
	margin:0px 1px;
}
#leftCategories {
}
#left dt {
	background-image:url(imgs/left-hr.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	font-size:1.3em;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;
	padding-bottom:6px;
	color:#434343;
	font-style:italic;
}
#leftCategories dd {
	margin-bottom:22px;
}
#leftBot {
	clear:both;
	height:4px;
	background-image:url(imgs/leftCat-bot.png);
	background-repeat:repeat-y;
}

/* left badges */
#leftBadges dd {
	margin-top:12px;
	padding:0px;
	padding-bottom:6px;
	margin-left:10px;
}
#leftBadges ul {
	margin:0px;
}
#leftBadges .leftCol {
	float:left;
	width:82px;
}
#leftBadges .rightCol {
	margin-left:85px;
	width:82px;
}

/* content part */
#content{
	margin-left:269px;
	margin-top:136px;
	margin-right:6px;
	border-top:1px solid #CBCDCC;
	background-color:transparent;
}
#contentTop {
	height:18px;
	background-color:#f8f8f8;
}
#mainContent {
	min-height:111px;
	background-color:#f8f8f8;
}
#mainContent h1 {
	font-style:italic;
	color:#666666;
}
#mainContent h2 {
	color:#999999;
	font-style:italic;
	margin-top:12px;
}
#mainContent div.content {
	font-size:1.2em;
}
.content a, .content a:link, .content a:visited {
	color:black;
	text-decoration:none;
	border-bottom:1px dashed #6F767C;
}
.content a:hover{
	border:0px;
	text-decoration:none;
	border-bottom:0px;
}

/* latests posts */

#latestPosts {	
	margin:0px 6px;
}
#latestPosts .latestPost {
	clear:left;
	margin-bottom:0px;
	min-height:33px;
	padding-top:4px;
}
#latestPosts .imageFrame {
	float:left;
	width:33px;
	height:33px;
	background-image:url(imgs/left-category-frame.gif);
	background-repeat:no-repeat;
	margin-right:4px;
}
#latestPosts .imageFrame .image {
	margin:6px;
	height:21px;
	overflow:hidden;
}
#latestPosts .mainBox {
	margin-left:37px;
	color:#676767;
	font-size:0.9em;
	margin-top:0.4em;
}
#latestPosts .mainBox .date {
	line-height:1.2em;
	font-style:italic;
}
#latestPosts .mainBox .title {
	font-size:1em;
}

/* recent designs */

#recentDesigns {	
	margin:0px 6px;
}
#recentDesigns .project {
	clear:left;
	margin-bottom:6px;
	min-height:33px;
}
#recentDesigns .imageFrame {
	float:left;
	width:33px;
	background-image:url(imgs/left-category-frame.gif);
	background-repeat:no-repeat;
}
#recentDesigns .imageFrame .image {
	margin:6px;
	height:21px;
	overflow:hidden;
}
#recentDesigns .mainBox {
	margin-left:37px;
	color:#676767;
	font-size:0.9em;
	margin-top:0.4em;
}
#recentDesigns .mainBox .title {
	font-size:1em;
}
#recentDesigns .mainBox .technologies {
	line-height:1.2em;
	font-style:italic;
	font-size:0.9em;
}

/* content element */
.contentElement .images {
	float:left;
	margin:44px 11px 22px 22px;
}
.contentElement .imageFrame {
	background-image:url(imgs/news-image.png);
	background-repeat:no-repeat;
	width:187px;
	height:137px;
	margin-bottom:11px;
}
.contentElement .image {
	margin:1px 9px;
	padding-top:10px;
	height:117px;
	overflow:hidden;
}
#contentBot
,.contentElement .bot {
	width:100%;
	height:41px;
	background-image:url(imgs/news-hr-background.png);
	background-repeat:repeat-x;
	background-color:#656565;
	clear:both;
}
#contentBot .left
,.contentElement .bot .left {
	width:2px;
	height:41px;
	background-image:url(imgs/news-hr-left.png);
	background-repeat:no-repeat;
	background-color:transparent;
}
#contentBot .right
,.contentElement .bot .right {
	float:right;
	width:70px;
	height:41px;
	background-color:transparent;
	background-image:url(imgs/news-hr-right.png);
	background-repeat:no-repeat;
	background-position:right;
}
.contentElement .content {
	margin:0px 22px 22px 230px;
}
.contentElement .content p.bodytext {
	line-height:1.25em;
}

/* footter part */
#footer {
	border-left:222px #656565 solid;
	margin-bottom:33px;
	position:relative;
	top:-12px;
	background-color:#f8f8f8;
}
#footer .hr {
	margin: 0px 2px 4px 2px;
	padding:0px;
	height:22px;
	border:0px none !important;
	background-image:url(imgs/dot-bot.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#footerContent{
}
#footerLogo{
	float:left;
	margin:0px 12px 4px 6px;
}
#typo3Logo{
	float:right;
	margin:0px 5px 4px 12px;
}
#footerMenu {
	margin:12px 11px 12px 11px;
	background-color:transparent;
	text-align:center;
}
#footerMenu li {
	display:inline;
	font-style:italic;
}
#footerNote {
	font-style:italic;
	font-size:0.9em;
	font-weight:normal;
	margin:0px;
	margin-top:0.5em;
	margin-left:77px;
	margin-right:77px;
	height:auto;
}
#footer .bot {
	width:100%;
	height:41px;
	background-image:url(imgs/news-hr-background.png);
	background-repeat:repeat-x;
	background-color:#656565;
	clear:both;
}
#footer .bot .left {
	width:2px;
	height:41px;
	background-image:url(imgs/news-hr-left.png);
	background-repeat:no-repeat;
	background-color:transparent;
}
#footer .bot .right {
	float:right;
	width:3px;
	height:41px;
	background-color:transparent;
	background-image:url(imgs/news-hr-right.png);
	background-repeat:no-repeat;
	background-position:right;
}