@import url("navigation.css");
/*##################################
COMMON CSS
##################################*/

h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-bottom:10px;
	}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF4800;
	visibility:hidden;
	margin-bottom:20px;
	}
a {
	outline:none;
	}
p {
	margin:0 0 15px 0;
	}
.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF5400;
	text-decoration:none;
	}
.link:hover {
	color:#000000;
	}
.elink {
	font-size:11px;
	color:#0069AF;
	text-decoration:none;
	}
.elink:hover {
	color:#333333;
	}
.link span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
.imgborder {
	border:1px solid #e0e0e0;
	margin:0 20px 20px 0;
	padding:5px;
	}
.imgleft {
	border:1px solid #e0e0e0;
	float:left;
	margin:0 20px 20px 0;
	padding:5px;
	}
.imgright {
	border:1px solid #e0e0e0;
	float:right;
	margin:0 0px 20px 20px;
	padding:5px;
	}
.cmstxt {
	margin:0 0 15px 0;
	}
.hor_line,
.hor_line1 {
	background-image:url(../images/graydot.gif);
	background-repeat:repeat-x;
	background-position:center left;
	height:30px;
	}
.hor_line1 {
	height:40px;
	}
.orgtxt {
	color:#FF5400;
	}
/*==================================
COMMON POINTS CSS
==================================*/
.points {
	list-style-type:none;
	margin:15px 0 15px 10px;
	padding:0px;
	}
.points li {
	font-size:13px;
	color:#666666;
	line-height:15px;
	background-image:url(../images/arrow2.gif);
	background-position:3px 3px;
	background-repeat:no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 0;
	}
.points_ol {
	margin:15px 0 0 30px;
	padding:0px;
	}
.points_ol li {
	font-size:13px;
	color:#666666;
	line-height:15px;
	padding:0;
	margin:0 0 10px 0;
	}
/*#################################### 
TOPBAR CSS
####################################*/
#topbar {
	
	}
.logo {
	position:absolute;
	top:15px;
	}
/*==================================
TOPBAR NAVIGATION CSS
==================================*/
.topbar_navigation {
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../images/topbar_navbg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	position:absolute;
	right:5px;
	top:0px;
	height:38px;
	}
.topnavleft {
	position:absolute;
	left:-5px;
	top:0px;
	}
.topnavright {
	position:absolute;
	right:-5px;
	top:0px;
	}
.topbar_navigation span {
	padding:10px 0 8px 0px;
	display:block;
	color:#A9E1FF;
	float:left;
	font-size:12px;
	}
.topbar_navigation a {
	padding:12px 15px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	}
.topbar_navigation a:hover {
	color:#000000;
	}
/*#################################### 
NAVIGATION CSS
####################################*/
.navigationbg{
	background-color:#FFFFFF;
	height:76px;
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	}
#navigation {
	margin:32px 35px 0 35px;
	}

/*#################################### 
MIDDLEBAR CSS
####################################*/
.mainbgimg {
	background-repeat:no-repeat;
	background-position:top center;
	}
.midbar_leftbg {
	background-image:url(../images/whitebg_w35.gif);
	background-repeat:repeat-y;
	background-position:left top;
	}
.midbar_rightbg {
	background-image:url(../images/whitebg_w35.gif);
	background-repeat:repeat-y;
	background-position:right top;
	}
.home .midbar {
	height:300px;
	}
.midbar {
	margin:0 35px;
	height:170px;
	/*height:150px;*/
	position:relative;
	}
.portfolio_midbar {
	margin:0 35px;
	height:450px;
	position:relative;
	}
/*====================================
INNERPAGE MIDDBAR TEXT CSS
====================================*/
.midbartxt {
	position:absolute;
	left:25px;
	top:20px;
	/*top:25px;*/
	height:100px;
	width:400px;
	/*width:380px;*/
	}
.midbartxt span{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:normal;
	visibility:hidden;
	}
/*#####################
ACCORDION CSS START
###################*/
#horizontal_container {
	margin:0;
	width: 680px;   
	height: 300px;
	position:absolute;
	}
/*============================
MIDBAR TITLE
==============================*/
.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height:300px;
	width: 30px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right:1px solid #ffffff;
	cursor: pointer;
	margin: 0 0 0 0;
	position:relative;
	}
.horizontal_accordion_toggle_active {
	border-right: 1px solid #ffffff;
	}
.horizontal_accordion_toggle img{
	position:absolute;
	bottom:10px;
	left:8px;
	}
.titlebg {
	background-color:#FFF9E8;
	height:300px;
	/* for IE */
	/*filter:alpha(opacity=70);*/
	/* CSS3 standard 
	opacity:0.7;*/
	}
/*============================
MIDBAR CONTENT
==============================*/
.horizontal_accordion_content {
	/* REQUIRED */
	height: 300px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	color: #444444;
	width:300px;
	background-image:url(../images/trp_bg.png);
}
.midbar_content {
	margin:20px;
	height:260px;
	width:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
/*============================
MIDBAR OUR WORK DATA
==============================*/
.ourwork dl {
	margin:0px;
	padding:0px;
	}
.ourwork dl dd {
	margin:0px;
	}
/*============================
MIDBAR OUR WORK IMAGE BOX
==============================*/
.ourwork dl .imgbox {
	border:1px solid #C0C0C0;
	padding:9px;
	}
.ourwork dl .imgbox td {
	width:240px;
	height:158px;
	}
.ourwork dl .projectname {
	padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #C0C0C0;
	}
.ourwork dl .projectname a{
	color:#000000;
	text-decoration:none;
	}
.ourwork dl .projectname a:hover{
	color:#FF5400;
	text-decoration:none;
	}
/*============================
MIDBAR OUR WORK NEXT PREVIOUS CSS
==============================*/
.ourwork dl .next_pre {
	height:17px;
	border-bottom:1px solid #C0C0C0;
	padding:5px 0 0 0;
	}
.ourwork dl .next_pre a,
.ourwork dl .next_pre span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	}
.ourwork dl .next_pre .deactive {
	color:#999999;
	}
.ourwork dl .next {
	float:right;
	padding:0px 20px 1px 0;
	background-image:url(../images/arrow_next.gif);
	background-repeat:no-repeat;
	background-position:right 0;
	}
.ourwork dl .previous {
	float:left;
	padding:0 0 1px 20px;
	background-image:url(../images/arrow_previous.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	}
.ourwork dl .linkbox,
.midbar_content .linkbox {
	text-align:right;
	font-weight:bold;
	padding:5px 0 0 0;
	}
/*#################################### 
PAGEHEADER AND PAGE PATH CSS
####################################*/
.quotetxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FF4800;
	margin:0px;
	font-weight:normal;
	}
.pageheader {
	position:relative;
	padding:0px 0px 12px 0px;
	border-bottom:1px solid #EFEFEF;
	}
.pageheader h1 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:28px;
	font-weight:normal;
	}
.pagepath {
	padding:8px 15px 8px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin-bottom:15px;
	border-bottom:1px solid #EFEFEF;
	}
.pagepath a{
	color:#666666;
	text-decoration:none;
	}
	
.pagepath a:hover {
	color:#0069AF;
	}
	
.pagepath strong {
	/*page path arrow*/
	color:#333333;
	margin:0 7px 0 7px;
	}
	
.pagepath span {
	/*active page name*/
	color:#000000;
	font-weight:bold;
	}
/*#################################### 
SIDEBAR CSS
####################################*/
h5 {
	/*this is common class for sidebar headers*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin:0px;
	background-color:#EFEFEF;
	border-bottom:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	padding:7px 10px 6px 10px;
	position:relative;
	}
h5 a {
	text-decoration:none;
	display:block;
	color:#FF5400;
	/*background-image:url(../images/arrow1.gif);
	background-position:150px 2px;
	background-repeat:no-repeat;*/
	margin:0 -10px 0 0;
	}
h5 a:hover {
	color:#000000;
	}
.sidebarbox {
	margin:0 0 15px 0;
	}
.sidebarboxbg {
	background-color:#f9f9f9;
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	font-size:12px;
	color:#666666;
	}
/*#################################### 
SIDEBARLINKS CSS
####################################*/
.sidebarlinks {
	}
/*====================================*/
.sidebarlinks a, 
.sidebarlinks .normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#666666;
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #EFEFEF;
	position:relative;
	}

.sidebarlinks a:hover {
	color:#FF5400;
	}
	
.sidebarlinks a span, 
.sidebarlinks .normal span {
	margin:0 10px 0 0px;
	}

/*====================================*/
.sidebarlinks .sublinks {
	border-bottom:1px solid #EFEFEF;
	background-color:#f9f9f9;
	}
.sidebarlinks .sublinks .sublinks {
	border-bottom:none;
	}
.sidebarlinks .sublinks a, 
.sidebarlinks .sublinks .normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	display:block;
	padding:6px 0px;
	border-bottom:none;
	position:relative;
	}
.sidebarlinks .sublinks a:hover {
	color:#000000;
	}
.sidebarlinks .sublinks a span, 
.sidebarlinks .sublinks .normal span{
	margin:0px 10px 0 0px;
	display:block;
	}
.sidebarlinks .sublinks a img, 
.sidebarlinks .sublinks .normal img{
	position:absolute;
	top:10px;
	}
/*====================================
LINK WITH IMAGE CASE CSS
====================================*/
.linkwithimg {
	background-color:#f9f9f9;
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	}
.linkwithimg .imgbox {
	width:44px;
	}
.linkwithimg .imgbox td {
	width:44px;
	height:44px;
	border:1px solid #E0E0E0;
	padding:2px;
	}
.linkwithimg .linkbox {
	padding:0 0 0 10px;
	}
.linkwithimg .linkbox a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	}
.linkwithimg .linkbox a:hover {
	color:#FF5400;
	}
.linkwithimg .hor_line {
	height:0px;
	font-size:0px;
	line-height:0px;
	}
/*====================================
DOCUMENT CASE CSS
====================================*/
.doclink a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin:0px 0 1px 0;
	background-color:#EFEFEF;
	border-bottom:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	padding:7px 10px 6px 10px;
	position:relative;
	font-weight:bold;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #cccccc;
	}

.doclink a:hover {
	color:#006FBC;
	}
	
.doclink a span, 
.doclink .normal span {
	margin:0 10px 0 20px;
	display:block;
	}
	
.doclink a img, 
.doclink .normal img {
	position:absolute;
	left:8px;
	top:8px;
	}

/*====================================
SIDEBAR IMAGE BOX CSS
====================================*/
.sidebarimg {
	padding:10px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	background-color:#f9f9f9;
	}
.sidebarimg td {
	width:148px;
	height:88px;
	padding:5px;
	border:1px solid #E0E0E0;
	background-color:#FFFFFF;
	}

/*====================================
SIDEBAR TEXT CSS
====================================*/
.sidebartxt .sidebarimg {
	padding:0;
	border-bottom:none;
	border-right:none;
	background:none;
	margin-bottom:10px;
	}
.sidebartxt {
	background-color:#f9f9f9;
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	font-size:12px;
	color:#666666;
	}
.sidebartxt h3 {
	font-size:12px;
	color:#666666;
	margin-bottom:5px;
	}
.sidebartxt .morebar {
	display:block;
	text-align:left;
	padding:0;
	margin-top:5px;
	color:#FF5400;
	}
.sidebartxt .morebar .link {
	font-weight:bold;
	}
.sidebartxt .morebar .link span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
/*====================================
SIDEBAR FORM CSS
====================================*/
.sidebar_form {
	padding:0px;
	margin:0px;
	}
.sidebar_form .clear {
	height:10px;
	}
/* FORM STRUCTURE CSS
===============================*/
.sidebar_form label {
	display:block;
	font-weight:bold;
	margin-bottom:3px;
	color:#333333;
	}
/* COMMON FORM ELEMENTS CSS
===============================*/
.sidebar_form .textboxborder {
	width:154px;
	font-size:90%;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	border:1px solid #DCDCDC;
	height:12px;
	padding:2px 1px;
	color:#666666;
	}
/* BUTTON BAR CSS
===============================*/
.sidebar_btnbar {
	/*background-color:#C5EBFF;
	border-bottom:1px solid #95D1EF;
	border-right:1px solid #95D1EF;*/
	position:relative;
	height:22px;
	margin-bottom:10px;
	}
.sidebar_btnbar input {
	background-color:#c5ebff;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	border-bottom:1px solid #67CCFF;
	border-right:1px solid #67CCFF;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding:2px 5px 3px 5px;
	position:absolute;
	top:5px;
	}
.sidebar_btnbar .right {
	right:1px;
	}
.sidebar_btnbar .left {
	left:1px;
	}
/*===================================
IFRAME BOX CSS
===================================*/
.sidebar_form .iframeborder {
	position:relative;
	height:37px;
	padding:0px;
	}
.sidebar_form .iframeborder div{
	position:absolute;
	left:1px;
	top:2px;
	background-color:#FFFFFF;
	border:1px solid #DCDCDC;
	padding:2px;
	width:110px;
	height:26px;
	}
.sidebar_form .fontsize9 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	height:15px;
	}
.sidebar_form  .refreshbtn {
	position:absolute;
	left:125px;
	top:3px;
	cursor:pointer;
	}
/* MOREBAR LINK CSS
===============================*/
.sidebar_form .morebar {
	margin:0px;
	}
.sidebar_form .morebar a.link{
	background:none;
	text-indent:0px;
	width:auto;
	display:inline;
	font-size:90%;
	}
/*#################################### 
HOME PAGE CSS
####################################*/
#leftcontainer {
	width:478px;
	float:left;
	margin-right:-3px;
	}
#rightcontainer {
	margin:0 0 0 498px;
	}
/*#################################### 
INFOBOX CONTAINER CSS
####################################*/

#infoboxcontainer1 {
	display:table;
	width:100%;
	}
.infobox1 {
	min-height:71px;
	padding:13px 20px 16px 20px;
	background-repeat:no-repeat;
	margin:0px 0 10px 0;
	position:relative;
	}
.infobox1 dt{
	font-size:30px;
	position:absolute;
	visibility:hidden;
	}
.infobox1 dd {
	padding:41px 0 0 0;
	margin:0px 28px 0 0px;
	}
.infobox1 .arrowimg {
	position:absolute;
	right:2px;
	bottom:-1px;
	padding:0px;
	margin:0px;
	}
/*===================================
BLUE INFOBOX CSS
===================================*/
.box1 {
	border:1px solid #A1DEFF;
	cursor:pointer;
	}
.box1_hover {
	border:1px solid #00A5FF;
	cursor:pointer;
	}
/*===================================
YELLOW INFOBOX CSS
===================================*/
.box2 {
	border:1px solid #FFE997;
	cursor:pointer;
	}
.box2_hover {
	border:1px solid #FFCC00;
	cursor:pointer;
	}
/*===================================
GREEN INFOBOX CSS
===================================*/
.box3 {
	border:1px solid #B7ED96;
	cursor:pointer;
	}
.box3_hover {
	border:1px solid #41AC00;
	cursor:pointer;
	}
/*===================================
PINK INFOBOX CSS
===================================*/
.box4 {
	border:1px solid #FFB5D9;
	cursor:pointer;
	}
.box4_hover {
	border:1px solid #FF54A8;
	cursor:pointer;
	}

/*#################################### 
HOME PAGE FORM CSS
####################################*/
#leftcontainer .formcss {
	/*main form box*/
	margin:0px;
	padding:14px 20px 20px 20px;
	background-color:#FFFFFF;
	border:1px solid #DCDCDC;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	}
.formbox {
	/*main form inner box*/
	padding:0px;
	margin:0px;
	}
.formbox h3 {
	font-size:20px;
	}
/*===================================
HOME PAGE FORM STRUCTURE CSS
===================================*/
#leftcontainer .contactform {
	margin:0px;
	padding:0px 20px 0 0;
	width:197px;
	border-right:1px solid #DCDCDC;
	}
#leftcontainer .contactform dd {
	margin:0 0 0px 0;
	padding:0px 3px 0px 0;
	}
#leftcontainer .contactform .clear {
	font-size:0px;
	line-height:0px;
	clear:both;
	height:10px;
	margin:0px;
	padding:0px;
	}
/*===================================
HOME PAGE FORM INPUT CSS
===================================*/
#leftcontainer .contactform dd input,
#leftcontainer .contactform dd textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #DCDCDC;
	height:16px;
	padding:4px 7px;
	width:180px;
	}
#leftcontainer .contactform dd textarea {
	height:40px;
	}
#leftcontainer .contactform .btn input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #FC6107;
	background-color:#FC6107;
	padding:0px 5px;
	width:auto;
	height:23px;
	}
/*===================================
HOME PAGE FORM PHONE NUMBER CSS
===================================*/
#leftcontainer .phone {
	position:absolute;
	padding:0px;
	right:18px;
	top:50px;
	width:200px;
	}
#leftcontainer .phone dt {
	margin:0px;
	float:none;
	text-align:left;
	padding:0px;
	font-size:18px;
	}
#leftcontainer .phone dd {
	margin:0px;
	}
.boldfont {
	font-size:17px;
	}

/*#################################### 
INFOBOX CONTAINER CSS
####################################*/
#infoboxcontainer .infobox{
	width:23%;
	float:left;
	padding:0 1% 0 1%;
	}
#infoboxcontainer .clearfloat {
	height:30px;
	}
#infoboxcontainer .infoboximg td {
	height:76px;
	width:146px;
	padding:5px;
	border:1px solid #E0E0E0;
	}
#infoboxcontainer .nomargin {
	margin:0px;
	}
.infobox h2 {
	color:#000000;
	font-size:13px;
	padding:10px 1px 5px 1px;
	margin:0px 0 0px 0;
	}

.infobox dl {
	margin:0;
	padding:0;
	}
.infobox dl dd {
	font-size:13px;
	color:#666666;
	margin:0px;
	padding:0 2px;
	}
.infobox .morebar {
	padding:0px 0 0 2px;
	margin:10px 0 0 0;
	font-weight:bold;
	}



/*######## THIS CSS FOR TWO BOXES ##########

#infoboxcontainer .infobox{
	width:46%;
	float:left;
	padding:0 2% 0 2%;
	}
#infoboxcontainer .clearfloat {
	height:30px;
	}
#infoboxcontainer .infoboximg td {
	height:88px;
	width:207px;
	padding:5px;
	border:1px solid #E0E0E0;
	}
#infoboxcontainer .nomargin {
	margin:0px;
	}
.infobox h2 {
	color:#000000;
	font-size:13px;
	padding:12px 1px;
	margin:0px 0 15px 0;
	border-bottom:1px solid #E9E9E9;
	}
.infobox dl {
	margin:0;
	padding:0;
	}
.infobox dl dd {
	font-size:13px;
	color:#666666;
	margin:0px;
	padding:0 2px;
	}
.infobox .morebar {
	padding:0px 0 0 2px;
	margin:15px 0 0 0;
	font-weight:bold;
	}
#####################################*/



/*#################################### 
COMMON FORM CSS
####################################*/
.dotline {
	height:1px;
	margin:10px 0;
	font-size:0px;
	border-bottom:1px solid #dfdfdf;
	}
.formtitle {
	background-color:#999999;
	margin:0px;
	padding:5px 10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.formcss {
	/*main form box*/
	margin:0px;
	padding:10px;
	background-color:#F9F9F9;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	font-family:Arial, Helvetica, sans-serif;
	}
.formbox {
	/*main form inner box*/
	padding:0px;
	margin:0px;
	}
.formbox strong {
	/*for display "mandatory fields" text*/
	display:block;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.formbox em {
	/*for mandatory star */
	color:#FF0000;
	font-weight:bold;
	}
	
/*===================================
COMMON FORM STRUCTURE CSS
===================================*/
.formbox dl {
	margin:0px;
	padding:5px;
	}
.formbox dl dt {
	font-size:13px;
	font-weight:bold;
	color:#333333;
	text-align:right;
	padding:2px 3px 3px 0;
	margin:0;
	width:147px;
	float:left;
	}
.formbox dl dd {
	margin:0 0 0 150px;
	padding:2px 3px 0px 0;
	}
.formbox dl .clear {
	font-size:0px;
	line-height:0px;
	clear:both;
	height:0px;
	margin:5px 0px;
	padding:0px;
	}
/*===================================
COMMON FORM ELEMINTS CSS
===================================*/
.formbox dd input,
.formbox dd textarea,
.formbox dd select,
.textboxborder {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #dfdfdf;
	background-color:#FFFFFF;
	padding:2px;
	}
.formbox dd .active {
	background-color:#EFF9FF;
	border:1px solid #A4D4EF;
	color:#000000;
	}
/*===================================
IMAGE CODE INSTRUCTION NOTE BOX CSS
===================================*/
.formbox .note {
	background-color:#EFEFEF;
	color:#333333;
	border-bottom:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	padding:10px;
	}
.formbox .note dt {
	color:#000000;
	width:auto;
	padding:0px;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-bottom:5px;
	}
.formbox .note dd {
	
	font-size:12px;
	padding:0px;
	margin:0px;
	}
/*===================================
SECURITY NOTE CSS
===================================*/
.formbox .securitynote {
	background-color:#ffffff;
	color:#666666;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	padding:10px;
	}
.formbox .securitynote dd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 0 0 30px;
	margin:0px;
	position:relative;
	}
.formbox .securitynote dd img{ 
	position:absolute;
	left:5px;
	top:0px;
	}
/*===================================
IFRAME BOX CSS
===================================*/
.imgcode .iframeborder {
	position:relative;
	height:60px;
	padding:0px;
	}
.iframeborder div{
	position:absolute;
	left:1px;
	top:2px;
	background-color:#FFFFFF;
	border:2px solid #cccccc;
	padding:2px;
	width:200px;
	height:48px;
	}
.imgcode .fontsize9 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	height:15px;
	}
.imgcode .refreshbtn {
	position:absolute;
	left:220px;
	top:5px;
	cursor:pointer;
	}
/*===================================
SUBMITRESET BUTTON CSS
===================================*/
.btnbox{
	background-color:#C5EBFF;
	border-bottom:1px solid #95D1EF;
	border-right:1px solid #95D1EF;
	}
.btnbox dd input,
.button {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #67CCFF;
	border-right:1px solid #67CCFF;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding:3px 5px;
	}
/*##################################
CONTACTUS PAGE CSS
##################################*/
.phone-no {
	margin:0 0 20px 0;
	padding:0px;
	font-size:12px;
	}
.phone-no dt {
	width:75px;
	margin:0px;
	padding:0px;
	float:left;
	font-weight:bold;
	}
.phone-no dd {
	margin:0 0 0 75px;
	}
/*##################################
RESELLERS PAGE CSS
##################################*/
.resellers .formcss .formbox dl dt {
	width:200px;
	}
.resellers .formcss .formbox dl dd {
	margin-left:203px;
	}
.resellers .formcss .formbox dl .clear {
	margin-left:0px;
	}
/*===================================
CHECKBOX CSS
===================================*/
.resellers .formcss .formbox dl .checkbox {
	padding:5px 0 0 0px;
	}
.checkbox span {
	position:relative;
	margin:0px;
	padding:0px 0 5px 25px;
	display:block;
	}
.checkbox span input{
	position:absolute;
	left:0px;
	top:-2px;
	border:none;
	background:none;
	padding:0;
	}

/*===================================
IMAGE CODE INSTRUCTION NOTE BOX CSS
===================================*/
.resellers .formcss .formbox .note dt {
	width:auto;
	padding:0px;
	}
.resellers .formcss .formbox .note dd {
	font-size:12px;
	padding:0px;
	margin:0px;
	}
/*===================================
SECURITY NOTE CSS
===================================*/
.resellers .formcss .formbox .securitynote dd {
	padding:0px 0 0 30px;
	margin:0px;
	}
/*##################################
SITEMAP CSS
##################################*/
#sitemap ul {
	list-style-type:none;
	margin:-12px 0px 0px 15px ;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
#sitemap ul li {
	height:15px;
	}
#sitemap ul li a {
	text-decoration: none;
	}
/*===============================*/
.linklevel1 {
	background-image:url(../images/arrow2.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	font-weight: bold;
	color: #666666;
	font-size:13px;
	padding-left:20px;
	margin:10px 0 10px 0;
	}
	
.linklevel1 a {
	font-weight: bold;
	color: #FF5400;
	}
	
.linklevel1 a:hover {
	font-weight: bold;
	color: #000000;
	}
/*===============================*/
.linklevel2 {
	background-image:url(../images/arrow3.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	color: #333333;
	font-size:12px;
	padding-left:8px;
	margin:8px 0px;
	}
.linklevel2 a {
	font-weight: normal;
	color: #666666;
	}
.linklevel2 a:hover {
	font-weight: normal;
	color: #000000;
	}

/*#################################### 
FAQ QUESTIONS CSS
####################################*/
#faq .points li{
	background-image:url(../images/arrow2.gif);
	background-position:0px 3px;
	margin:0 0 10px 0;
	padding-left:18px;
	}
#faq .points li a {
	font-size:13px;
	font-weight:bold;
	}

/*#################################### 
FAQ, TESTIMONIALS AND LINKS PAGE COMMON CSS
####################################*/
.contentbox1 {
	font-family:Arial, Helvetica, sans-serif;
	border:5px solid #EFEFEF;
	padding:10px;
	background-color:#FFFFFF;
	margin:0 0 20px 0;
	}
.contentbox1 .imgleft td{
	height:100px;
	width:100px;
	}
.contentbox1 dt {
	font-size:13px;
	color:#000000;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0px;
	}
.contentbox1 dt strong {
	font-size:13px;
	color:#000000;
	}
.contentbox1 dd {
	font-size:13px;
	color:#666666;
	margin:0px;
	}
.contentbox1 .linkbox {
	margin:10px 0 0 0;
	height:20px;
	position:relative;
	border-top:1px solid #EEEEEE;
	clear:both;
	}
.contentbox1 .linkbox .link {
	font-weight:bold;
	position:absolute;
	right:0px;
	bottom:-2px;
	}

/*#################################### 
LINKS PAGE CSS
####################################*/
#links .link {
	font-size:13px;
	}
/*#################################### 
NO RECORD ERROR MESSAGE CSS
####################################*/
.norecord{
	border:2px solid #EFEFEF;
	padding:5px;
	height:28px;
	vertical-align:middle;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:20px;
	}
.norecord .imgleft{
	border:none;
	float:none;
	padding:0px;
	margin:0px;
	vertical-align:middle;
	}
/*##################################
PORTFOLIO CSS
##################################*/
.box_container h3{
	margin:0px;
	}
.box_container dl {
	margin:0px;
	padding:0px;
	float:left;
	width:31%;
	padding:0 1%;
	}
.box_container dl dd {
	margin:0px;
	}
.box_container dl .imgbox {
	margin:0px;
	}
.box_container dl .imgbox td{
	border:1px solid #E0E0E0;
	height:138px;
	width:203px;
	padding:5px;
	}
.box_container dl .projectname {
	padding:10px 1px;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	}
.box_container dl .projectname .link {
	color:#999999;
	font-size:13px;
	}
.box_container dl .projectname .link:hover {
	color:#000000;
	}

.box_container .clearfloat {
	height:30px;
	}
/*#################################### 
ECOMMERCE INTRODUCTION PAGE CSS
####################################*/
.ecommerce_intro .othertxt{
	}
/*===================================
KEY-TITLE & IMAGE
===================================*/
.ecommerce_intro .keyimgbox {
	padding:0px;
	}
.keyimgbox img {
	position:absolute;
	left:0px;
	top:0px;
	}
.keyimgbox h3 {
	font-size:25px;
	margin:0px;
	}
/*===================================
KEY-ADVANTAGES POINTS
===================================*/
.keyadvantages {
	padding:0px;
	}
.keyadvantages .points {
	margin: 0 0 0 15px;
	}
.keyadvantages .points li{
	background-image:url(../images/rightsign1.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:3px 0 3px 30px;
	margin:0 0 15px 0;
	}
/*#################################### 
ECOMMERCE STRUCTURED PAGE CSS
####################################*/
.orgfont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF3300;
	visibility:hidden;
	}
/*===================================
STAGES CSS
===================================*/
.ecommerce_structured .stages {
	list-style-type:none;
	margin:15px 0 15px 0px;
	padding:15px 15px 3px 15px;
	border:1px solid #dfdfdf;
	}
.ecommerce_structured .stages li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	background-image:url(../images/rightsign.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:3px 3px 3px 35px;
	margin:0 0 12px 0;
	}
.ecommerce_structured .stages li .link {
	font-size:14px;
	}
.ecommerce_structured .stages li a {
	font-size:14px;
	}
/*===================================
STAGES SUB POINTS
===================================*/
.points2 {
	margin:0px;
	padding:0px;
	}
.points2 dt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
	margin-bottom:5px;
	}
.points2 dd {
	margin:0 0 10px 15px;
	padding:0 0 0 25px;
	background-image:url(../images/rightsign2.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	}
.points2 .back2top {
	margin:0px;
	text-align:right;
	font-weight:bold;
	padding:0 20px 0 0;
	background-image:url(../images/back2top.gif);
	background-repeat:no-repeat;
	background-position:right 4px;
	}
/*#################################### 
CARTSOURZ FEATURES CSS
####################################*/
.feature_container {
	}
.ecommerce_feature .points2 dt {
	margin-bottom:5px;
	}
.ecommerce_feature .points2 dd {
	width:42%;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 15px 0 35px;
	background-position:10px 2px;
	}
.ecommerce_feature .points2 .clear {
	height:1px;
	float:none;
	width:auto;
	clear:both;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height:0px;
	}
/*#################################### 
CARTSOURZ INTEGRATIONS CSS
####################################*/
.ecommerce_integrations .box_container h4 {
	margin:0px;
	}
.ecommerce_integrations .box_container dl {
	width:23%;
	padding:0 1%;
	}
.ecommerce_integrations .box_container dl .imgbox td{
	height:76px;
	width:146px;
	}
.ecommerce_integrations .box_container dl .projectname {
	color:#999999;
	}
/*#################################### 
CARTSOURZ CASE STUDIES CSS
####################################*/
.ecommerce_casestudies li{
	font-weight:bold;
	}
/*#################################### 
SEO MERKETING PAGE CSS
####################################*/
.seo_marketing {
	
	}
/*==================================
QUESTIONS CSS 
==================================*/
.questions {
	list-style-type:none;
	margin:0px 0 20px 0;
	padding:20px 20px 10px 20px;
	border:1px solid #dfdfdf;
	}
.questions li {
	margin:0 0 10px 0;
	font-weight:bold;
	line-height:14px;
	padding:0px;
	}
/*==================================
SEO RESULT CSS 
==================================*/
.seo_result {
	border-left:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
	}
.seo_result th {
	border-bottom:1px solid #00BAFF;
	border-top:1px solid #00BAFF;
	border-right:1px solid #dfdfdf;
	padding:10px 13px;
	font-size:18px;
	font-weight:normal;
	}
.seo_result td {
	padding:10px 13px;
	width:25%;
	border-bottom:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	}
.seo_result th.keyword {
	background-color:#00BAFF;
	color:#FFFFFF;
	}
.seo_result td.keyword {
	font-weight:bold;
	background-color:#F0F9FF;
	border-bottom:1px solid #CCE4F2;
	}
.seo_result tr.orgbg {
	background-color:#FFF7EB;
	color:#333333;
	}
.seo_result tr.orgbg1 {
	background-color:#FFFEF6;
	color:#333333;
	}
.seo_result td .view {
	padding:5px 0 0 0;
	display:block;
	}
/*#################################### 
ORGANIC SEARCH ENGINE MARKETING CSS
####################################*/
.stepscontent {
	border:1px solid #dfdfdf;
	padding:20px;
	margin:20px 0 20px 0;
	}
.stepscontent dt{
	margin:-10px -10px 0 -10px;
	padding:10px;
	border-bottom:1px solid #BBE1F7;
	border-right:1px solid #BBE1F7;
	background-color:#2DB6FF;
	}
.stepscontent dt strong {
	font-size:20px;
	visibility:hidden;
	color:#FFFFFF;
	}
.stepscontent dd{
	margin:0px;
	padding:0px;
	
	margin:0 0 0 180px;
	}
.stepscontent .clear {
	height:15px;
	font-size:0px;
	line-height:0px;
	clear:both;
	}
.stepscontent .seoimg {
	float:left;
	width:160px;
	margin:0px 0 0 0;
	}
.seoimg td{
	border:1px solid #e0e0e0;
	padding:5px;
	}
/*#################################### 
CMS OVERVIEW PAGE CSS
####################################*/
.cms_overview {
	padding:0 400px 0 0;
	position:relative;
	}
.cms_overview .cmsimg {
	position:absolute;
	right:0px;
	top:-15px;
	}
/*#################################### 
CMS EASY TO USE PAGE CSS
####################################*/
.cms_easytouse {
	padding:0 400px 0 0;
	position:relative;
	}
.cms_easytouse .cmsimg {
	position:absolute;
	right:0px;
	top:-15px;
	}
/*#################################### 
CMS FEATURES PAGE CSS
####################################*/
.cms_features {
	padding:0 400px 0 0;
	position:relative;
	}
.cms_features .cmsimg {
	position:absolute;
	right:0px;
	top:-15px;
	}

/*#################################### 
CMS FEATURES PAGE CSS
####################################*/
.cms_design {
	padding:0 400px 0 0;
	position:relative;
	}
.cms_design .cmsimg {
	position:absolute;
	right:0px;
	top:-15px;
	}
/*#################################### 
DEVELOPMENT OVERVIEW PAGE CSS
####################################*/
.development_overview .imgleft {
	border:none;
	padding:0px 20px 0 0;
	float:none;
	}
.development_overview .hor_line{
	clear:both;
	}

/*#################################### 
FOOTER CSS
####################################*/
.footercontainer {
	position:relative;
	height:25px;
	}
.copyright {
	position:absolute;
	left:0px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	}

/*==================================
FOOTER LINKS CSS 
==================================*/
.footerlinks {
	position:absolute;
	right:140px;
	font-size:10px;
	color:#999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.footerlinks a {
	font-size:10px;
	color:#999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.footerlinks a:hover {
	color:#000000;
	}
.footerlinks span {
	margin:0 5px;
	}
.footer_logo {
	right:0px;
	top:-5px;
	position:absolute;
	}

/*==================================
FOOTER EXTRA LINKS BOX CSS 
==================================*/
.footerlinkbox {
	font-size:10px;
	color:#999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:15px 0 15px 0;
	border-top:1px solid #DADADA;
	line-height:25px;
	}
.footerlinkbox a {
	font-size:10px;
	color:#999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.footerlinkbox a:hover {
	color:#000000;
	}
.footerlinkbox span {
	margin:0 5px;
	}

/*==================================
SCROLLER CSS 
==================================*/
#pscroller1{
	width:160px;
	height:180px;
	}
#pscroller2{
	width:160px;
	height:300px;
	}
#pscroller2 a{
	text-decoration: none;
	}
/*==================================
GO BE INFO CSS 
==================================*/
.gobe-info {
	padding-bottom:15px;
	border-bottom:1px solid #DADADA;
	margin-bottom:15px;
	}
.gobe-info table {
	width:100%;
	}
.gobe-info img {
	border:none;
	}
.gobe-info .bd-l {
	padding-right:20px;
	width:113px;
	}
.gobe-info .bd-r {
	background-color:#000000;
	color:#FFFFFF;
	padding:0 20px;
	font-size:13px;
	font-weight:bold;
	}
.gobe-info .bd-r a {
	color:#ec008c;
	text-decoration:none;
	display:inline-block;
	}
.gobe-info .bd-r a:hover {
	color:#ffffff;
	}