body {
	/*background: url() repeat scroll;*/
	margin: 0;
	padding: 0;
}

.maintable{
margin-top:10px;
}
.rightcol{
padding-top:12px; 
padding-right:-2px;
padding-bottom:20px;
}
.leftcol{
padding-top:12px; 
padding-right:0px;
padding-left:5px;
}

.container{
	margin: 0pt auto;
	width:800px;
}

#header{
	background: url(../img/hdr-bkg.png) repeat-x scroll;
	height:75px;
	position:absolute;
	z-index :100;
	top: 0px;
	left:0px;
	width:100%;
}

#navigation{
	height:60px;
}

#home, #home div, 
#about, #about div, 
#blog , #blog div, 
#custompage, #custompage div, 
#contact,  #contact div {
	height:80px;
	position:absolute;
	width:97px;
	float:left;
}

#home, #about, #blog, #custompage, #contact{
	background-image: url(../img/nav.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	top:65px;
}

#home{
	background-position: 0px -25px;
	margin-left:6px;
}

#about{
	background-position: -98px -25px;
	margin-left:105px;
}

#blog{
	background-position: -196px -25px;
	margin-left:204px;
}

#custompage{
	background-position: -294px -25px;
	margin-left:303px;
}

#contact{
	background-position: -392px -25px;
	margin-left:402px;
}

#home div, #about div, #blog div, #custompage div, #contact div {
	background-image: url(../img/white.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px -60px;	
}	

.pri-nav a{
	display:block;
	text-decoration:none;
	text-indent:-30000px;
}

.content{
	margin-top:54px;
}
.content2{
	margin-top:20px;
}

#content-title-top{
	border: 0px solid green;
    position: absolute; left: 0; width: 100%; top:0px;
}
#content-title-top-inner{
	background: url(../img/content-title-top.png) no-repeat scroll;
	width:800px;
	border: 0px solid magenta;
    height: 18px; margin: 0 auto; 
}
#content-title-middle{
	background: url(../img/content-title-middle.png) repeat-y scroll;
	position:relative;
	margin-top:0px;
	padding-top:3px;
	width:800px;
}
#content-title-bottom{
	border: 0px solid green;
    position: absolute; left: 0; width: 100%; bottom: -23px;
}
#content-title-bottom-inner{   
	background: url(../img/content-title-bottom.png) no-repeat scroll;
	width: 800px;
	border: 0px solid magenta; 
    height: 23px; margin: 0 auto;
}
#latestblog{   
	background: url(../img/latest_blog_entry.gif) no-repeat left;
	width: 470px;
	position:absolute;
	border: 0px solid magenta; 
    height: 79px; margin: 5px auto;

}
#socialnetworks{   
	background: url(../img/social_networks.gif) no-repeat right;
	width: 242px;
	position:absolute;
	border: 0px solid magenta; 
    height: 80px; margin: 5px auto;
	padding-left:10px;
	padding-right:0px; 
	padding-top:10px;
}

.ulmenubox .header {
		color: #fff;
		font-weight: normal;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 0px;
	}
.ulmenubox .header img,
.ulmenubox h3 img {
		display: block;
		margin: 0px !important; 
	}	

.ulmenubox .area {
		padding:0px 10px 0px 22px;
	}
.ulmenubox .content {
		padding:0px 24px 0px 24px;
	}

.ulmenubox .content p,
.ulmenubox .area p {
			margin: 0px;
			padding: 0px;
			line-height: 1.7em;
		}
.ulmenubox .content h4 {
			padding: 5px 0px;
			font-size: 1.2em;
			font-weight: 700;
		}
.ulmenubox .content ul li {
			width: 215px;
			overflow: hidden;
		}

.ulmenubox .content p {
			font-size: 1.1em;
			color: #5e5e5e;
			line-height: 1.4em;
			padding: 5px 0px 2px 0px;
		}
.ulmenubox .content ul li {
			list-style: disc;
			margin-left: 15px;
		}
.ulmenubox .content ul,
.ulmenubox .area ul {
			margin: 0px;
		}
.ulmenubox .content ul li {
				margin-left: 10px;
				list-style: none;
			}
.ulmenubox .content li {
			display: block;
			line-height: 2.1em;
			margin: 0px;
			padding: 6px 0px;
			list-style: none;
			border-bottom: 1px solid #dcdcdc;
		}
.ulmenubox .content li div {
			float: left;
			font-size: 0.9em;
			color: #444;
			padding-top: 1px;
			width: 50px;
		}
.ulmenubox .content li h4 {
			margin-left: 50px;
			font-size: 1em;
			color: #333;
			font-weight: 700;
			padding: 0px;
		}
.ulmenubox .content a {
			color: #00335a;
			text-decoration: underline;
		}
.ulmenubox .content a:hover {
			color: #900128;
			text-decoration: underline;
		}

		/* Left Area Menu (mouseover) */
		
		.ulmenubox .area {
			float: left;
			width: 225px;
		}
		.ulmenubox .area li {
			list-style: none;
		}
		.ulmenubox .area li a {
			display: block;
			border: 0;
			color: #fff;
			text-decoration: none;
			margin-bottom: 2px;
			padding: 0;
			cursor: pointer;
		}
		.ulmenubox .area li a:hover,
		.ulmenubox .area li a.currentArea {
			background: #91032a url(../img/sidebar-hover-top.gif) top left no-repeat;
		}
		.ulmenubox .area li a .menuItemFooter {
			background: none;
			height: 5px;
			padding: 2px 0;
			clear: both;
		}
		.ulmenubox .area li a:hover .menuItemFooter,
		.ulmenubox .area li a.currentArea .menuItemFooter {
			background: url(../img/sidebar-hover-bottom.gif) bottom left no-repeat;
		}
		.ulmenubox .area .menuItem { 
			padding: 5px 0px 8px 5px; 
			width: 218px;
			text-decoration: none;
		}
			.ulmenubox .area a .menuItem h2 { 
				font-weight: 700;
				font-size:12px;
				color: #494949;
				text-align:left;
				
			}
			.ulmenubox .area a:hover .menuItem h2,
			.ulmenubox .area li a.currentArea .menuItem h2 { 
				color: #fff;
			}
			.ulmenubox .area a .menuItem p { 
				line-height: 1em;
				font-size: 0.7em;
				display: block;
				padding: 0 3px 3px 5px;
				color: #333;
				margin-left: 42px;
				text-align:left;
			}
			.ulmenubox .area a:hover .menuItem p,
			.ulmenubox .area li a.currentArea .menuItem p { 
				color: #fff;
			}
		.ulmenubox .area .menuItem div {
			float: left;
			height: 32px;
			display: block;
			width: 32px;
			background-position: top left;
			overflow: hidden;
			margin: 5px;
		}
		.ulmenubox .area a .menuItem div.project {
			background: url(../img/project.gif) no-repeat;
		}
			.ulmenubox .area a:hover .menuItem div.project,
			.ulmenubox .area a.currentArea .menuItem div.project {
				background-position: bottom;
			}
		.ulmenubox .area a .menuItem div.mobile {
			background: url(../img/mobile.gif) no-repeat;
		}
			.ulmenubox .area a:hover .menuItem div.mobile,
			.ulmenubox .area a.currentArea .menuItem div.mobile  {
				background-position: bottom;
			}
		.ulmenubox .area a .menuItem div.computer {
			background: url(../img/it_tech.gif) no-repeat;
		}
			.ulmenubox .area a:hover .menuItem div.computer,
			.ulmenubox .area a.currentArea .menuItem div.computer  {
				background-position: bottom;
			}
		.ulmenubox .area a .menuItem div.digital {
			background: url(../img/computer.gif) no-repeat;
		}
			.ulmenubox .area a:hover .menuItem div.digital,
			.ulmenubox .area a.currentArea .menuItem div.digital  {
				background-position: bottom;
			}
		.ulmenubox .area hr,
		.ulmenubox .area .menuItem hr {
			display: block; 
			clear: left; 
			margin: -0.66em 0;
  			visibility: hidden;
		}
		
	.ulmenubox .footer {
		clear: both;
		height:23px;
		background:url(../img/footer.gif) top left no-repeat;
	}
*
{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}

.blogaheader{
font-weight: 700;
font-size:11px;
color: #666666;
text-align:left;
text-decoration:none;
}
.blogaheaderp{
font-weight: normal;
font-size:11px;
color: #003366;
text-align:left;
text-decoration:none;
}
.blogaheaderp:hover{
font-weight: normal;
font-size:11px;
color: #CC0000;
text-align:left;
text-decoration:none;
}

.blogtext{
line-height: 1em;
font-size: 0.7em;
display: block;
padding: 0 3px 3px 5px;
color: #333;
margin-left: 2px;
text-align:left;
}
.blogtext2{
padding: 0 3px 3px 5px;
color: #333;
margin-left: 4px;
text-align:left;
}
.socialarealist{
padding-top:5px;
padding-bottom:5px;
padding-left:25px;
}
.redsmalllink{
font-size:10px;
text-decoration:none;
color:#FF0000;
}

.bottominfo{
line-height:14px;
font-weight: normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color: #666666;
text-align:center;
text-decoration:none;

}
.bottominfoline{
font-weight: normal;
font-size:11px;
color: #666666;
text-align:left;
text-decoration:none;
}
.bottominfoline:hover{
font-weight: normal;
font-size:11px;
color: #CC0000;
text-align:left;
text-decoration:none;
}