/* CSS Document */

/* CSS Document */

BODY {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0px; background-repeat:repeat-x; background-image:url(bg.jpg);
}
TD {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY:Arial, Helvetica, sans-serif;
}
A {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A:link {
	COLOR: #000
}
A:visited {
	COLOR: #000
}
A:hover {
	TEXT-DECORATION: underline
}

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #666666; font-family:"Trebuchet MS", Arial; margin:0px;
	padding:0px;  text-align:left;
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #666666; font-family:"Trebuchet MS", Arial; margin:0px;
	padding:0px;  text-align:left;
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666666; font-family:"Trebuchet MS", Arial; margin:0px;
	padding:0px;  text-align:left;
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; font-family:"Trebuchet MS", Arial; margin:0px;
	padding:0px;  text-align:left;
}
H5 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 25px; COLOR: #333333; LINE-HEIGHT: 17px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
P {
	FONT-SIZE: 11px; COLOR: #000; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
PRE {
	MARGIN-TOP: 20px; FONT-SIZE: 12px; MARGIN-BOTTOM: 10px; LINE-HEIGHT: 22px
}
LI {
	FONT-SIZE: 11px;
	LINE-HEIGHT: 16px;
	LIST-STYLE-TYPE:none;
	color:#000000;
	list-style-image:none;
	text-transform:capitalize;
}
ul {
	FONT-SIZE: 11px; LINE-HEIGHT: 16px; LIST-STYLE-TYPE: square; color:#000000;
}
INPUT {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

Select {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TEXTAREA {
	FONT-SIZE: 8pt; FONT-FAMILY: Arial, Helvetica, sans-serif;
}


/**Links**/

.bgred
{
background-image:url(bg_red.jpg);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:20px;
color:#fff;
font-size:14px;
}

.hometag
{
background-color:#e3e3e3;
color:#666666;
font-size:14px;
font-weight:bold;
height:30px;
}


.hometag a
{
font-weight:bold;
}



.redcolorhead
{
color:#FF0000;
height:26px;
font-size:12px;
font-weight:bold;
}

.bottombg
{
background-image:url(bottom-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.bottom
{
background-color:#515151;
color:#fff;
height:64px;
padding-top:10px;
text-align:center;
line-height:20px;
}
.bottom td
{
color:#fff;
}

.google
{
visibility:hidden;
display:none;
}

.innerbgred
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:20px;
color:#fff;
font-size:14px;
background-color:#fe0000;
}
.innerbgred p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
font-style:italic;
}

.noborder
{
border:0px;
}

.button
{
background-color:#333333;
color:#fff;
font-size:12px;
font-weight:bold;
padding:4px;
}

.hometaglink:link {
	color:#666666;
font-size:18px;
font-weight:bold; TEXT-DECORATION: none; padding-left:10px;
}
.hometaglink:visited 
{
	color:#666666;
font-size:18px;
font-weight:bold; TEXT-DECORATION: none; padding-left:10px;
}
.hometaglink:hover {
	color:#666666;
font-size:18px;
font-weight:bold;TEXT-DECORATION: underline; padding-left:10px;
}
.blackheader
{
color:#000;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #ccc;

}
.bottomborder
{
border-bottom:1px solid #ccc;
padding-top:4px;
}
.portfolioleft
{
border-left:2px solid #FF0000;
padding-left:4px;

}
.testimonials
{
padding:4px;
border:1px solid #ccc;
}

.redfont
{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-stretch:normal;

}

.title
{
color: #666666;
text-transform:lowercase;
font-family:"Trebuchet MS", Arial;
font-size:18px;
font-weight:bold;
background-color:#fff;
}
.midtitle
{font-family:"Trebuchet MS", Arial;
color: #FF0000;
text-transform:lowercase;
font-size:18px;
font-weight:bold;

background-color:#fff;
}
.subtitle
{font-family:"Trebuchet MS", Arial;
color: #CCCCCC;
text-transform:lowercase;
font-size:18px;
font-weight:bold;

background-color:#fff;
}

/*.navlink:link {
	COLOR: #414040; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; font-weight:bold; TEXT-DECORATION: none; padding-left:10px;
}
.navlink:visited 
{
	COLOR: #414040; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; font-weight:bold; TEXT-DECORATION: none; padding-left:10px;
}
.navlink:hover {
	COLOR:#414040; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; font-weight:bold; TEXT-DECORATION: underline; padding-left:10px;
}
*/
a.servicelink:link {
	COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; padding-left:5px; padding-right:5px; font-weight:bold; TEXT-DECORATION:none;
}
a.servicelink:visited 
{
	COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; padding-left:5px; padding-right:5px; font-weight:bold; TEXT-DECORATION: none;
}
a.servicelink:hover {
	COLOR:#FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;  padding-left:5px; padding-right:5px;font-weight:bold; TEXT-DECORATION: underline;
}


a.readmore:link {
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline;
}
a.readmore:visited 
{
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline;
}
a.readmore:hover {
	COLOR:#000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline;
}


/*.whitelink:link {
	COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none;
}
.whitelink:visited 
{
	COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none;
}
.whitelink:hover {
	COLOR:#fff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline;
}
*/

a.redlink,a.redlink:link {
	COLOR:#FF0000; font-size:16px; font-weight:bold;
}
a.redlink:visited 
{
	COLOR:#FF0000; font-size:16px; font-weight:bold;
}
a.redlink:hover {
	COLOR:#FF0000; font-size:16px; font-weight:bold;
}


.greyfontlink:link {
	COLOR:#000; font-size:16px; font-weight:bold;
}
.greyfontlink:visited 
{
	COLOR:#000; font-size:16px; font-weight:bold;
}
.greyfontlink:hover {
	COLOR:#000; font-size:16px; font-weight:bold;
}




.subnav
{
color:#999999;
}
.subnav h3
{

color:#000000;
}
.subnav td
{
color:#999999;
}

.subnav a
{
color:#999999;
}


.image
{
border:1px solid #ccc;
padding:2px;
}

.homegreytext
{
font-size:16px;
line-height:25px;
color:#999999;
font-stretch:normal;
font-weight:bold;
}



.greybackground
{
padding:10px;
background-color:#eeeeee;
font-size:11px;
}

.greybackgroundtitle
{
padding-bottom:10px;
}
.stepcarousel
        {
            position: relative; /*leave this value alone*/
            /*overflow: scroll; leave this value alone*/
            width: 476px; /*Width of Carousel Viewer itself*/
            height: 100px; /*Height should enough to fit largest content's height*/
        }
        .stepcarousel .belt
        {
            position: absolute; /*leave this value alone*/
            left: 0;
            top: 0;
        }
        .stepcarousel .panel
        {
            float: left; /*leave this value alone*/
            overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
            margin: 10px; /*margin around each panel*/
            width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
        }
		.stepcarousel .panel table
			{
		}
		.stepcarouse2
        {
            position: relative; /*leave this value alone*/
            /*overflow: scroll; leave this value alone*/
            width: 480px; /*Width of Carousel Viewer itself*/
            height: 340PX; /*Height should enough to fit largest content's height*/
        }
        .stepcarouse2 .belt
        {
            position: absolute; /*leave this value alone*/
            left: 0;
            top: 0;
        }
        .stepcarouse2 .panel
        {
            float: left; /*leave this value alone*/
            overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
            /*margin: 10px; margin around each panel*/
            width: 480px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
        }
		.stepcarouse2 .panel table
			{
		}
.weblistelink {
	padding-left:7px;
}

a.redlink:link {
	COLOR:#FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight:normal;
}
a.redlink:visited 
{
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight:normal;
}
a.redlink:hover {
	COLOR:#FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight:normal;
}


.blackborder {
	border-right:#ddd 1px solid;
}
.box_input{
width:120px;
height:22px;
background-image: url(../images/input_box.png);
background-repeat: repeat-x;
background-position:left top;
border:1px solid #CCCCCC;
border-top:none;
padding-left:5px;
padding-right:5px;
line-height:22px;
float:left;
}
.box_input1{
width:140px;
height:22px;
background-image: url(../images/input_box.png);
background-repeat: repeat-x;
background-position:left top;
border:1px solid #CCCCCC;
border-top:none;
padding-left:5px;
line-height:22px;
float:left;
}
.box_input_zip{
width:50px;
height:23px;
background-image: url(../images/input_box.png);
background-repeat: repeat-x;
background-position:left top;
border:1px solid #CCCCCC;
border-top:none;
padding-left:5px;
line-height:23px;
float:left;
}

.image_div{
width:416px;
float:left;
display:block;
margin-left:0px;
}
.image_div1{
width:208px;
float:left;
display:block;
}
.image_div_space{
width:416px;
float:left;
}
.print_media_image{
width:138px;
float:left;
}
.print_media_image_main{
width:416px;
float:left;
display:block;
}
.heading {
	float:left;
	height:30px;
	background-color:#fff;
	padding-right:7px;
}
.heading_gray_border {
	float:left;
	height:23px;
	width:45%;
}
.heading_red_border {
	width:5%;
	height:30px;
	float:left;
	
}
.main_mideldiv1 {
	width:863px;
	float:left;
	height:45px;
	display:block;
	background-color:#FFFFFF;
}
.box_bottom_bg{
background-image:url(../images/box_bottom.png);
background-repeat:repeat-x;
}
.table_margin{
margin-top:3px;
}
.table_margin1{
margin-top:28px;
}
.white_bg{
background-color:#FFFFFF;
}
.add_icon{
margin-bottom:-3px;
}
.add_icon1{
margin-bottom:-5px;
}
.add_icon2{
margin-bottom:-10px;
}
.box_botton{
float:left;
width:320px;
}
.text_align{
text-align:left;
}

.built_icon{
margin-right:5px;
}
.launch_link{
color:#FFF;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}
.launch_link a{
color:#FFF;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}
.launch_link a:hover{
color:#FFF;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}
.site_map{
width:950px;
float: left;
display:block;
}
.site_map_left{
width:623px;
float: left;
}
.site_map_left1{
width:313px;
float: left;
}
.site_map_left2{
width:300px;
float:right;
}
.site_map_right{
width:325px;
float: right;
}
.sitemap_ul{
margin-left:-10px;
}
.sitemap_lefttitle{
width:623px;
height:45px;
float:left;
background-image:url(../images/title_bggrey.jpg);
background-repeat:repeat-x;
margin-top:21px;
}
.main_box{
width:375px;
float:left;
display:block;
padding-top:4px;
}
.main_box1{
width:375px;
float:left;
display:block;
padding-top:32px;
}
.main_box_top{
width:375px;
float:left;
display:block;
background-color:#FFFFFF;
}
.box_top_left{
width:23px;
float:left;
background-image: url(../images/box_top_left.png)  ;
background-repeat:repeat-x;
background-position:bottom;
height:21px;
}
.box_top_right{
width:23px;
float:right;
background-image: url(../images/box_top_right.png);
background-repeat:repeat-x;
background-position:bottom left;
height:21px;
}
.box_top_midel{
width:329px;
float:left;
background-image: url(../images/box_top.png);
background-repeat:repeat-x;
background-position:bottom;
height:21px;
text-align:right;
}

.box_bottom_left{
width:23px;
float:left;
height:21px;
}
.box_bottom_right{
width:23px;
float:right;
height:21px;
}
.box_bottom_midel{
width:329px;
float:left;
background-image: url(../images/box_bottom.png);
background-repeat:repeat-x;
background-position:bottom;
height:21px;
}

.box_midel_left{
width:23px;
float:left;
background-image: url(../images/box_left.png);
background-repeat:repeat-y;
background-position:top;
height:300px;
}
.box_midel_right{
width:23px;
float:right;
background-image: url(../images/box_right.png);
background-repeat:repeat-y;
background-position:top;
height:300px;
}
.box_midel_left1{
width:23px;
float:left;
background-image: url(../images/box_left.png);
background-repeat:repeat-y;
background-position:top;
height:180px;
}
.box_midel_right1{
width:23px;
float:right;
background-image: url(../images/box_right.png);
background-repeat:repeat-y;
background-position:top;
height:180px;
}
.box_midel_midel{
width:329px;
float:left;
background-color:#FFFFFF;
}
.box_heading{
width:329px;
float:left;
color:#000000;
font-size:22px;
border-bottom:1px solid #cccccc;
padding-bottom:3px;
text-align:left;
}
.box_input_main{
width:329px;
float:left;
padding-top:12px;
text-align:left;
}
.box_input_left{
width:165px;
float:left;
text-align:left;
}
.box_input_right{
width:164px;
float:right;
text-align:left;
}
.padding_sitemap{
padding-left:21px;
padding-top:10px;
}
.padding_sitemap2{
padding-left:15px;
padding-top:10px;
}
.padding_sitemap3{
padding-left:26px;
padding-top:10px;
}
.padding_sitemap1{
padding-left:14px;
padding-top:10px;
}
.slider_home{
position:relative;
z-index:1000;
}
.star{
color:#FF0000;
font-weight:bold;
font-size:12px;
vertical-align:top;
}
.td_width{
width:17px;
}
.td_width1{
width:50px;
}
.table_margin_left{
margin-left:-7px;
}
.left_new_content_megento{
width:416px;
height:76px;
float: left;
background-image: url(../bg/magento.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_left{
width:276px;
float: left;
padding-left:9px;
}
.left_new_content_left1{
width:276px;
float: left;
padding-left:9px;
margin-left:9px;
}
.left_new_content_heading{
width:276px;
float: left;
color:#000;
font-size:14px;
font-weight:bold;
padding-top:7px;
padding-bottom:9px;
}
.left_new_content_text{
width:276px;
float: left;
line-height:18px;
color:#434141;
}
.left_new_content_right{
width:75px;
float:right;
background-position:bottom right;
padding-top:50px;
padding-left:56px;
}

.left_new_content_asp_net{
width:416px;
height:76px;
float: left;
background-image: url(../bg/asp.net.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_facebook{
width:416px;
height:76px;
float: left;
background-image: url(../bg/facebook.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_firefox{
width:416px;
height:76px;
float: left;
background-image: url(../bg/firefox.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_illustration{
width:416px;
height:76px;
float: left;
background-image: url(../bg/illustration.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_joomla{
width:416px;
height:76px;
float: left;
background-image: url(../bg/joomla.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_web_marketing{
width:416px;
height:76px;
float: left;
background-image: url(../bg/web-marketing.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_webdesign{
width:416px;
height:76px;
float: left;
background-image: url(../bg/web-design.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_print_media{
width:416px;
height:76px;
float: left;
background-image: url(../bg/print-media.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_iphone{
width:416px;
height:76px;
float: left;
background-image: url(../bg/iphone.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_php{
width:416px;
height:76px;
float: left;
background-image: url(../bg/php.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_open_social{
width:416px;
height:76px;
float: left;
background-image: url(../bg/open-social.png);
background-repeat:no-repeat;
margin-top:27px;
}
.left_new_content_mobile{
width:416px;
height:76px;
float: left;
background-image: url(../bg/mobile.png);
background-repeat:no-repeat;
margin-top:27px;
}
.html_icon{
width:30px;
float:left;
}
.copyspace_image{
width:240px;
float: left;
padding-top:8px;
margin-left:8px;
}
.red
{font-family:"Trebuchet MS", Arial;
color: #FF0000;
text-transform:lowercase;
font-size:18px;
font-weight:bold;
background-color:#fff;
}
.gray
{font-family:"Trebuchet MS", Arial;
color: #CCCCCC;
text-transform:lowercase;
font-size:18px;
font-weight:bold;
background-color:#fff;
}
.red1
{font-family:"Trebuchet MS", Arial;
color: #FF0000;
text-transform:lowercase;
font-size:16px;
font-weight:bold;
background-color:#fff;
}
.gray1
{font-family:"Trebuchet MS", Arial;
color: #CCCCCC;
text-transform:lowercase;
font-size:16px;
font-weight:bold;
background-color:#fff;
}
.bg{
 background-color:#e9e9e9;
 border:1px solid #d1d1d0;
 font-weight:bold;
 padding:5px;
}
.submit_div{
width:200px;
float:left;
margin-top:22px;
margin-left:-132px;
}
.box_midel_left_message{
width:23px;
float:left;
background-image: url(../images/box_left.png);
background-repeat:repeat-y;
background-position:top;
height:320px;
}
.box_midel_right_message{
width:23px;
float:right;
background-image: url(../images/box_right.png);
background-repeat:repeat-y;
background-position:top;
height:320px;
}
.box_midel_left1{
width:23px;
float:left;
background-image: url(../images/box_left.png);
background-repeat:repeat-y;
background-position:top;
height:200px;
}
.box_midel_right1{
width:23px;
float:right;
background-image: url(../images/box_right.png);
background-repeat:repeat-y;
background-position:top;
height:200px;
}
.apply_new1{
text-align:left;
padding-bottom:5px;
padding-top:6px;
}
.apply_new{
text-align:left;
padding-top:5px;
border:0px;
}
.div{
text-align:center;
}
.contact_taxt{
line-height:19px;
}
.contact_taxt1{
line-height:19px;
padding-top:11px;
}