/* ------------------------------------- */
 /*           Branding New Site       	  */
/* ------------------------------------- */

body {
	margin:0px ;
	padding:0;
	align:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	line-height:18px;
	background-color:#FFFFFF;
	background-image:url(body-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

a:link {color:#FFFFFF; text-decoration:none;}
a:visited {color:#FFFFFF; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}
a:active {color:#FFFFFF; text-decoration:none;}

h1, h2, h3, h4, h5, h6, p, pre, form, img, ul, li, label, input {margin:0px; border:none; padding:0px;}

h1, h2, h3, h4, h5, h6 {font-size:11px;}

a:link, a:visited, a:hover, a:active {color:#000000; text-decoration:none;}

ul, li {
	list-style:none;
	padding:0;
	margin:0;
}

#body {
	width:1000px;
	margin:0px auto;
	background-color:#FFFFFF;
	text-align:justify;
}

#body strong {
	font-weight:bold;
}


  /*-----------------------*/
 /*    Header             */
/*-----------------------*/
#header {
	float:left;
	width:1000px;
	height:136px;
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(header-bg.gif);
	background-repeat:repeat-x;
}
#header p {
	text-align:right;
	color:#7fcefe;
	font-size:11px;
	margin:2px 30px 0 0;
}
#header p img {
	float:right;
	margin:0 0 0 0;
	color:#FFFFFF;
}
#header p a {
	padding:3px 20px 0 20px;
	color:#FFFFFF;
}
#header p a:link {color:#FFFFFF; text-decoration:none;}
#header p a:visited {color:#FFFFFF; text-decoration:none;}
#header p a:hover {color:#0099d8; text-decoration:none;}
#header p a:active {color:#FFFFFF; text-decoration:none;}

#logo {
	float:left;
	padding:30px 0 0 110px;	
}	
#links {
	float:left;
	padding:3px 0 0 98px;
}	
#links ul {
	font:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	font-size:11px;
	padding-left:0;
}
#links li {
	float:left;
	color:#FFFFFF;
	text-align:center;
	background-color:#0088c0;

}
.aboutus {
	padding:75px 0 20px 0;
	margin:0px 1px 0 0;
}
.aboutus a {
	padding:77px 32px 22px 32px;
	background-image:url(icon-aboutus.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}

.aboutus a:hover {
	padding:77px 32px 22px 32px;
	background-image:url(icon-aboutus-r.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}

.products {
	padding:75px 0 20px 0;
	margin:0px 1px 0 0;
}
.products a {
	padding:77px 34px 22px 34px;
	background-image:url(icon-products.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}
.products a:hover {
	padding:77px 34px 22px 34px;
	background-image:url(icon-products-r.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}

.services {
	padding:75px 0 20px 0;
	margin:0px 1px 0 0;
}
.services a {
	padding:77px 34px 22px 34px;
	background-image:url(icon-services.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}
.services a:hover {
	padding:77px 34px 22px 34px;
	background-image:url(icon-services-r.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}

.portfolio {
	padding:75px 0 20px 0;
	margin:0 1px 0 0;
}
.portfolio a {
	padding:77px 34px 22px 34px;
	background-image:url(icon-portfolio.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}
.portfolio a:hover {
	padding:77px 34px 22px 34px;
	background-image:url(icon-portfolio-r.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}

.templates {
	padding:75px 0 20px 0;
	margin:0px 1px 0 0;
}
.templates a {
	padding:77px 30px 22px 30px;
	background-image:url(icon-templates.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}
.templates a:hover {
	padding:77px 30px 22px 30px;
	background-image:url(icon-templates-r.gif);
	background-repeat:no-repeat;
	background-position:46px 42px;
}

#links li a:link {color:#FFFFFF; text-decoration:none;}
#links li a:visited {color:#FFFFFF; text-decoration:none;}
#links li a:hover {color:#FFFFFF; text-decoration:none; background-color:#0278a8;}
#links li a:active {color:#FFFFFF; text-decoration:none;}

/*-----------------------*/
/*    Content           */
/*---------------------*/

#content {
	float:left;
	width:962px;
	padding:0 19px 0 19px;
	background-color:#FFFFFF;
	background-image:url(content-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	color:#333333;
}
#content h3 {
	color:#333333;
	font-size:12px;
	padding:7px 0 5px 0;
}

#content h5 {
	color:#00aeef;
	font-size:12px;
	font-weight:normal;
	padding:0 0 5px 0;
}
#content h6{
	text-align:right;
	font-size:11px;
	font-weight:bold;
	padding:0 10px 5px 0;
}
#content h6 a:link {color:#08628b; text-decoration:none;}
#content h6 a:visited {color:#08628b; text-decoration:none;}
#content h6 a:hover {color:#08628b; text-decoration:underline;}
#content h6 a:active {color:#08628b; text-decoration:none;}

#content p {
	color:#333333;
	font-size:12px;
	padding:10px 10px 10px 10px;
}
#content ul {
	float:left;
	color:#000000;
	font-size:12px;
	padding:0px 0 5px 0;
}
#content li {
	/*padding:2px 0 2px 20px;
	background-image:url(arrow.gif);
	background-repeat:no-repeat;
	background-position:0 8px;*/
}

  /*-----------------------*/
 /*    banner             */
/*-----------------------*/
#banner {
	float:left;
	width:961px;
	height:263px;
	background-color:#FFFFFF;
	background-image:url(banner-bg.gif);
	background-repeat:no-repeat;
}
  /*-----------------------*/
 /*    portfolio scroll   */
/*-----------------------*/
#portfolio-scroll {
	float:left;
	width:961px;
	height:120px;
	margin:3px 0 15px 0;
	background-color:#FFFFFF;
	background-image:url(portfolio-scroll-bg.gif);
	background-repeat:repeat-x;
}

 /*    What we do   */
#whatwedo {
	float:left;
	width:330px;
}
#whatwedo h1 {
	float:left;
	width:318px;
	height:25px;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px 0 0 12px;
	background-color:#08628b;
	background-image:url(heading-top-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#whatwedo-boder {
	float:left;
	width:328px;
	height:165px;
	margin:2px 0 0 0;
	font-size:11px;
	color:#333333;
	border:1px solid #e4e4e4;
}

 /*    advertisments   */
#advertisments {
	float:left;
	width:295px;
	margin:0 3px 0 3px;
	background-color:#FFFFFF;
	background-image:url(advertisements-bg.gif);
	background-repeat:repeat-y;
}
#cms {
	float:left;
	width:295px;
	height:68px;
	background-color:#FFFFFF;
	background-image:url(cms-bg.gif);
	background-repeat:no-repeat;
}
#cms img {
	padding:3px 0 0 103px;
}

#deigntohtml {
	float:left;
	width:295px;
	height:68px;
	background-image:url(design-to-html.gif);
	background-repeat:no-repeat;
	background-position:9px 15px;
	font-family:"Trebuchet MS", Arial, Verdana, "Times New Roman"
}
#deigntohtml h1 {
	text-align:center;
	font-size:19px;
	color:#b7102a;
	font-weight:bold;
	padding:13px 0 8px 35px;
}
.more {
	font-size:14px;
}
#deigntohtml h1 a:link {color:#b7102a; text-decoration:none;}
#deigntohtml h1 a:visited {color:#b7102a; text-decoration:none;}
#deigntohtml h1 a:hover {color:#8d0d21; text-decoration:none;}
#deigntohtml h1 a:active {color:#b7102a; text-decoration:none;}

#deigntohtml h2 {
	text-align:center;
	font-size:13px;
	color:#176c92;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 35px;

}
#deigntohtml h2 a:link {color:#176c92; text-decoration:none;}
#deigntohtml h2 a:visited {color:#176c92; text-decoration:none;}
#deigntohtml h2 a:hover {color:#0c5575; text-decoration:none;}
#deigntohtml h2 a:active {color:#176c92; text-decoration:none;}

#quote {
	float:left;
	width:295px;
	height:68px;
	background-color:#FFFFFF;
}
 /*   products  */
#products {
	float:left;
	width:330px;
}
#products h1 {
	float:left;
	width:318px;
	height:25px;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px 0 0 12px;
	background-color:#08628b;
	background-image:url(heading-top-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#products h3 {
	font-size:15px;
	font-weight:bold;
	color:#08628b;
	text-align:center;
	vertical-align:middle;
	padding:10px 0 0 12px;
}
.ourproducts {
	padding:19px 0 14px 0;
	border-right:1px dashed #dddcdc;
}	
.ourproductslast {
	padding:15px 0 0 0;
}	

#products-boder {
	float:left;
	width:328px;
	margin:2px 0 0 0;
	font-size:11px;
	color:#333333;
	border:1px solid #e4e4e4;
}



 /*      quicklinks       */
#quicklinks {
	float:left;
	text-align:right;
	width:190px;
	padding:5px 11px 5px 5px;
}

/*    description   */
#description {
	float:left;
	width:550px;
	margin:5px 0 0 0;
}
#description h1 {
	float:left;
	width:538px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px 0 0 12px;
	background-color:#08628b;
	background-image:url(innerheading-top-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#description h2 {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding:10px 0 0 10px;
}
#description ul {
	width:95%;
	font-size:12px;
	color:#333333;
	padding:0 0 10px 20px;
}
#description li {
	padding:0 0 2px 15px;
	background-image:url(bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
}

#description-boder {
	float:left;
	width:548px;
	margin:2px 0 0 0;
	font-size:11px;
	color:#333333;
	padding:0 0 10px 0;
	border:1px solid #e4e4e4;
}
#description-boder img {
	padding:10px 0 10px 10px;
}


/* 06-april-2010 */
#portfolio {
	float:left;
	width:170px;
	text-align:center;
	padding:5px 3px 5px 8px;
}


#portfolio img {
	width:170px;
	height:116px;
}

#portfolio h5 {
	width:160px;
	font-weight:100;
	font-size:12px;
	text-decoration:none;
	border:solid 1px #bdbdbf;
	border-top:none;
	padding:2px 4px 2px 4px;
	background-color:#e4e4e4;
	color:#000000;
}

#portfolio a { color:#000000; text-decoration:none; }
#portfolio a:hover { color:#000000; text-decoration:underline; }
 /*      reachus       */
#reachus {
	float:left;
	text-align:right;
	width:190px;
	padding:5px 0px 5px 10px;
}
#reachus td {
	padding:5px 10px 5px 10px;
	margin:0;
}

#reachus-boder {
	float:left;
	width:188px;
	padding:5px 0 5px 0;
	font-size:11px;
	color:#333333;
	border:1px solid #e4e4e4;
}

.label {
	margin-left:18px;
}
.input {
	float:left;
	border:1px solid #cccccc;
	width:165px;
	padding:1px 0 1px 0;
}
.button {
	padding:1px 2px 1px 2px;
	color:#FFFFFF;
	border:1px solid #08628b;
	background-color:#0088c0;
}


  /*-----------------------*/
 /*       Footer         */
/*---------------------*/
#footer {
	float:left;
	width:961px;
	height:106px;
	background-image:url(footer-bg.gif);
	background-repeat:repeat-x;
	margin:15px 0 0 0;
}
#footerlogo {
	float:right;
	width:600px;
	height:106px;
	background-image:url(footer-logo.gif);
	background-repeat:no-repeat;
	background-position:450px 1px;
}
#footer img {
	margin:55px 0px 0px 10px;
}

#footer p {
	text-align:right;
	color:#FFFFFF;
	font-size:12px;
	padding:83px 20px 10px 15px;
}
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}
#footer a:active {color:#FFFFFF; text-decoration:none;}