body, ul, li, p, form, h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
}

ul, li {
list-style:none;
}

.clear{
clear:both;
}

a img {
border:none;
}

/*============================= container ====================*/

body {
background:#1d1c1c url(../images/body_bg.jpg) repeat-x;
}

#container {
width:912px;
margin:0 auto;
height:100%;
}

#header {
padding:46px 0 5px 0;
}

#logo {
float:left;
position:relative;
}

#slogan {
position:absolute;
left: 68px;
top: 34px;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
color:#a9aaa8;
font-size:11px;
}

/*============================= main nav ========================*/

#main_nav {
float:right;
padding:5px 0 0 20px;
}

#main_nav li {
display:inline;
}

#main_nav a {
display:block;
float:left;
padding:6px 10px 0 30px;
text-decoration:none;
color:#bbbcbb;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
background:url(../images/nav.jpg) no-repeat 9px 8px;
font-size:13px;
}

#main_nav a:hover {
background:url(../images/nav_hover.jpg) no-repeat 9px 8px;
color:#2fb505;
}

#main_nav .visited {
background:url(../images/nav_hover.jpg) no-repeat 9px 8px;
color:#2fb505;
}


#banner {
background:url(../images/banner_shadow.jpg) no-repeat 0px 4px;
padding:30px 0 0;
position:relative;
}

.b_readmore_outter {
	position:absolute;
	left: 595px;
	top: 211px;
}

.banner_readmore {
	background:url(../images/btn_readmore.jpg) no-repeat top;
	width:121px;
	height:21px;
	display:block;

}

.banner_readmore:hover {
	background:url(../images/btn_readmore.jpg) no-repeat bottom;
}

/*================================= banner pannel ========================*/

#panel {
background:url(../images/bannerbox_bg.jpg) repeat-x;
height:100%;
}


.pannel_box_image{
width:300px;
float:left;
}

.seo_optimazation, .graphic_design, .webdesign{
display:block;
padding:15px 0 37px 108px;
text-decoration:none;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
font-size:20px;
color:#5f5e5e;
margin:0 0 10px 0;
}

.seo_optimazation {
background:url(../images/seo_pic.jpg) no-repeat 17px 35px;
}

.graphic_design {
background:url(../images/graphic_pic.jpg) no-repeat 17px 35px;
}

.webdesign {
background:url(../images/webdesign_pic.jpg) no-repeat 17px 35px;
}

.pannel_box_image span {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:5px 0 0;
padding:0 5px 0 0;
display:block;
}


.panel_seperator{
background:url(../images/panel_seperator.jpg) no-repeat;
width:5px;
float:left;
height:154px;
}


/*===============================main Content =====================*/

#main_content {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#474b46;
background:#fff;
height:100%;
}

h1{
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
font-size:28px;
color:#3f823d;
font-weight:normal;
margin:0 0 5px 0;
}

h2{
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
font-size:20px;
color:#3f823d;
font-weight:normal;
margin:7px 0 5px 0;
}


/*============================= content ========================*/
#content {
padding:10px 25px 20px;
}

#content p {
margin:10px 0 0 0;
font-size:11px;
}

.welcome_txt {
width:610px;
float:left;
}

.search_results {
width:900px;
float:left;
}

/*=============================== testimonials ======================*/
#testimonials {
width:227px;
float:left;
margin:0 0 15px 25px;
}

#testi_top {
background:url(../images/testi_top.jpg) no-repeat;
height:16px;
}

#testi_content {
background:#e5eff5 url(../images/testi_bg.jpg) repeat-x;
border-left:#eeeeee solid 1px;
border-right:#eeeeee solid 1px;
padding:0 7px 0 15px;
margin:0 3px 0 0;
}

#testi_content p{
color:#788c6e;
font-style:italic;
font-size:11px;
}


h4 {
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
font-size:15px;
color:#3f823d;
margin:0 0 5px 0;
}

#testi_bottom {
background:url(../images/testi_bottom.jpg) no-repeat;
height:21px;
}

.testi_author {
padding:10px 15px 0 ;
text-align:right;
background:url(../images/testi_icon.jpg) no-repeat 78px 18px;
}

.testi_author p {
color:#788c6e;

}
.testi_author a {
color:#a0b695;
text-decoration:none;
}



/*==================================== horizontal servies list =========================*/

#services {
padding:0px 0 40px ;
margin:0 25px ;
height:100%;
width:858px;
}


#service_box_bg {
border-left:#f0eeee 1px solid;
border-right:#f0eeee 1px solid;
}


.service_box {
width:170px;
float:left;
padding:0 10px 5px 25px;
}
.services_row{
padding:10px 0 0 0;
}


.service_img_float{
float:left;
margin:5px 10px 0 0;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#575757;
font-size:16px;
margin:0px;
padding:3px 0 0 0;
}

.service_readmore {
background:url(../images/service_read_more.jpg) no-repeat;	
margin:15px 0 0;
padding:2px 0 0 20px;
text-transform:uppercase;
font-weight:bold;
color:#8f967d;
display:block;
text-decoration:none;
}

.service_readmore:hover {
color:#747a64;	
}

.service_seperator {
background:url(../images/bottombox_seperator.jpg) no-repeat;
width:3px;
height:133px;
float:left;
}


#service_box_top {
background:url(../images/bottombox_top.jpg) no-repeat;
height:13px;
}

#service_box_bg {
background:#e2e2e2 url(../images/bottombox_bg.jpg) repeat-x;
padding:5px 0;
}

#service_box_bottom{
background:url(../images/bottombox_bottom.jpg) no-repeat;
height:11px;
}


/*======================================== footer =======================================*/

#footer {
background:url(../images/footer_bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:100%;
}

h5 {
color:#3f823d;
font-size:14px;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}

#footer_details {
width:862px;
margin:0 auto;
padding:15px 25px 10px ;
}

#footer_links {
width:395px;
border-right:#272626 1px solid;
float:left;
}

.link_list {
width:155px;
float:left;
padding:5px 25px 0 0;
}

.link_list li {
display:inline;
}

.link_list a{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
display:block;
padding:5px 0;

}

.link_seperator {
border-bottom:dotted 1px #FFFFFF;
}

/*===================================== footer contact ===============================*/



#footer_contact {
float:left;
width:420px;
margin:0 0 0 40px;
}

.txt_box {
background:#1a1a1a;
border:1px solid #3f3f3f;
margin:5px 0 0;
color:#969595;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px 3px 3px 10px;
width:180px;
overflow:hidden;
}

.btn_submit {
margin:10px 0 0 12px;
display:inline;
}

.contact_list {
width:200px;
float:left;
padding:5px 0 0;
}


#copyright {
text-align:center;
color:#575757;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:15px 0;
height:100%;
}

/*======================================== sub pages ==============================*/

#sub_main_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#474b46;
background:#fff url(../images/main_content_bg.jpg) repeat-y;
height:100%;
}

#left_col {
width:275px;
float:left;
padding:0 0 15px 9px ;
height:100%;
}

#left_menu {
background:url(../images/left_col_bg.jpg) repeat-y;
padding:39px 0 0;
}

#left_col_title {
padding: 0 0 0 18px;
margin:0 0 20px 0;
}

#left_col_title h2{
font-size:20px;
color:#575757;
}


/*============================= left menu =================================*/

#left_col a{
display:block;
color:#999999;
text-decoration:none;
padding:15px 0 15px 60px;
border-bottom:#f2eeee solid 1px;
font-family:Arial, Helvetica, sans-serif;
}

#left_col li {
display:inline;
}

#left_col a:hover{
color:#238d2c;

}

#left_col .selected {
background:#fff url(../images/left_hover_bg.jpg) repeat-y right;
color:#238d2c;
font-size:12px;
font-weight:bold;
}


#left_col_bottom {
background:#F7F7F7 url(../images/leftcol_bottom.jpg) no-repeat 268px 0;
height:96px;
width:283px;
}

#main_content_bottom {
background:#fff;
}


.hosting_visited {
background:url(../images/left-hosting.jpg) no-repeat;
}

.hosting_visited_hover {
background:url(../images/left-hosting-hover.jpg) no-repeat;
}

.web_visited {
background:url(../images/left-web.jpg) no-repeat;
}

.web_visited_hover {
background:url(../images/left-web-hover.jpg) no-repeat;
}

.seo_visited {
background:url(../images/left-seo.jpg) no-repeat;
}

.seo_visited_hover {
background:url(../images/left-seo-hover.jpg) no-repeat;
}

.cms_visited {
background:url(../images/left-cms.jpg) no-repeat;
}

.cms_visited_hover {
background:url(../images/left-cms-hover.jpg) no-repeat;
}

.ecom_visited {
background:url(../images/left-maintenance.jpg) no-repeat;
}

.ecom_visited_hover {
background:url(../images/left-maintenance-hover.jpg) no-repeat;
}

.shopping_visited {
background:url(../images/left-shoppingcart.jpg) no-repeat;
}

.shopping_visited_hover {
background:url(../images/left-shoppingcart-hover.jpg) no-repeat;
}

.graphic_visited {
background:url(../images/left-graphic.jpg) no-repeat;
}

.graphic_visited_hover {
background:url(../images/left-graphic-hover.jpg) no-repeat;
}


.blogging_visited {
background:url(../images/left-blogging.jpg) no-repeat;
}

.blogging_visited_hover {
background:url(../images/left-blogging-hover.jpg) no-repeat;
}


.maintenance_visited {
background:url(../images/left-maintenance.jpg) no-repeat;
}

.maintenance_visited_hover {
background:url(../images/left-maintenance-hover.jpg) no-repeat;
}


.email_visited {
background:url(../images/left-email.jpg) no-repeat;
}

.email_visited_hover {
background:url(../images/left-email-hover.jpg) no-repeat;
}

#sub_main_content #left_menu .careers_leftcol a{
border-bottom:1px solid #F2EEEE;
color:#999999;
display:block;
font-family:Arial,Helvetica,sans-serif;
padding:8px 0 8px 20px;
text-decoration:none;
}

#sub_main_content #left_menu .careers_leftcol a:hover {
color:#009933;
}


/*============================ right col ===================================*/


#right_col {
width:593px;
float:left;
padding:0 0 0 35px;
height:100%;
}

#breadcrumb {
background:#ebeaea;
padding:11px 0 11px 15px;
color:#474b46;
font-size:11px;
margin:0 0 15px 0;
}

.breadcrumb_bullet {
margin:0 7px;
}

#sub_contents {
padding:0 20px 20px 0; 
font-size:11px;
}

#sub_contents a{
color:#717171;
text-decoration:none;
}

#sub_contents a:hover {
border-bottom:dotted 1px #474B46;
}

#right_col #sub_contents .quoatation a{
border:none;
margin:0 0px 0 0;
}

#sub_contents p{
margin:8px 0 5px 0;
}


/*================================ search box ============================*/

#search_box {
margin:0 0 20px 0;
}

#search_left {
background:url(../images/search_left.jpg) no-repeat;
height:125px;
width:10px;
float:left;
}

#search_content {
background:url(../images/search_bg.jpg) repeat-x;
height:105px;
float:left;
width:543px;
padding:20px 0 0 15px;
font-size:11px;
}

#search_content h5 {
text-transform:uppercase;
font-size:13px;
}

#search_right {
background:url(../images/search_right.jpg) no-repeat;
height:125px;
width:7px;
float:left;
}

#keywords {
float:left;
width:272px;
background:url(../images/keyword_bg.jpg) no-repeat right center;
}

#keywords li {
display:inline;
}

#keywords a {
color:#635050;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
background:url(../images/keyword_bullet.jpg) no-repeat 2px 10px;
padding:5px 0 0 15px;
display:block;
margin:5px 0 0 10px;
}

.keyword_list {
float:left;
padding:0 30px 0 0;
}


#bottom_search {
float:left;
padding:0 0 0 25px;
width:240px;
}

.txt_bottom_search {
border:#f0eaea 1px solid;
font-size:11px;
padding:5px;
color:#6a7b6a;
margin:5px 0 0 0;
float:left;
width:130px;
}

.txt_bottom_search_results {
border:#f0eaea 1px solid;
font-size:11px;
padding:5px;
color:#6a7b6a;
margin:5px 0 0 0;
float:left;
width:350px;
}


.search_panel {
margin:5px 0 0 0;
}

.btn_search {
float:left;
margin:3px 0 0 15px;
width:76px;
height:22px;
}

.search_floated {
padding:5px 0 0;
}

.txt_search {
background:url(../images/txt_search_bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e1e1e1;
}

/*====================================== portfolio ===============================*/

.portfolio_box {
border-top:#ededed 1px solid;
padding:12px 0 11px 0;
}

.description {
float:left;
width:245px;
padding:5px 10px 0 0;
}

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

.description p {
font-size:11px;
color:#5b5c5b;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
margin:0px 0 0 0;
}

.site_pic {
float:left;
border:#f3f0f0 solid 1px;
padding:5px;
display:block;
}

.site_pic:hover {
border:#CCCCCC 1px solid;
}

.visit_web {
color:#5b5c5b;
font-size:11px;
text-decoration:none;
}
/*
.site_online {
color:#6ec577;
text-decoration:none;
}

.site_online:hover {
text-decoration:underline;
}
*/

.description_txt {
padding:0 0 0 10px;
}


/*============================= popup contact ===================*/

.qtxt_box {
font-size:11px;
color:#909090;
font-family:Arial, Helvetica, sans-serif;
margin:3px 0 3px 0;
padding:3px 5px;
border:1px solid #DDDCDC;
}


/*============================ social media ===========================*/

#social_media {
background:url(../images/sm_bg.jpg) no-repeat;
width:229px;
height:39px;
margin:15px 0 0;
}

.sm_txt {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#2c8525;
margin:10px 0 0 15px;
}

.sm_icons {
float:left;	
margin:8px 0 0 15px;
}

#social_media img {
margin:0 10px 0 0;	
}

.sm_facebook {
float:left;
background:url(../images/sm_facebook.jpg) no-repeat;
width:18px;
height:20px;
margin:0 10px 0 0;	
}

.sm_facebook:hover {
background:url(../images/sm_facebook_hover.jpg) no-repeat;
}

.sm_delicious {
float:left;
background:url(../images/sm_delicious.jpg) no-repeat;
width:18px;
height:20px;	
margin:0 10px 0 0;	
}

.sm_delicious:hover {
background:url(../images/sm_delicious_hover.jpg) no-repeat;
}

.sm_twitter {
float:left;
background:url(../images/sm_twitter.jpg) no-repeat;
width:18px;
height:20px;	
margin:0 10px 0 0;	
}

.sm_twitter:hover {
background:url(../images/sm_twitter_hover.jpg) no-repeat;
}

.sm_wordpress{
float:left;
background:url(../images/sm_wordpress.jpg) no-repeat;
width:20px;
height:20px;	
}

.sm_wordpress:hover{
background:url(../images/sm_wordpress_hover.jpg) no-repeat;
}

/*========================== clock =========================*/

#skipform body {
background-color:none;	
}

#c1 {
background-color:none;		
}

.quoatation {
padding:10px 0 0 ;
}

.xmas {
/*background:url(../images/snow_background.jpg) repeat-x;
padding:0 0 70px;*/
}

.xmas_box {
width:279px;
float:left;
margin:0 0 15px 0px;
} 

.xmas_content {
width:580px;
float:left;
}

.contact_address {
float:left;
width:200px;
}

.googlemap {
float:left;
width:300px;	
}

.test {
background:url(../images/xmas_bg.jpg) repeat-x left bottom;
}

.social_icon{
background:url(../images/folowe_us_icon.jpg) no-repeat left top;
padding:25px 0 0 70px;
}

.xmas_fb {
background:url(../images/xmas_social_icon.jpg) no-repeat -40px bottom;
float:left;
display:block;
height:32px;
width:41px;
}

.xmas_twitter {
background:url(../images/xmas_social_icon.jpg) no-repeat -120px bottom;
float:left;
display:block;
height:32px;
width:41px;
}


.xmas_linkedin {
background:url(../images/xmas_social_icon.jpg) no-repeat -80px bottom;
float:left;
display:block;
height:32px;
width:41px;
}

.xmas_delicious {
background:url(../images/xmas_social_icon.jpg) no-repeat -160px bottom;
float:left;
display:block;
height:32px;
width:41px;
}

.xmas_wordpress {
background:url(../images/xmas_social_icon.jpg) no-repeat 0 bottom;
float:left;
display:block;
height:32px;
width:41px;
}

/* override the arrow image of the tooltip */ 
#dynatip.bottom { 
    background:url(../images /black_arrow_bottom.png);     
    padding-top:40px; 
    height:55px; 
} 
 
#dynatip.bottom { 
    background:url(../images/black_arrow_bottom.png); 
}

.btn_quatation {
    background:url(../images/btn_quatation.jpg) no-repeat left top;
	height:50px;
	width:134px;
	display:block;
	float:left;
}

.btn_quatation:hover {
    background:url(../images/btn_quatation.jpg) no-repeat left bottom;

}

.btn_qcontact {
    background:url(../images/btn_contant.jpg) no-repeat left top;
	height:48px;
	width:152px;
	display:block;
	float:left;	
	margin:5px 0 0;
}

.btn_qcontact:hover {
    background:url(../images/btn_contant.jpg) no-repeat left bottom;

}

.btn_design_packages {
    background:url(../images/btn_design_packages.jpg) no-repeat left top;
	height:48px;
	width:174px;
	display:block;
	float:left;
}

.btn_design_packages:hover {
    background:url(../images/btn_design_packages.jpg) no-repeat left bottom;

}



/*=========================== packages table =======================*/

.package_header {
background:url(../images/package_shade.jpg) repeat-x;
text-align:center;
}

.package_title_left {
background:url(../images/package_left.jpg) no-repeat left top;
padding:0 0 0 10px;
}

.package_title_right{
background:url(../images/package_right.jpg) no-repeat right top;
padding:0 10px 0 0;
}

.prices{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#65bf04;
font-weight:bold;
}

.table_shadow {
background:#f8f7f7 url(../images/points_shade.jpg) repeat-y right top;
padding:0 0 0 10px;
}


.td_txt_white {
background:#f2f1f1;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

.td_txt_dark {
background:#e4e4e4;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

.td_txt_dark_right {
background:#e4e4e4;
border-bottom:1px solid #fff;
}


.table_shadow label, .table_shadow img{
float:left;
}

.table_shadow label {
padding:3px 0 0 6px;
}

.package_table{
margin:20px 0 10px ;
}

.table_keys{
padding:10px 0 0 10px;
}

.key{
float:left;
margin:0 20px 0 0;
}

.key img {
float:left;
margin:0 10px 0 0;
}

.key label {
float:left;
padding:3px 0 0;
font-weight:bold;
}

.sperator {
background:url(../images/package_speprator.jpg) no-repeat left top;
}