/*Start Body & Container*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #ECEAE2 url(../images/bkg.jpg) repeat-x scroll;
}
#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	width: 516px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*Stop Body & Container*/
/*Start Header & Menubar*/
.hiratech {
	float: left;
	height: 156px;
	width: 516px;
	background-attachment: scroll;
	background-image: url(../images/hiratech.jpg);
	background-repeat: no-repeat;
}
#menubar {
	clear:both
	height: 23px;
	width: 516px;
	margin-bottom: 30px;
	padding: auto;
}
/*Stop Header & Menubar*/
/*Start Columns*/
#columnone {
	float: left;
	width: 204px;
	display: inline;
	font: xx-small "Tahoma", Verdana, Arial, Helvetica, Sans-serif;
	color: #808080;
	margin-bottom: 10px;
}
#columnone p {
	padding: 3px;
	margin: 5px;
}
#columnone ul {
	list-style: none url(../images/bullet.gif) inside; 
	padding: 0px; 
	margin: 0px;  
	width: 195px;
	line-height: 5px;
	margin-bottom: 15px;
}
#columnone li {
	line-height: 20px;
}
#columnone a {
	text-decoration: none;
	color: #808080;
}
#columnone a:hover {
	text-decoration: none;
	color: #008ec5;
}
#columntwo {
	margin-left: 16px;
	float: left;
	font: xx-small "Tahoma", Verdana, Arial, Helvetica, Sans-serif;
	color: #808080;
	width: 296px;
	display: inline;
	margin-bottom: 10px;
}
#columntwo a {
	text-decoration: none;
	color: #808080;
}
#columntwo a:hover {
	text-decoration: none;
	color: #008ec5;
}
.projectsimg {
	border: 2px solid #F9F9F7;
	background: #ECEAE2;
	margin: 0px;
	padding: 0px;
}
.projectstopic {
	background: #ECEAE2;
	margin-bottom: 15px;
	padding: 0px;
}
.projectsname {
	background: #ECEAE2;
	margin-top: 5px;
	padding: 0px;
}
.content {
	clear: both;
	float: left;
	font: xx-small "Tahoma", Verdana, Arial, Helvetica, Sans-serif;
	color: #808080;
	width: 292px;
	border: 2px solid #F9F9F7;
	display: inline;
}
.content p {
	padding: 3px;
	margin: 10px;
}
#colcontent {
	clear: both;
	float: left;
	font: xx-small "Tahoma", Verdana, Arial, Helvetica, Sans-serif;
	color: #808080;
	width: 200px;
	border: 2px solid #F9F9F7;
	display: inline;
}
#colcontent ul {
	list-style: none url(../images/newsbullet.gif) inside; 
	padding: 10px; 
	margin: 0px;
	width: 175px;
	line-height: 0px;
	margin-bottom: 15px;
}
#colcontent li {
	margin-top: 12px;
	line-height: 11px;
}
#colcontent a {
	text-decoration: none;
	color: #808080;
}
#colcontent a:hover {
	text-decoration: none;
	color: #008ec5;
}

#colcontent p {
	padding: 0px;
	margin: 0px;
}
.longtopic {
	background: #ECEAE2;
	margin-bottom: 5px;
	padding: 0px;
}
.slogan {
	background: #ECEAE2;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
}
.screenshots {
	border: 1px solid #F9F9F7;
	background: #ECEAE2;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
}
.customer {
	float: left;
	background: #ECEAE2;
	padding: 0px;
	color: #008ec5;
}
/*Stop Columns*/
/*Start Footer*/
#footer {
	height: 87px;
	clear: both;
	width: 100%;
	text-align: center;
	background: #ECEAE2 url(../images/fbkg.jpg) repeat-x scroll;
}
#footertext {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	font: xx-small "Tahoma", Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	line-height: 18px;
	width: 516px;
}
#footer a {
	text-decoration: none;
	color: #000;
}
#footer a:hover {
	text-decoration: none;
	color: #FFF;
}
/*Stop Footer*/