body {
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #666666;
}
h1, h2, h3, h4, h5, h6, p ,blockquote{
	margin : 0;
}
blockquote { margin:0px 5px;}
h1 {
	color : #0F6CC6;
	font-size : 16px;
	font-weight : bold;
	font-family : "Cambria";
}
h2 {
	color : #0F6CC6;
	font-size : 14px;
	font-weight : bold;
	font-family : "Cambria";
}
h3 {
	font-size : 1em;
}
ul {
	padding : 0;
	margin : 0;
	margin-left:25px;
}
a {
	text-decoration : none;
	color : #a62020;
}
a:hover {
	border-bottom : none;
}
a img {
	border : none;
}
.left {
	float : left;
}
.right {
	float : right;
}
.clearall {
	clear : both;
}
.clearleft {
	clear : left;
}

/* You Will See This: */

:-moz-any-link:focus {
  outline: 1px dotted invert;
}

/* Change It To This: */

:-moz-any-link:focus {
  outline: none;
}








/* Header */

#header {
	width : 1000px;
	height : 145px;
	margin : 0 auto;
}
#header-top {
	width : 1000px;
	height : 100px;
}
#logo {
	width: 320px;
	height: 75px;
	padding: 10px 0;
	float:left;
}
#head-right {
	width: 400px;
	height: 100px;
	float:right;
}
#head-right .ph_top_no {
	width: 160px;
	height: 28px;
	display:block;
	background:url(images/head-ph-no-bgr.jpg) no-repeat top;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:60px;
	padding-top:5px;
	font-size:14px;
}
#head-right .tp-links {
	clear:both;
	text-align:right;
	font-family:"Franklin Gothic Medium Cond";
	font-size: 20px;
	padding-top:20px;
	color: #0F6CC6;
	text-decoration:none;
}
#head-right .tp-links ul {
	padding-left:40px;
	margin:0px;
	list-style:none;
}
#head-right .tp-links li {
	display: inline;
}
#head-right .tp-links a {
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 2px 15px 0 25px;
	border: none;
	text-decoration: none;
	color: #0F6CC6;
}
#head-right .tp-links .request {
	background:url(images/req-ico-bgr.gif) no-repeat 0px 6px;
}
#head-right .tp-links .chat {
	background:url(images/chat-ico-bgr.gif) no-repeat 0px 9px;
}
#head-right .tp-links .cont {
	background:url(images/cont-ico-bgr.gif) no-repeat 0px 8px;
}
/* Menu */

#menu {
	width:1000px;
	background:url(images/menu_bgr.jpg) no-repeat top;
	height: 38px;
	margin: 0 auto;
}
#menu ul {
	margin: 0;
	padding: 0;
	float:left;
}
#menu ul.main {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul.services {
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
}
#menu li {
	display: inline;
	
}
#menu ul.home a {
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 7px 5px 0 15px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#menu ul.main li {
	margin-right:1px;
	 padding: 0px 0px 0 8px; float:left;
	  background:  url(images/menu-main-bgr.jpg) left top no-repeat;
}
#menu ul.main a {
	display: block;
	float: left;
	height: 22px;
	margin: 0 0px 0 0;
	padding: 11px 15px 5px 7px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	
	
}
#menu ul.services a {
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 11px 14px 0 15px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background:url(images/menu-main-bgr.jpg) no-repeat top left;
}
#menu ul.main #current , #menu ul.main li:hover{
    color:#000000; 
	 background:  url(images/menu_bgr_hright.jpg) left top no-repeat;
    }
#menu ul.main li:hover a{
    color:#000000; 
    }
  #menu ul.main #current a ,#menu ul.main a:hover{
    background:url(images/menu_bgr_hright.jpg) no-repeat top right;
   
	color:#000000; 
    }
/* Page */
#home-banner-bgr {
	clear:both;
	padding-top : 0px;
	height:265px;
	width : 100%;
	margin : 0 auto;
	background:url(images/banner-bgr-1.jpg) repeat-x top;
	
}
#home-banner {
	width : 1000px;
	padding : 0 0 0 0;
	margin : 0 auto;
	margin-top : 0;
	
}
#banner {
	width : 1000px;
	padding : 0 0 0 0;
	margin : 0 auto;
	margin-top : 0;
	padding:3px 0px;
	height:85px;
}
#banner .title h1 {
	padding-top:10px;
	padding-left:15px;
	color:#0F6CC6;
	font-family:"Franklin Gothic Medium Cond";
	font-size:30px;
}
#banner .title h1 span {
	color:#0F6CC6;
	font-family:"Franklin Gothic Medium Cond";
	font-size:30px;
}
/* Page */

#page {
	width : 1000px;
	margin : 0 auto;
	padding : 5px 0;
}
.body_content {
	clear : both;
	background : #ffffff;
	padding : 0 5px;
	width : 988px;
	margin : 0;
	border-left : 1px solid #efefef;
	border-right : 1px solid #efefef;
}
.body_content_top {
	clear : both;
	background : url(images/body_top_bg.jpg) no-repeat bottom left;
	height : 10px;
	width : 1000px;
}
.body_content_bottom {
	clear : both;
	margin : 0;
	width : 1000px;
	background : url(images/body_bottom_bg.jpg) no-repeat top left;
	height : 9px;
}
/* Content */

#content {
	float: left;
	width: 485px;
	margin:0px 8px;
}
#content p {
	text-align : justify;
	padding : 5px 0;
	line-height:150%
}
#content-r-big {
	float: left;
	width: 735px;
	margin:0px 0 0 8px;
}
#content-r-big p {
	text-align : justify;
	padding : 5px 0;
	line-height:150%
}
.cb-box {
	clear:both;
	margin:0;
	padding:0px 0px 5px 0;
	width:735px;
}
.cb-box .cb-header {
	float: left;
	width: 715px;
	font-size:22px;
	font-weight:bold;
	color:#0F6CC6;
	padding:5px 10px;
	margin:0px;
	font-family:"Franklin Gothic Medium Cond";
	background: url(images/cb-header.gif) no-repeat top left;
}
.cb-box .cb-content {
	width: 725px;
	clear:both;
	background: url(images/cb1-con.gif) repeat-y top left;
	padding:0px 5px;
}
.cb-box .cb-bottom {
	clear:both;
	width: 735px;
	height:11px;
	padding: 0px;
	margin:0px;
	background: url(images/cb1-bot.gif) no-repeat top left;
}
.cbw-box {
	clear:both;
	margin:0;
	padding:0px 0px 5px 0;
width:width:735px;
}
.cbw-box .cbw-header {
	float: left;
	width: 715px;
	padding:5px 10px;
	background: url(images/cb1-top.gif) no-repeat top left;
}
.cbw-box .cbw-header h2 {
	border-bottom:1px dashed #c9c9c9;
	font-size:22px;
	font-weight:bold;
	color:#0F6CC6;
	margin:0px;
	font-family:"Franklin Gothic Medium Cond";
}
.cbw-box .cbw-content {
	width: 725px;
	clear:both;
	background: url(images/cb1-con.gif) repeat-y top left;
	padding:0px 5px;
}
.cbw-box .cbw-bottom {
	clear:both;
	width: 735px;
	height:10px;
	padding: 0px;
	margin:0px;
	background: url(images/cb1-bot.gif) no-repeat top left;
}
.cbws-box {
	clear:both;
	margin:0;
	padding:0px 0px 5px 0;
width:width:485px;
}
.cbws-box .cbws-header {
	float: left;
	width: 465px;
	padding:5px 10px;
	background: url(images/cbws-top.gif) no-repeat top left;
}
.cbws-box .cbws-header h2 {
	border-bottom:1px dashed #c9c9c9;
	font-size:22px;
	font-weight:bold;
	color:#0F6CC6;
	margin:0px;
	font-family:"Franklin Gothic Medium Cond";
}
.cbws-box .cbws-content {
	width: 476px;
	clear:both;
	background: url(images/cbws-con.gif) repeat-y top left;
	padding:0px 5px;
}
.cbws-box .cbws-bottom {
	clear:both;
	width:485px;
	height:10px;
	padding: 0px;
	margin:0px;
	background: url(images/cbws-bot.gif) no-repeat top left;
}
.title {
	font-size:22px;
	font-weight:bold;
	color:#0F6CC6;
	padding:5px 02px;
	margin:0px;
	font-family:"Franklin Gothic Medium Cond";
}
.orb {
	color:#0F6CC6;
	font-weight:bold;
	text-align:center
}
.orb a {
	color:#0F6CC6;
	font-weight:bold;
}
.title a:hover {
	color:#0F6CC6;
}
.links {
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}
.links a {
	padding-left: 15px;
	color:#0F6CC6;
	border: none;
}
.links a:hover {
	border-bottom: 1px dotted #CCCCCC;
}
/* service_list */
.service_menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.service_menu li {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.service_list {
	float:left;
	width:228px;
	margin:5px 0px 0px 0px;
	display:inline;
}
ul.service_list .headerbar {
	background:url(images/serv-men-bgr.jpg) no-repeat;
	width:224px;
	height:25px
}
ul.service_list li {
	float:left;
	width:224px;
	font:bold 13px arial;
}
ul.service_list li a {
	float:left;
	width:218px;
	padding:8px 3px 8px 5px;
	color:#4f4f4f;
	text-decoration:none;
}
ul.service_list li a span {
	float:left;
	width:214px;
#width:auto;
	cursor:pointer;
}
ul.service_list li a img {
	float:right;
	padding:0px;
	margin-top:-10px;

}
ul.service_list li a:hover {
	color:#0F6CC6;
}
ul.element {
	float:left;
	width:224px;
	padding-bottom:5px
}
ul.element li {
	float:left;
	width:224px;
	border-bottom:dashed 1px #a4a4a4;
	font:normal 12px arial;
	background:url(images/sub-men-bgr.gif) no-repeat 2px 13px;
}
ul.element li a {
	float:left;
	width:194px;
	border-bottom:0px;
	padding:7px 15px;
	background:none;
	color:#606d77;
	text-decoration:none;
}
ul.element li a:hover {
	color:#7e8c97;
}

/* new side menu starts */

.arrowlistmenu{
width:224px; /*width of accordion menu*/padding:5px 0px;
}
.arrowlistmenu ul{
	list-style:none;
	margin:0px;
	padding:5px 0px;
	width:224px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	background:url(images/serv-men-bgr-close.jpg) no-repeat;
	width:224px;
	height:25px;
	font:bold 13px arial;
		padding:10px 3px 2px 8px;
	color:#4f4f4f;
	text-decoration:none;cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader h3{ /*CSS class for menu headers in general (expanding or not!)*/
	margin:0px; padding:0px
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background:url(images/serv-men-bgr-open.jpg) no-repeat;
	width:224px;
	height:25px;
	font:bold 13px arial;
	padding:10px 3px 2px 8px;
	color:#4f4f4f;
	text-decoration:none;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	
	width:224px;
	border-bottom:dashed 1px #a4a4a4;
	font:normal 12px arial;
	background:  url(images/sub-men-bgr.gif) no-repeat 2px 13px;
	padding:5px 0px
}
.arrowlistmenu ul li:hover ,.arrowlistmenu #mcurrent {
	
	background: #efefef url(images/sub-men-bgr.gif) no-repeat 2px 13px;
	color:#000000;

}
.arrowlistmenu ul li a{
	width:194px;
	border-bottom:0px;
	padding:7px 15px;
	background:none;
	color:#606d77;
	text-decoration:none;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#000000;
}
/* new side menu ends */


/* recent projects */
.recent ul{
	list-style:none;
	margin:0px;}
ul.innerfade {
	padding-top:10px;
}
.recent {
	width:216px;
	height:204px;
	background:url(images/recent_project_bg.gif) no-repeat 0px 10px;
	margin:10px 0px 0px 2px;
}
.recent img {
	padding:30px 0px 0px 0px;
}
/* testimonial */

.testimonial {
	width:224px;
	height:157px;
	margin:0px 0px 0px 2px;
}
.testimonial p {
	padding:10px 00 0 0
}
/* home-contact-form  */

#h-c-form .text {
	width : 150px;
	border : 1px solid #eaeaea;
	padding : 0px;
	height : 23px;
	background : #ffffff;
	float : left;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}
#h-c-form .textarea {
	width : 150px;
	border : 1px solid #eaeaea;
	padding : 0px;
	height : 50px;
	background : #ffffff;
	float : left;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}
#h-c-form .buttons input {
	padding : 3px 0 3px 0;
	margin : 10px 0 0 0;
	border : 0;
	color : #fff;
	float : left;
}
/* Sidebars */
#left-side {
	float:left;
	margin-right:5px;
}
#right-side {
	float:right;
	margin-left:5px;
}
.sidebar {
	float: left;
	width: 236px;
	padding: 0px;
	margin:0px;
}
.side-box .side-header {
	float: left;
	width: 217px;
	font-size:22px;
	font-weight:bold;
	color:#0F6CC6;
	padding:5px 10px;
	margin:0px;
	font-family:"Franklin Gothic Medium Cond";
	background: url(images/side-header.jpg) no-repeat top left;
}
.side-box .side-content {
	width: 228px;
	clear:both;
	background: url(images/side-cont.gif) repeat-y top left;
	padding:0px 5px;
}
.side-box .side-bottom {
	width: 237px;
	height:11px;
	padding: 0px;
	margin:0px;
	background: url(images/side-bottom.jpg) no-repeat top left;
	margin-bottom:10px;
}
/* Footer */

#footer {
	margin:0 auto;
	width:1000px;
	padding:5px 0px
}
#footer .footer-cont {
	clear : both;
	background : #e9e9e9;
	padding : 0 5px;
	width : 990px;
	margin : 0;
}
#footer .footer-top {
	clear : both;
	background : url(images/footer-top-bgr.gif) no-repeat bottom left;
	height : 10px;
	width : 1000px;
}
#footer .footer-bot {
	clear : both;
	margin : 0;
	width : 1000px;
	background : url(images/footer-btm-bgr.gif) no-repeat top left;
	height : 9px;
}
#footer .footer-left {
	float:left;
	width:650px;
}
#footer .footer-right {
	float:left;
	width:340px;
	text-align:right;
}



/*contact us page*/


#contactform {
margin : 0;
padding : 5px 10px;
}
#contactform * {
color:#333333;
}
#contactform  fieldset {
	margin:10px 0;
	padding:10px 5px;
	border : 1px solid #eaeaea;}
#contactform  legend {
	
	padding:5px;
	font-size:14px;
	
	color:#0F6CC6;
	padding:3px 10px;
	margin:0px;
	font-weight:bold;
	border : 1px solid #eaeaea;}


	#contactform  legend1 {
	
	padding:5px;
	font-size:14px;
	
	color:#0F6CC6;
	padding:3px 10px;
	margin:0px;
	font-weight:bold;
	border : 1px solid #eaeaea;}


#contactform ol {
margin : 0;
padding : 5px 0px;
list-style : none;
list-style-image : none;
}
#contactform li {
margin : 0;
padding : 0;
background : none;
border : none;
display : block;
clear : both;
}
#contactform li.buttons {
margin : 5px 0 5px 0;
clear : both;
}
#contactform label {
margin : 0;
width : 80px;
display : block;
padding : 10px 0;
color : #222222;
font : normal 12px Arial, Helvetica, sans-serif;
text-transform : capitalize;
float : left;
}
#contactform label span {
color : #f00;
}
#contactform .text {
width : 240px;
border : 1px solid #eaeaea;
margin : 2px 0;
padding : 5px 2px;
height : 16px;
background : #f8f8f8;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;color:#333333;
}
#contactform .textarea {
width : 280px;
border : 1px solid #eaeaea;
margin : 2px 0;
padding : 2px;
background : #f8f8f8;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;color:#333333;
}
#contactform li.buttons input {
padding : 3px 0 3px 0;
margin : 10px 0 0 0;
border : 0;
color : #fff;
float : left;
}

#contactform td { color:#333333;}
.conleft { float:left;
clear:both;
	width:450px;
	/*border-right:1px solid #eaeaea; */}
	
.conright { float:left;
	width:250px;
	background:#ffffff;
	padding:5px;}	
.conright fieldset {
	margin:10px 0;
	padding:10px 10px;
	border : 1px solid #eaeaea;}
.conright legend {
	
	padding:5px;
	font-size:14px;	
	color:#0F6CC6;
	padding:3px 10px;
	margin:0px;
	font-weight:bold;
	border : 1px solid #eaeaea;}
	
.conright .cphone{
background : url(images/cellphone.png) no-repeat 2px 7px;
padding :8px 0 2px 25px;
margin-left:10px;

}	
.conright .hphone{
background : url(images/phone.png) no-repeat  2px 7px;
padding :8px 0 2px 25px;
margin-left:10px;
}	
.conright  hr {
margin : 5px 0;
border : 0;
border-bottom : 1px dashed #cccccc;
background : none;
}
.conright  p {
border-bottom : 1px dashed #cccccc;
font-size : 13px;
color : #333333;
line-height : 150%;
}
.conright  a {
font-size : 14px;
color : #0F6CC6;
line-height : 150%;
font-style : italic;
}
.conright  a:hover {
text-decoration : underline;
}
#contact-ids {
padding : 10px 0;
}
#contact-ids p {
border : 0;
}
#contact-ids .gmail {
background : url(images/c_gmail.png) no-repeat 2px 5px;
padding : 0 0 0 25px;
height : 25px;
}
#contact-ids .yahoo {
background : url(images/c_yahoo.png) no-repeat 2px 5px;
padding : 0 0 0 25px;
height : 25px;
}
#contact-ids .skype {
background : url(images/c_skyppe.png) no-repeat 2px 5px;
padding : 0 0 0 25px;
height : 25px;
}
#dhtmltooltip {
position : absolute;
font-weight : bold;
padding : 2px;
background-color : #f2f2f2;
border : 1px solid #efefef;
visibility : hidden;
padding : 5px;
z-index : 100;
}	
	
.formtitle {
	font-size:22px;
	font-weight:bold;
	color:#cccc;
	padding:5px 02px;
	margin:0px;
	font-family:"Franklin Gothic Medium Cond";
}	
.formdata {

	border : 0px solid #eaeaea;
	padding : 0px;
	height : 23px;
	background : #ffffff;
	float : left;
	color:#000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	}


	.form_table {
	border: 1px solid #0F6CC6; /*#B6BDC5;*/
}
.form_table td {
    padding-left: 4px;
    padding-top: 2px;
}

.row1 {
    background-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
    color: #333;
}
.row2 {
    background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
    color: #333;
}
.row3 {
    background-color: #0F6CC6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}