@charset "utf-8";
/* CSS Document */

body * {outline: none;}

body{
margin: 20px 0px 20px 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #656565;
background: url(../images/bg_body.jpg);
}

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

p{text-align: left;}

p a:link, p a:visited{text-decoration: underline; color: #A12B0B; float: right;}
p a:hover, p a:active{text-decoration: none; color: #000000; float: right;}

img{border: none;}

strong{color: #000000;}

.maroon{
color: #A12C0B;}

.img_border{
border: 1px solid #D8D9D6;
padding: 2px;
margin: 15px 0px; }

.blue-text a:link, .blue-text a:visited, .blue-text a:hover, .blue-text a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: none;
	font-size: 11px;
	color: #0033FF;
	text-decoration: none;
}

form, div{
margin: 0px;
padding: 0px;}

h1{
font-weight: bold;
font-size: 11px;}

h2{
font-weight: bold;
font-size: 11px;
color: #7B2309;
line-height: 30px;}

h3{
font-weight: bold;
font-size: 11px;
line-height: 16px;
color: #7B2309;
}

h4{background: url(../images/redbullet.gif) left 3px no-repeat;
color: #0066DF;
font-size: 10px;
margin: 5px 0px 0px 0px;
padding-left: 10px;
}

h4 a:link, h4 a:visited{color: #0066DF;}
h4 a:hover, h4 a:active{color: #FF5402;}

h5{
margin: 0px;
padding: 0px;
line-height: 26px;
padding-left: 15px;
background-color: #ECF3FB;
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid #A9CBF0;}

.maroon-h1{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-stretch: 20px;
	color: #1F7FC3;
	text-decoration: none;
}

#wrapper{
width: 916px;
margin: 0 auto;
background: transparent url(../images/repeater.jpg) left top repeat-y;}

#main_wrap{
padding: 0px 7px 0px 7px;
clear: both;}

.breaker{
margin: 0px;
padding: 0px;
clear: both;}

.border_horzintol{
padding: 2px;
background: url(../images/bg_border_horizontal.gif) left bottom repeat-x;}

.border_horzintol1{
width: 90px;
padding: 2px;
background: url(../images/bg_border_horizontal.gif) left bottom repeat-x;}

.unordered{
margin: 20px 0px 0px 0px;
padding: 0px;
list-style-type: none;
color: #7B2309;}

.unordered li{
background: url(../images/inner_bullets.gif) left 7px no-repeat;
_background: url(../images/inner_bullets.gif) left 8px no-repeat;
line-height: 20px;
padding-left: 12px;}

.unordered li a:link, .unordered li a:visited{color: #7B2309;}

.unordered li a:hover, .unordered li a:active{color: #000000;}

/*	HEADER CSS	*/

#header{
height: 148px;
clear: both;}

#header #logo{
float: left;
margin: 5px 0px 0px 10px;}

#header #headerright{
float: right;
width: 380px;
margin-right: 20px;}

#headerright #searchbox{
float: right;
margin-top: 60px;
}

#headerright #searchbox .searchtxtbox{
background: url(../images/bg_txtbox.gif) left top no-repeat;
border: none;
float: left;
font-size: 10px;
color: #000000;
height: 17px;
padding: 1px 3px;
width: 89px;
margin: 0px 5px 2px 5px;
_margin: 0px 5px 1px 5px;
_background-attachment: fixed; /*	IE6 */
}

#headerright #searchbox .button{
margin: 2px 0px 0px 0px;
float: left;}

#headerright #bookmark{
margin: 35px 0px 0px 12px;
float: right;
}

#topnav ul{
float: right;
margin: 25px 0px 0px 0px;
padding: 0px;
list-style-type: none;}

#topnav ul li{
float: left;
display: block;
line-height: 20px;}

#topnav ul li a:link, #topnav ul li a:visited{
display: block;
padding: 0px 10px;
}

#topnav ul li a:hover, #topnav ul li a:active{
display: block;
background-color: #701718;
color: #FFFFFF;
padding: 0px 10px;
}

/*	HEADER CSS END	*/
/*	HEADER NAVIGATION START */

#headernav{
background: url(../images/bg_headernav.jpg) left top repeat-x;
color: #FFFFFF;
overflow: hidden;
font-weight: bold;
width: 902px;
}

#headernav ul{
margin: 0px;
padding: 0px;
}

#headernav ul li{
float: left;
display: block;
height: 32px;
line-height: 28px;
background: url(../images/menu_separator.gif) right top no-repeat;
}

#headernav ul li a:link, #headernav ul li a:visited{
float: left;
display: block;
height: 26px;
color: #FFFFFF;
padding: 0px 24.6px;}

#headernav ul li a:hover, #headernav ul li a:active{
float: left;
display: block;
color: #FFFFFF;
height: 26px;
background-color: #000000;
padding: 0px 24.6px;}

/*	HEADER NAVIGATION END */

/*	BANNER	*/
#banner{clear: both;}
/* BANNER END */

/*	SERVICES 	*/
#services{
background: url(../images/bg_services.gif) left top repeat-x;
line-height: 34px;
width: 882px;
padding: 0px 10px;}
/*	SERVICES END 	*/


/*	CONTAINER CSS START 	*/

#container{
clear: both;
margin: 20px 0px 10px 0px;
width: 872px;
padding: 0px 15px 0px 15px;
background: url(../images/container_repeater.gif) left top repeat-y;
float: left;
overflow: hidden;
}

/*	LEFT COLUMN START*/

#leftcol{
width: 211px;
padding-right: 10px;
float: left;
}

#box_newsletter{background: url(../images/img_newsletter.gif) left top no-repeat;
padding: 0px 0px 0px 48px;
margin: 0px;
overflow: hidden;
_float: left;
font-size: 10px;}

#box_newsletter form{
float: right;
}

#box_newsletter form label{
float: left;
width: 45px;
line-height: 18px;
margin-bottom: 5px;}

.txtbox{
background: url(../images/bg_txtbox.gif) left top no-repeat;
border: none;
font-size: 10px;
color: #000000;
height: 17px;
padding: 1px 3px;
width: 89px;
margin-bottom: 5px;
_background-attachment: fixed; /*	IE6 */}

#box_faq{
padding: 0px 0px 0px 0px;
text-align: center;
}

/*	LEFT COLUMN START*/

/*	CENTER COLUMN START	*/
#centercol{
float: left;
width: 386px;
padding: 0px 0px 0px 14px;
}

#centercol #left{
float: left;
width: 175px;
padding-right: 10px;
background: url(../images/bg_border.gif) right top repeat-y;}

#centercol #right{
float: right;
width: 190px;}

#ourclient{
border: 1px solid #D8D9D6;
padding: 5px;}


/*	CENTER COLUMN END	*/

/*	RIGHT COL START	*/
#rightcol{
float: right;
width: 220px;
padding: 0px 0px 0px 10px;
}

.frmlbl{
float: left; 
width: 80px;
line-height: 20px;
margin-bottom: 5px;}

.frmtxt{
float: left;
border: 1px solid #9F9F9F;
height: 16px;
margin-bottom: 5px;
width: 136px;}

#box_stories{
border: 1px solid #A9CBEE;
background: #FDFDFF url(../images/box_repeater.jpg) left bottom repeat-x;
padding: 0px 0px 8px 0px;
margin: 0px 0px 15px 0px;}

.boxtable{
border: 1px solid #A9CBEE;
text-align: left;
background: #F4FBFF;
padding: 0px 0px 8px 0px;
margin: 0px 0px 15px 0px;}

.signup_input{
width: 200px;
height: 18px;
border: 1px solid #A9CBEE;}




#box_stories p{
padding: 0px 15px;}

.boxtesti{
background-color: #ECF3FB;
padding: 10px;
font-weight: normal;
color: #000000;}

.error{
color: #FF0000;
font-weight: bold;}

/*	RIGHT COL END	*/

/*	FOOTER START	*/

#footer{
margin: 10px 2px 20px 2px;
background: url(../images/bg_footer.jpg) left top repeat-x;
border: 1px solid #DEDBDB;
line-height: 23px;
font-weight: bold;
font-size: 10px;
color: #950000;
text-align: center;}

#footer a:link, #footer a:visited{color: #950000;}
#footer a:hover, #footer a:active{color: #000000;}

#footer-portfolio{
margin: 0px 2px 10px 2px;
background: url(../images/bg_footer.jpg) left top repeat-x;
border: 1px solid #DEDBDB;
line-height: 23px;
font-weight: bold;
font-size: 10px;
color: #950000;
text-align: center;}

#footer-portfolio a:link, #footer-portfolio a:visited{color: #950000;}
#footer-portfolio a:hover, #footer-portfolio a:active{color: #000000;}
/*	FOOTER END	*/

#copyright{
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
text-align: center;
line-height: 30px;}

/*	CONTAINER CSS END 	*/

/*		INNER PAGE CSS START	*/

#inner_container{
clear: both;
margin: 20px 0px 20px 0px;
width: 851px;
padding: 0px 0px 0px 29px;
}

#inner_containerportfolio{
clear: both;
margin: 20px 0px 0px 0px;
width: 851px;
padding: 0px 0px 0px 29px;
}


#inner_heading{
line-height: 43px;
background: url(../images/bg_border_horizontal.gif) left bottom repeat-x;
padding-left: 30px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
margin-bottom: 7px;
}

#inner_banner{
clear: both;
}

#inner_left{
width: 185px;
padding: 0px 0px 0px 10px;
float: left;}

#inner_left1{
background: url(../images/bg_border.gif) right top repeat-y;
width: 200px;
padding: 0px 0px 0px 30px;
float: left;}

#inner_left1 p{
padding: 0px 15px 0px 0px;}

#inner_left2{
background: url(../images/bg_border.gif) right top repeat-y;
width: 230px;
padding: 0px 0px 0px 30px;
float: left;}

#inner_left2 p{
padding: 0px 15px 0px 0px;}


#inner_left h2, #inner_left1 h2{
margin: 5px 0px 0px 0px;
padding: 0px;}

#inner_left ul, #inner_left1 ul{
margin: 0px;
padding: 0px;
list-style-type: none;}

#inner_left ul li a:link, #inner_left ul li a:visited, #inner_left1 ul li a:link, #inner_left1 ul li a:visited{
background: url(../images/bullet.gif) left 5px no-repeat;
line-height: 18px;
color: #53687D;
padding-left: 10px;}

#inner_left ul li a:hover, #inner_left ul li a:active, #inner_left1 ul li a:hover, #inner_left1 ul li a:active{
background: url(../images/bullet_h.gif) left 5px no-repeat;
line-height: 18px;
color: #A32C0C;
padding-left: 10px;}


#inner_right{
float: right;
width: 706px;}

#webdesign_space{
float: right;
width: 706px;
margin-bottom: 9px;}


#inner_right p{
padding-right: 20px;}


.inner_row{
clear: both;

overflow: hidden;
margin-bottom: 0px;
float: left;}

.inner_portfolio{
clear: both;
overflow: hidden;
margin-bottom: 0px;
float: left;}


.inner_row h1{
background-color: #F1F1F1;
line-height: 31px;
font-size: 14px;
font-weight: bold;
font-family: Tahoma, Times, serif;
font-stretch: 20px;
text-align: center;
color: #A02B0A;}


#portf-coloum1 {
Height:183px;
width: 190px;
float:left;
padding-top: 16px;
padding-left: 30px;
margin-bottom: 10px;}

#portf-coloum2 {
height:183px;
width: 669px;
float:left;
padding-top: 16px;
padding-right:13px;
margin-bottom: 10px;
}

#portf-coloum2a {
height:325px;
width: 645px;
float:left;
padding-top: 16px;
padding-right:13px;
margin-bottom: 10px;
}


.portf-imageborder {
	border: 1px solid #999999;
	height: 76px;
	margin: 0px;
	padding: 0px;
}

.left_col{
width: 258px;
float: left;
padding-right: 15px;
_padding: 0px 15px 20px 0px;
background: url(../images/bg_border.gif) right top repeat-y;}

.left_col img, .center_col img, .right_col img{
margin: 3px 5px 60px 0px;}

.center_col{
width: 270px;
float: left;
padding: 0px 15px 0px 15px;
_padding: 0px 15px 20px 15px;
background: url(../images/bg_border.gif) right top repeat-y;}

.right_col{
width: 258px;
float: left;
padding-left: 15px;
}


.emailmarketing{
clear: both;}

.emailmarketing img{
margin-right: 15px;}

.emailmarketing h1{
line-height: 31px;
margin: 5px 0px 0px 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
font-family: Tahoma, Times, serif;
font-stretch: 20px;

color: #A02B0A;}

.emailmarketing p{
margin: 0px;
padding: 0px;
line-height: 16px;}

#inner_header{
clear: both;
margin: 20px 0px 10px 0px;
width: 872px;
padding: 0px 0px 0px 25px;
float: left;
overflow: hidden;
}
#sitemap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#sitemap UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#sitemap LI {
	MARGIN: 0px 0px 30px
}
#sitemap LI LI {
	MARGIN: 0px
}
#sitemap A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-RIGHT-WIDTH: 0px
}
#sitemap A {
	BACKGROUND: #A02B0A; COLOR: #fff
}
#sitemap A:hover {
	BACKGROUND: #BE4F30;
	color: #000000;
}
#sitemap UL LI A {
	BACKGROUND: #fff; COLOR: #A02B0A; BORDER-BOTTOM: #FFDAD0 1px solid
}
#sitemap UL LI A:hover {
	BACKGROUND: #FFF1ED; COLOR: #BE4F30
}

.innerbullet{
margin: 0px;
padding: 0px;
list-style-type: none;}

.innerbullet li{
background: url(../images/li.gif) left 6px no-repeat;
line-height: 19px;
padding-left: 25px;
}

#webdesignheading{
height: 76px;
width: 892px;
background: url(../images/bg_border_horizontal.gif) left bottom repeat-x;
}



/*		INNER PAGE CSS END	*/

/*	CONTACT US PAGE */

#inner_contact{
float: right;
width: 650px;}

#inner_contact1{
float: right;
width: 600px;}

#contact_box{
width: 462px;
margin: 0px 0px 0px 85px;
background-color: #F4FBFF;
border: 1px solid #A9CBEE;}

#contact_box h1{
color: #A9230A;
line-height: 26px;
font-size: 15px;
height: 32px;
padding-left: 20px;
border-bottom: 1px solid #A9CBEE;}

#contact_box form{
margin: 0px 20px 20px 80px;}

#contact_box form p{
text-align: right;
padding: 10px 27px 10px 10px;}

#contact_box form label{
float: left;
text-align: right;
margin: 0px 10px 5px 0px;
width: 135px;
line-height: 20px;}

#contact_box form input, textarea, select{
border: 1px solid #7F9DB9;
margin-bottom: 5px;}

#contact_box form input.button{
background-color: #003C74;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
line-height: 16px;}

.brown a:link, .brown a:visited{
color: #A12B0B;
text-decoration: underline;
}

.brown a:hover, .brown a:active{
color: #000000;
text-decoration: none;
}

/*	TEXT CSS START 	*/
.orange_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

.blue_text{
	font-family: Tahoma;
	font-size: 15px;
	color: #6097F8;
	text-decoration: none;
	font-weight: bold;
}

.blue_text1{
	font-family: Tahoma;
	font-size: 14px;
	color: #6097F8;
	text-decoration: none;
}

/*	TEXT CSS END 	*/

.new-service ul{
list-style-type:none;
line-height: 18px;
color: #53687D;
padding-left: 10px;
type: none;}

.new-service ul li{
background: url(../images/bullet.gif) left 5px no-repeat;
list-style-type:none;
line-height: 18px;
color: #53687D;
padding-left: 10px;}


/*	Affilate PAGE CSSS START	*/
.input{
width:70px;
height:12px;
margin-top:10px;}

/*	Affilate PAGE CSSS End	*/



/*	Testimonial PAGE CSSS START	*/
#tes-cont{
width:870px;
margin-top:10px;
padding:10px 10px 10px 10px;}

#tes-left-box{
background: url(../images/ver-line.jpg) repeat-y right top;
float:left; 
margin:0px 10px 10px 0px; 
width:200px; 
height:430px;}

.testmonial-icon{
margin:15px 0px 0px 0px;
padding:5px 0px 0px 0px; 
line-height:19px; 
background:url(../images/testimonial-ibg-box.gif) no-repeat left top;}




/*	Testimonial PAGE CSSS End	*/

/*	TEXT CSS END 	*/

/*	NEW CSS SATRT BY HASEEB	*/

.bigfont{
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;}

.newfont li a:link, .newfont li a:visited{
color: #4D8DFF;
font-weight: bold;
}

.newfont li a:hover, .newfont li a:active{
color: #FF4E00;
text-decoration: underline;
font-weight: bold;
}

/*	PORTFOLIO BOX	*/

.port_row{
clear: both;
border-top: 10px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;}

.port_row h3{
line-height: 31px;
font-size: 12px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
padding: 0px 0px 0px 10px;
background-color: #A22B0B;
width: 167px;}

.port_row ul{
list-style-type: none;
margin: 0px;
padding: 0px;}

.port_row ul li{
display: block;
float: left;
padding: 10px 15px 10px 0px;}

.port_row ul li h2{
font-weight: bold;
color: #B21F0D;
font-size: 12px;
margin: 0px;
padding: 0px;}

.port_row ul li p{
margin: 0px;
padding: 0px;
line-height: 18px;
}

.port_row ul li.width{
width: 380px;}

.port_row ul li.width1{
width: 255px;}

.port_row .maroon{
color: #B21F0D;}


.port_btm_border{
display: block;
border-bottom: 1px solid #A22B0B;}

/*	NEW CSS END BY HASEEB	*/

/*	LOGO DESIGN PAGE START	*/

.logo-bgline{
height: 100px;
width:820px;
float:left;
background: url(../images/bg_border_horizontal.gif) left bottom repeat-x;
margin:0px 0px 20px 0px;
}

.graphic-bgline{
width:820x;
float:left;
height:auto;
background: url(../images/bg_border_horizontal.gif) left bottom repeat-x;
margin-bottom:10px;
}

.logo ul{
list-style-type:none;
padding:0px 0px 0px 20px;
}

.logo li{
	list-style-type:none;
	padding:0px 0px 0px 20px;
	line-height:19px;
	background-image: url(../images/icon-meroon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*	LOGO DESIGN PAGE END	*/

#logo-box{
float:left; 
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 80px; 
width:600px; 
border:#FB4818 solid 1px;
}

.logo-boxhead{
font-size: 13px;
line-height: 31px;
color: #BB2B04;
background-color: #FFC6B7;
margin: 0px;
padding: 0px;
padding: 0px 0px 0px 10px;
width:590px;
font-weight:bold;}

.logo-headblack{
font-size: 16px;
color: #000000;
font-weight:bold;}




#graphic-box{
float:left;
height:80px; 
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 50px; 
width:500px; 
border:#FB4818 solid 1px;}

.graphic-boxhead{
font-size: 13px;
color: #BB2B04;
margin: 0px;
padding: 0px;
padding: 0px 0px 0px 10px;
background-color: #FFC6B7;
width: 490px;
font-weight:bold;}

.graphic-headblack{
font-size: 16px;
color: #000000;
font-weight:bold;}




#graphic-box2{
float:left; 
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 10px; 
width:800px; 
border:#FB4818 solid 1px;
height:220px;}

.graphic-boxhead2{
line-height: 31px;
font-size: 13px;
color: #BB2B04;
margin: 0px;
padding: 0px;
padding: 0px 0px 0px 10px;
background-color: #FFC6B7;
width: 790px;
font-weight:bold;}

.graphic-headblack{
font-size: 16px;
color: #000000;
font-weight:bold;}

.redstar{
font-size:10px;
color:#FF0000;
}
.gap{
	text-align:center;
	font-weight:bold;
}
.gap span{
	color:#9c0001;
}
.gap img{
	border:1px solid #9c0001;
	padding:2px;
}