body{
margin:0px;
padding:0px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
}

.clear{clear:both;}
img{border:none;}
p{margin:0px; padding:0px; padding-top:5px; padding-bottom:5px;}
a{outline:none;}
a:hover{outline:none;}
h1{color:#9AAE4C; font-size:15px; padding-top:10px; padding-bottom:10px; margin:0px;}

form{padding:0px; margin:0px;}

#top_bg{
position:relative;
background:url(../images/topbg.png) repeat-x;
width:100%;
height:78px;
}

.container{
position:relative;
width:900px;
height:auto;
margin:0px auto;
}

#logo{
position:relative;
width:261px;
height:55px;
float:left;
margin-top:10px;
}


#nav{
position:relative;
width:auto;
height:30px;
float:right;
margin-top:25px;
outline:none;
}

#nav a{outline:none;}
#nav a:hover{outline:none;}

#header{
position:relative;
background:url(../images/header_bg.jpg) center top repeat-x;
width:100%;
height:302px;
}

.flash_container{
	position:relative;
	width:100%;
	height:auto;
	margin:0px auto;
}

#middle_bar{
position:relative;
background:url(../images/middlebar_bg.png) repeat-x;
width:100%;
height:87px;
}

#body_bg{
position:relative;
background:url(../images/body_bg.png) repeat-x #FFFFFF;
width:100%;
height:auto;
}

#left_cont{
position:relative;
width:570px;
height:auto;
float:left;

margin-top:40px;
}

#rite_cont{
position:relative;
width:281px;
height:auto;
float:right;
margin-top:50px;
}

.text_area{
position:relative;
color:#5a5c50;
font-size:13px;
width:570px;
height:auto;
padding-top:20px;
padding-bottom:20px;
}

.text_area span{color:#97a74f;}
#recent_work1{
position:relative;
background:url(../images/recentwork_1.png) no-repeat;
margin-top:26px;
width:285px;
height:157px;
float:left;
}

#recent_work2{
position:relative;
background:url(../images/recentwork_2.png) no-repeat;
margin-top:26px;
width:285px;
height:157px;
float:left;
margin-left:20px;
}

#recent_work3{
position:relative;
background:url(../images/recentwork_3.png) no-repeat;
margin-top:26px;
width:285px;
height:157px;
float:left;
margin-left:20px;
}

.view_web{
position:relative;
float:right;
width:auto;
height:auto;
margin-top:137px;
margin-right:15px;
}

.rite_heading{
position:relative;
width:auto;
height:auto;
float:right;
margin-top:35px;
}

.left_heading{
position:relative;
float:left;
width:auto;
height:auto;
margin-top:35px;
}

/*FOOTER AREA*/

#footer_bg{
position:relative;
background:url(../images/footer_bg.png) repeat-x;
width:100%;
height:250px;
margin-top:35px;
}
#footer_bg_portfolio{
position:relative;
background:url(../images/footer_bg.png) repeat-x;
width:100%;
height:250px;
}

.return_button{
position:relative;
width:199px;
height:35px;
margin:0px auto;
margin-top:35px;
}

#footer_img{
position:relative;
background:url(../images/footer_img.jpg) no-repeat;
width:900px;
height:250px;
margin:0px auto;
}

#left_footer{
position:relative;
width:300px;
height:195px;
float:left;
color:#586b12;
font-size:12px;

}



#rite_footer{
position:relative;
width:220px;
height:auto;
float:left;
margin-left:130px;
margin-top:50px;
color:#8aa721;
font-size:11px;
}
#rite_footer p{padding-bottom:14px;}
#rite_footer a{color:#2fa0de; padding-left:60px; text-decoration:none;}
#rite_footer a:hover{text-decoration:underline;}

.recent_heading{
position:relative;
background:url(../images/heading_reachus.png) no-repeat;
width:161px;
height:23px;
margin-top:20px;
}

.name_div{
position:relative;
width:40px;
height:auto;
float:left;
color:#586b12;
font-size:14px;
padding-top:20px;
}

.name_txt_field{
position:relative;
width:210px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
padding-left:40px;
padding-top:10px;
}

.input{
position:relative;
background-color:#DEEEAC;
border:solid 1px #d7e5a8;
width:210px;
height:20px;
padding-top:6px;
margin-top:6px;
margin-bottom:13px;
outline:none;
}

.input_footer{
position:relative;
background-color:#DEEEAC;
border:solid 1px #d7e5a8;
width:210px;
height:20px;
margin-top:6px;
outline:none;
}

.message_div{
position:relative;
float:left;
width:auto;
height:auto;
color:#586b12;
font-size:14px;
margin-top:4px;
}

.text_field{
position:relative;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
padding-left:19px;
padding-top:5px;
}

.text_area_field{
position:relative;
width:210px;
height:55px;
background-color:#DEEEAC;
border:solid 1px #d7e5a8;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.clear_but{
position:relative;
float:right;
width:auto;
height:auto;
margin-right:5px;
margin-top:5px;
}

.button_clear{
position:relative;
background:url(../images/butt_clear.png) no-repeat;
width:72px;
height:25px;
border:none;
outline:none;
}

.submit_but{
position:relative;
float:right;
width:auto;
height:auto;
margin-right:7px;
margin-top:5px;
}

.button_submit{
position:relative;
background:url(../images/butt_submit.png) no-repeat;
width:72px;
height:25px;
border:none;
outline:none;
}


#footer_text{
position:relative;
width:660px;
height:auto;
color:#8aa721;
font-size:11px;
margin-left:30px;
}

#footer_text p a{color:#8aa721; text-decoration:none;}
#footer_text p a:hover{color:#8aa721; text-decoration:underline;}

.footer_text_aligment{
	width:660px;
	height:auto;
	color:#8aa721;
	font-size:11px;
	text-align:center;
}
/*Twiiter css*/

.feed{
	height:50px;
	width:100%;
	font-size:12px;
	padding-top:20px;
	
	color:#9ec318;
	font-size:11px;
}

/*Twiiter  css end */


/*SUB PAGES CSS */
#sub_cont{
position:relative;
width:900px;
height:auto;
margin:0px auto;
padding-top:40px;
}
.sub_text_area{
position:relative;
color:#5a5c50;
font-size:13px;
width:900px;
height:auto;
padding-top:20px;
padding-bottom:20px;
}

.testi_text_area{
position:relative;
color:#5a5c50;
font-size:15px;
font-style:italic;
width:900px;
height:auto;
padding-top:20px;
}

.arial{font-size:13px; color:#5a5c50; font-weight:bold;}
.testi_sep{position:relative; background:url(../images/testimonial_spearator.png) no-repeat; width:896px; height:13px; margin-top:20px; margin-bottom:10px;}
.inner_header{
position:relative;
width:900px;
height:302px;
margin:0px auto;
}


/*sevice css*/

#service_heading{
position:relative;
padding-top:40px;
height:auto;
color:#5a5c50;
font-size:13px;
}

.our_service_heading{
position:relative;
margin-top:20px;
height:auto;
width:auto;
}

#service_work1{
position:relative;
width:294px;
background:url(../images/servicepage_webdesign.jpg) no-repeat;
height:120px;
float:left;
margin-top:50px;
}

#service_work2{
position:relative;
width:294px;
background:url(../images/servicepage_logodesign.jpg) no-repeat;
height:120px;
float:left;
margin-top:50px;
margin-left:6px;
}

#service_work3{
position:relative;
background:url(../images/servicepage_webdevelopment.jpg) no-repeat;
width:294px;
height:120px;
float:left;
margin-top:50px;
margin-left:6px;
}

#service_work4{
position:relative;
width:294px;
background:url(../images/servicepage_searchmarketin.jpg) no-repeat;
height:120px;
margin-top:30px;
float:left;
}
#service_work5{
position:relative;
width:294px;
background:url(../images/servicepage_customcms.jpg) no-repeat;
height:120px;
float:left;
margin-left:6px;
margin-top:30px;
}
#service_work6{
position:relative;
width:294px;
background:url(../images/servicepage_printsolutions.jpg) no-repeat;
height:120px;
float:left;
margin-left:6px;
margin-top:30px;
}

.learn{
padding-left:10px;
}
.learn a{color:#4e6108; text-decoration:underline;}

.service_text{
position:relative;
margin:0px auto;
width:270px;
height:auto;
color: #4e6108;
font-size:10px;
padding-top:65px;
}

.want_more_heading{
position:relative;
width:auto;
height:auto;
margin-top:40px;
}

/*portfolio css*/


.porfolio_header{
position:relative;
width:900px;
height:302px;
margin:0px auto;
}


.choose_heading{
position:relative;
width:auto;
height:auto;
margin-top:40px;
}

.portfolio_work1{
position:relative;
width:277px;
height:181px;
margin-top:30px;
float:left;
}

.portfolio_work2{
position:relative;
width:277px;
height:181px;
margin-top:30px;
margin-left:31px;
float:left;
}

.portfolio_work3{
position:relative;
width:277px;
height:181px;
margin-top:30px;
margin-left:32px;
float:left;
}

/*about us css*/

.additional_text{
position:relative;
font-size:11px;
color:#97a74f;
width:170px;
margin-top:10px;
height:auto;
font-weight:bold;
float:left;
}
.additional_text span{color:#4e6108; font-weight:normal;}

.sep{
position:relative;
background:url(../images/additionalsolutions_vertical_separator.jpg) no-repeat;
width:30px;
height:78px;
float:left;
margin-top:15px;
}

.inner_sep{
position:relative;
background:url(../images/additionalsolutions_horizontal_separator.jpg) no-repeat;
width:170px;
height:12px;
}

.see_portfolio{
position:relative;
width:auto;
height:auto;
margin-top:30px;
}

/*CONTACT AREA*/

#pak_area{
position:relative;
width:350px;
height:auto;
margin-top:20px;
font-size:11px;
float:left;
}

.contact_icon{
position:relative;
background:url(../images/contactus_icon1.jpg) no-repeat;
padding-left:60px;
width:auto;
height:36px;
margin-top:20px;
padding-top:2px;
}

.fone_icon{
position:relative;
background:url(../images/contactus_icon2.jpg) no-repeat;
width:auto;
height:36px;
padding-left:60px;
padding-top:15px;
margin-top:10px;
}

#rite_field_bg{
position:relative;
background:url(../images/contactus_form_bg.png) no-repeat;
float:right;
width:511px;
height:295px;
margin-top:20px;
}

.inner_contact{
position:relative;
width:460px;
height:auto;
margin:0px auto;
padding-top:20px;
}

.left_field{
position:relative;
width:210px;
height:auto;
float:left;
margin-top:10px;
}

.rite_field{
position:relative;
width:210px;
height:auto;
margin-top:10px;
float:right;
}
.text_area2{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:210px;
height:92px;
background-color:#DEEEAC;
border:solid 1px #d7e5a8;
overflow:auto;
margin-top:4px;
}

.clear_but2{
	position:relative;
	width:76px;
	height:29px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	outline:none;
}

.button_clear2{
position:relative;
background:url(../images/contactus_clearbutton.png) no-repeat;
width:76px;
height:29px;
border:none;
outline:none;
}

.submit_but2{
	position:relative;
	width:76px;
	height:29px;
	float:right;
	margin-top:5px;
}

.button_submit2{
position:relative;
background:url(../images/contactus_submitbutton.png) no-repeat;
width:76px;
height:29px;
border:none;
}
/*SUB PAGES CSS */

/*FRAME STTING*/
.testi_heading{
position:relative;
width:180px;
height:55px;
float:right;
}

.framed{
position:relative;
width:900px;
height:590px;
}

.framed2{
position:relative;
width:900px;
height:870px;
}

.left_thumbnail{
position:relative;
width:590px;
height:auto;
float:left;
}

.testimonial{
position:relative;
background:url(../images/logo_portfolio_testimonial_bg.png) no-repeat;
width:281px;
float:right;
height:445px;
color:#5a5c50;
font-size:13px;
}

.left_img_div{
position:relative;
width:277px;
height:211px;
float:left;
margin-bottom:32px;
}

.rite_img_div{
position:relative;
width:277px;
height:211px;
float:right;
margin-bottom:32px;
}

.cover_testimonail{
position:relative;
width:250px;
height:auto;
margin:0px auto;
padding-top:10px;
}

.go_back_button{
position:relative;
width:120px;
height:60px;
float:left;
margin-top:30px;
}

.see_more_button{
position:relative;
width:auto;
height:auto;
float:right;
margin-top:30px;
}

.pages{
color:#9AAE4C;
font-size:15px;
position:relative;
width:auto;
height:auto;
float:left;
padding-left:130px;
margin-top:50px;
}

.pages_web_design{
color:#9AAE4C;
font-size:15px;
position:relative;
float:left;
padding-left:140px;
width:auto;
height:auto;
margin-top:50px;
}

.pages_web_develop{
color:#9AAE4C;
font-size:15px;
position:relative;
float:left;
padding-left:280px;
width:auto;
height:auto;
margin-top:50px;
}

 .pages a{color:#9AAE4C; text-decoration:none;}
 .pages a:hover{color:#9AAE4C; text-decoration:none;}
.pages_web_design a{color:#9AAE4C; text-decoration:none;}
.pages_web_design a:hover{color:#9AAE4C; text-decoration:none;}
.pages_web_develop a{color:#9AAE4C; text-decoration:none;}
.pages_web_develop a:hover{color:#9AAE4C; text-decoration:none;}

.red{color:#77883A; font-weight:bold;}


.left_design_thumbnail{
position:relative;
float:left;
width:auto;
height:auto;
margin-bottom:20px;
}

.rite_design_thumbnail{
position:relative;
float:right;
width:auto;
height:auto;
margin-bottom:20px;
}

.left_design_thumbnail2{
position:relative;
float:left;
width:auto;
height:auto;
margin-bottom:20px;
}

.rite_design_thumbnail2{
position:relative;
float:right;
width:auto;
height:auto;
margin-bottom:20px;
}


.view_web_button_1{
	position:absolute;
	width:72px;
	height:11px;
	left: 339px;
	top: 344px;
	
}


.text_sep{margin-top:5px;  background:url(../images/separator.png) no-repeat; width:238px; height:1px;}

.additional_heading{
position:relative;
width:auto;
height:auto;
margin-top:10px;
}

form{padding:0px; margin:0px;}


/*pakages css*/

#pakage_heading{
position:relative;
width:501px;
height:54px;
margin:0px auto;
padding-top:40px;
}

.cover_pakages{
position:relative;
width:880px;
height:auto;
margin-top:30px;
}

.left_green_box{
position:relative;
background:url(../images/packages_basic.jpg) no-repeat;
width:406px;
height:651px;
float:left;
margin-bottom:50px;

}

.rite_green_box{
position:relative;
background:url(../images/packages_pro.jpg) no-repeat;
width:406px;
height:651px;
float:right;
margin-bottom:50px;
}

.starting_rate_left{
position:relative;
width:auto;
height:auto;
font-size:15px;
color:#9aae4c;
margin-left:165px;
margin-top:50px;
font-weight:bold;
}

.starting_rate_rite{
position:relative;
width:auto;
height:auto;
font-size:15px;
color:#9aae4c;
margin-left:127px;
margin-top:50px;
font-weight:bold;
}

.bp_one{
position:relative;
width:290px;
height:auto;
margin-left:90px;
margin-top:25px;
color:#586b12;
font-size:16px;
}

.cover_pakages span{font-size:11px;}

.bp_two{
position:relative;
width:290px;
height:auto;
margin-left:90px;
margin-top:6px;
color:#586b12;
font-size:16px;
}

.bp_three{
position:relative;
width:290px;
height:auto;
margin-left:90px;
margin-top:6px;
color:#586b12;
font-size:16px;
}

.cover_pakages .line_through{text-decoration:line-through; font-size:16px;}

.bp_four{
position:relative;
width:290px;
height:auto;
margin-left:90px;
margin-top:6px;
color:#586b12;
font-size:16px;
}

.bp_five{
	position:absolute;
	width:290px;
	height:44px;
	color:#586b12;
	font-size:16px;
	left: 89px;
	top: 371px;
}

.bp_six{
	position:absolute;
	width:290px;
	height:auto;
	color:#586b12;
	font-size:16px;
	left: 89px;
	top: 420px;
}

.bp_seven{
	position:absolute;
	width:290px;
	height:auto;
	color:#586b12;
	font-size:11px;
	font-weight:bold;
	left: 87px;
	top: 482px;
}

.bp_eight{
	position:absolute;
	width:130px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 83px;
	top: 514px;
}


.bp_nine{
	position:absolute;
	width:130px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 247px;
	top: 514px;
}


.bp_ten{
	position:absolute;
	width:130px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 82px;
	top: 540px;
}


.bp_elevan{
	position:absolute;
	width:140px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 246px;
	top: 542px;
}

.order_but{
	position:absolute;
	width:103px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 147px;
	top: 583px;
	}

.pp_five{
	position:absolute;
	width:290px;
	height:44px;
	color:#586b12;
	font-size:16px;
	left: 90px;
	top: 350px;
}

.pp_six{
	position:absolute;
	width:290px;
	height:auto;
	color:#586b12;
	font-size:16px;
	left: 89px;
	top: 400px;
}

.pp_seven{
	position:absolute;
	width:290px;
	height:auto;
	color:#586b12;
	font-size:16px;
	left: 88px;
	top: 454px;
}

.pp_eight{
	position:absolute;
	width:290px;
	height:auto;
	color:#586b12;
	font-size:11px;
	font-weight:bold;
	left: 88px;
	top: 498px;
}

.pp_nine{
	position:absolute;
	width:130px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 85px;
	top: 523px;
}

.pp_ten{
	position:absolute;
	width:130px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 247px;
	top: 523px;
}


.pp_elevan{
	position:absolute;
	width:130px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 85px;
	top: 551px;
}

.pp_tewelve{
	position:absolute;
	width:140px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 247px;
	top: 552px;
}

.order_but_rite{
	position:absolute;
	width:103px;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 147px;
	top: 589px;
	}


#custom_box{
position:relative;
background:url(../images/packages_cms.jpg) no-repeat;
width:876px;
height:340px;
}

#custom_box span{font-size:11px;}
#left_custom{
position:relative;
width:280px;
height:auto;
float:left;
padding-left:130px;
margin-top:90px;
margin-bottom:20px;
}

#rite_custom{
position:relative;
width:300px;
height:auto;
float:right;
padding-right:70px;
color:#586b12;
font-size:16px;
margin-top:95px;
}

.aligmnet_text{
color:#586b12;
font-size:16px;
padding-bottom:15px;
}

.aligmnet_text2{
color:#586b12;
font-size:16px;
}

.bold{color:#586b12;
font-size:11px;
font-weight:bold;
padding-bottom:0px;
}

.rite_custom_li_1{
	position:absolute;
	width:auto;
	height:auto;
	color:#586b12;
	font-size:11px;
	top: 124px;
}

.rite_custom_li_2{
	position:absolute;
	width:auto;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 165px;
	top: 124px;
}

.rite_custom_li_3{
	position:absolute;
	width:auto;
	height:auto;
	color:#586b12;
	font-size:11px;
	top: 153px;
}

.rite_custom_li_4{
	position:absolute;
	width:auto;
	height:auto;
	color:#586b12;
	font-size:11px;
	left: 164px;
	top: 153px;
}

#get_qote_but{
position:relative;
margin:0px auto;
width:103px;
height:37px;
}

#logo_pakages_1{
position:relative;
background:url(../images/packages_logo_1.jpg) no-repeat;
width:265px;
height:364px;
float:left;
text-align:center;
color:#586b12;
font-size:14px;
}

#logo_pakages_2{
position:relative;
background:url(../images/packages_logo_2.jpg) no-repeat;
width:265px;
height:364px;
float:left;
margin-left:40px;
text-align:center;
color:#586b12;
font-size:14px;
}

#logo_pakages_3{
position:relative;
background:url(../images/packages_logo_3.jpg) no-repeat;
width:265px;
height:364px;
float:right;
color:#586b12;
font-size:14px;
text-align:center;
}

#logo_heading{
position:relative;
width:299px;
height:54px;
margin:0px auto;
padding-top:60px;
padding-bottom:60px;
}

.small_font{font-size:10px; color:#586b12;}

.logo_cover{
	position:relative;
	width:200px;
	margin:0px auto;
	height:auto;
	padding-top:45px;
}

.for_only{
font-size:20px;
color:#586B12;
font-weight:bold;
}

#privacy_text{
position:relative;
padding-top:40px;
height:auto;
color:#5a5c50;
font-size:13px;
}

.see_pakages_button{
position:relative;
width:auto;
height:auto;
}

.sub_header{font-size:16px;color:#9AAE4C;}

ul{padding:0px; margin:0px;}
li{padding-bottom:6px; padding-top:10px; margin-left:20px;}

.christmasoffer {
	position: absolute;
	z-index: 999;
	height: 274px;
	width: 697px;
	left: 0px;
	top: 0px;
}
