@charset "utf-8";
.topbanner {
	text-decoration: none;
	float: left;
	height: 90px;
	width: 630px;
}
.logo {
	float: left;
	position: relative;
	left: 12px;
	top: 15px;
	width: 250px;
	height: 71px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	float: left;
	height: 18px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 7px;
	margin-right: 12px;
	margin-left: 12px;
}
.conceptbanner {
	float: left;
	height: 190px;
	width: 444px;
}
.ubuntubanner {
	float: left;
	height: 190px;
	width: 185px;
	position: relative;
	top: 0px;
}
.banner {
	float: left;
	height: 190px;
	width: 630px;
	position: relative;
	top: 10px;
}

.button a{
	color: #FFF;
	text-decoration: none;
}
.button a:hover{
	color: #FFF;
	text-decoration: underline;
}
.toplink {
	float: right;
	position: relative;
	top: 50px;
	right: 5px;
	width: 200px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #261B09;
	text-align: right;
	font-weight: bold;
}
.toplink a{
	color: #251A08;
	text-decoration:none;
}
.toplink a:hover{
	color: #C00;
	text-decoration:underline;
}
.content {
	float: left;
	height: auto;
	width: 628px;
	position: relative;
	top: 20px;
	border: 1px solid #CCC;
	padding-top: 25px;
	padding-bottom: 20px;
}
.panel1 {
	float: left;
	width: 159px;
	position: relative;
	left: 35px;
	height: 250px;
	border: 1px solid #CCC;
}
.gap {
	float: left;
	height: 25px;
	width: 630px;
}



.navigation {
	color: #FFF;
	float: left;
	height: 32px;
	width: 630px;
	position: relative;
	top: 5px;
	background-color: #C00;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.servicebox {
	float: left;
	height: 210px;
	width: 240px;
	border: 1px solid #CCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

.oneColLiqCtr #container {
	width: 630px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
.panel2 {
	float: left;
	width: 159px;
	position: relative;
	left: 70px;
	height: 250px;
	right: 30px;
	border: 1px solid #CCC;
}
.product1 {
	float: left;
	height: 220px;
	width: 240px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}
.productbig {
	float: left;
	height: 266px;
	width: 125px;
	margin-right: 5px;
}


.panel3 {
	float: left;
	width: 159px;
	position: relative;
	left: 110px;
	height: 250px;
	right: 30px;
	border: 1px solid #CCC;
}
.panel1top {
	float: left;
	width: 159px;
	height: 66px;
}
.panel2top {
	float: left;
	width: 159px;
	height: 66px;
}
.thumbnailimg {
	float: left;
	height: 50px;
	width: 50px;
	position: relative;
	left: 30px;
	top: 10px;
	border: 1px solid #CCCCCC;
}
.contentinner {
	float: left;
	height: auto;
	width: 500px;
	position: relative;
	left: 60px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-align: justify;
}
.contentinner a{
	color: #CC0000;
	text-decoration:none;
}
.contentinner a:hover{
	color: #C00;
	text-decoration:underline;
}
.panel3top {
	float: left;
	width: 159px;
	height: 66px;
}
.footer {
	background-color: #333;
	float: left;
	height: 30px;
	width: 630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	position: relative;
	top: 0px;
}
.panel1content {
	float: left;
	width: 149px;
	height: auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.panel2content {
	float: left;
	width: 149px;
	height: auto;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.panel3content {
	float: left;
	width: 149px;
	height: auto;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #666;
}
.panel3content a{
	color: #666;
	text-decoration:none;
}
.panel3content a:hover{
	color: #CC0000;
	text-decoration:none;
}
.content2 {
	float: left;
	height: auto;
	width: 628px;
	position: relative;
	top: 20px;
	border: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 25px;
}
.serviceboxhead {
	float: left;
	height: 20px;
	width: 240px;
	background-color: #CC0000;
	color: #FFF;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
}
.serviceboxcontent {
	float: left;
	height: auto;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 5px;
	line-height: 20px;
	padding-left: 10px;
}
.serviceboxcontent a{
	color: #333;
	text-decoration:none;
}
.serviceboxcontent a:hover{
	color: #CC0000;
	text-decoration:underline;

}
.product2 {
	float: left;
	height: 109px;
	width: 56px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.product3 {
	float: left;
	height: 109px;
	width: 80px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.productheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #DD1F1F;
	text-decoration: none;
	width: 230px;
	float: left;
	margin-bottom: 5px;
	padding-left: 7px;
	margin-top: 4px;
}

.product2content {
	float: left;






	height: 150
.px;
	width: 150px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: auto;
	font-size: 11px;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E22523;
	text-decoration: none;
}

.product2content2 {
	float: left;












	height: 150
.px;
	width: 235px;
	margin-left: 5px;
	margin-bottom: 0px;
	height: auto;
	font-size: 11px;
}
.product22content {
	float: left;









	height: 150
.px;
	width: 140px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: auto;
	font-size: 11px;
}
.contentinner2 {
	float: left;
	height: auto;
	width: 510px;
	position: relative;
	left: 60px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-align: justify;
}
.contentinner3 {
	float: left;
	height: auto;
	width: 600px;
	position: relative;
	left: 20px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-align: justify;
}