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

* html { margin:0; padding:0;}
body{
	padding:0;
	margin:0;
	font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#434343;
	color:#bbbbbb;
	border-top:#333 solid 6px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

a { color:#bbb; }

img { border:0;}
.padd { padding-left:30px;}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:13px;
	line-height:normal;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:930px; float:left;
	margin:0; 
	color:#bbbbbb;
	background:url(../images/body_bg.jpg) 0px top repeat-y #282828;
	}
	
#ads{ float:left; position:relative;
	width:160px; 
	margin:15px 0 0 0;
	color:#bbbbbb;
	}
.ads_bottom { float:left; width:728px; height:90px; background:transparent; clear:both; padding:0 0 0 80px;}
.ads_top { float:left; width:480px; height:65px; background:transparent;   padding:0 0 0 10px;}


.google_half{left:35px; position:absolute;top:750px;z-index:9999; width:234px; height:60px;}
.google_half_port {left:35px; position:absolute;top:700px;z-index:9999; width:234px; height:60px;}

/*------------------------------------------------left--------------------*/
#left{
	width:292px;
	float:left; 
	border-left:14px solid #282828;
	padding:0;
}
.left_top {width:292px;
	float:left;
	padding:0;
	background:url(../images/left_bg.gif) repeat-y 0 0;
}

.zerobig { height:400px; display:block; overflow:hidden; width:100%;}
.bottom_left_bg { background:url(../images/left_bg_bottom.gif) 0 0 no-repeat ; width:292px; height:23px; float:left;clear:left;}

.clear1 { clear:left;}
.clear1r { clear:both;}

#left .quote { margin:20px 0 10px 0;}
#left .list{float:left; padding:10px 0 0 40px; width:200px;}
#left .list ul{ display:block; padding:0; margin:-5px 0 0 0; list-style:none;}
#left .list li { margin:0; padding: 0 0 10px 25px; background:url(../images/bullet_green.gif) no-repeat 0 0.3em; color:#bbb; font:normal 14px/20px "Trebuchet MS", Arial; }
#left h3 { font:normal 22px Georgia, "Times New Roman", Times, serif;color:#a9c836; margin:15px 0; }
#left .logo {
	display:block;
	font-size:0;
	line-height:0;
	float:left;
	height:83px;
	padding:15px 0 0 30px;
}

.search { display:block;
	font:normal 17px Georgia, "Times New Roman", Times, serif; text-align:left;
 	float:right;
	height:43px;
	width:260px;
	padding:15px 0; color:#bbbbbb; background:url(../images/search_bg.gif) 0 15px repeat-x; }
	
.slogan {display:block;
	font:normal 17px Georgia, "Times New Roman", Times, serif; text-align:center;
 	float:left;
	height:83px;
	width:240px;
	padding:15px 0 0 24px; color:#bbbbbb;} 

.services {display:block;font:normal 13px "Trebuchet MS"; text-align:left; 	float:left;	height:100px;	width:230px;padding:0 0 0 34px; color:#bbbbbb;} 
.services h4{font:normal 17px Georgia, "Times New Roman", Times, serif; color:#a9c836; }
.services ul{margin:0; 	padding:0; 	list-style-type:none;	font-size:13px;	line-height:normal;}
.services li { background:url(../images/arrow.gif) no-repeat 0 0.7em; padding: 0 0 0 10px; line-height:25px; }

.websol_left {display:block;font:normal 13px "Trebuchet MS"; text-align:left; 	float:left;	width:230px;padding:0 0 0 34px; color:#bbbbbb;} 
.websol_left h4{font:normal 17px Georgia, "Times New Roman", Times, serif; color:#a9c836; margin:0; }
.websol_left ul{margin:0; 	padding:0; 	list-style-type:none;	font-size:13px;	line-height:normal;}
.websol_left li { background:url(../images/arrow.gif) no-repeat 0 0.7em; padding: 0 0 0 10px; line-height:25px; }
.websol_left li#noli { background:none; padding: 0 10px; line-height:25px; margin:10px 0 0 -15px;font: 24px "Times New Roman", Times, serif; color:#ff9900;}

 
.recent{display:block;font:normal 17px Georgia, "Times New Roman", Times, serif; text-align:center;	float:left;	width:240px; padding:20px 0 0 22px; color:#bbbbbb;}
.recent h2{ font:normal 20px Georgia, "Times New Roman", Times, serif; color:#a9c836; }
.recbox { margin:0; padding:0;}
.recbox ul { margin:0; padding:0; list-style:none;}
.recbox li { border:1px solid #5b5b5b; margin:10px 5px 10px 15px; padding:10px; background-color:#333333;}


.listing{display:block;font:normal 17px Georgia, "Times New Roman", Times, serif; text-align:center;	float:left;	width:210px; padding:20px 0 0 22px; color:#bbbbbb;}
.listing h2{ font:normal 20px Georgia, "Times New Roman", Times, serif; color:#a9c836; }
.listing { margin:0; padding:0;}
.listing ul { margin:0; padding:0; list-style:none;}
.listing li { border:1px solid #5b5b5b; margin:10px 5px 10px 15px; padding:10px; background-color:#333333;}
  
#left h1{ display:block; font:normal 24px Georgia, "Times New Roman", Times, serif; color:white; margin:0;	padding:0 0 6px 17px; float:left; }

input.txtfield { margin:10px 0 0 0; float:left; width:160px;}
input.img_margin {margin:10px 5px 0 2px; float:left;height:24px; font: bold 0px Georgia, "Times New Roman", Times, serif; background:url(../images/go.gif) no-repeat 0 0; border:0; width:34px; color:white; }
img.img_margin {margin:10px 5px 0 0;}

/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{ width:624px; float:right; padding:0 0 44px 0; text-align:left; }
#right .contentbox {  background:url(../images/need_website.jpg) no-repeat 10px 0; width:550px; float:left; display:block; padding:85px 5px 0 20px;  }

#right .contentbox h3, .websol h3,.websol_inner h3,.wedo h3{  clear:left; font:normal 24px Georgia, "Times New Roman", Times, serif; color:#ffae00; margin:15px 0;}
#right .websol { background: transparent url(../images/grey_circle.jpg) right top no-repeat; display:block;width:550px;float:left;}
#right .contentbox p{ margin:7px 0; padding:0;}
#right .txt span { background:#000;}
#right .contentbox a { text-decoration:none;}
#right .contentbox a:hover { text-decoration:underline;}

#right .websol ul{ display:block; padding:0; margin:-5px 0 0 0; list-style:none;}
#right .websol li { margin:0; padding:0 0 0 25px; background:url(../images/bullet_tick.gif) no-repeat 0 0.3em; color:#bbb; font:normal 14px/20px "Trebuchet MS", Arial;}
#right .websol li span{ font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9C0; display:block;}
#right .websol li strong{ font-weight:normal; display:block;}
#right .websol_inner{ display:block;width:550px;float:left; background: transparent url(../images/grey_circle.jpg) right top no-repeat;}
#right .websol_inner ul{ display:block; padding:0; margin:-5px 0 0 0; list-style:none;}
#right .websol_inner li { margin:0; padding: 0 0 10px 25px; background:url(../images/bullet_tick.gif) no-repeat 0 0.3em; color:#bbb; font:normal 14px/20px "Trebuchet MS", Arial;}
#right .websol_inner li ul { margin:0; padding: 0; list-style:none;}

#right .websol_inner li ul li { margin:0; padding: 0 0 0px 45px; background:url(../images/arrow.gif) no-repeat 2em 0.5em; color:#bbb; font:normal 14px/20px "Trebuchet MS", Arial;}

#right .list{ display:block;width:550px;float:left; }
#right .list ul{ display:block; padding:0; margin:-5px 0 0 0; list-style:none;}
#right .list li { margin:0; padding: 0 0 10px 25px; background:url(../images/bullet_tick.gif) no-repeat 0 0.3em; color:#bbb; font:normal 14px/20px "Trebuchet MS", Arial;}
#right .list li ul { margin:0; padding: 0; list-style:none;}

#right .list li ul li { margin:0; padding: 0 0 0px 45px; background:url(../images/arrow.gif) no-repeat 2em 0.5em; color:#bbb; font:normal 14px/20px "Trebuchet MS", Arial;}

#right .wedo {display:block;width:550px;float:left;}
#right .wedo ul{ display:block; padding:0; margin:-5px 0 0 0; list-style:none; }
#right .wedo li {float:left; width: 250px; margin:0; padding:0 0 0 25px; background:url(../images/bullet_tick.gif) no-repeat 0 0.5em; color:#bbb; font:normal 14px/28px "Trebuchet MS", Arial;}

#right .portfolio {display:block;width:550px;float:left;}
#right .portfolio ul{ display:block; padding:0; margin:0; list-style:none; }
#right .portfolio li {float:left;width:520px; border:1px solid #5b5b5b; margin:10px 5px 10px 0px; padding:10px; background-color:#333333; color:#bbb; font:normal 14px/28px "Trebuchet MS", Arial;}
#right .portfolio li img{float:left; }
#right .portfolio li span { display:block;  padding:0 10px; margin-left:200px;}

#right .how {display:block;width:550px;float:left;}
#right .how h3 {font:normal 24px Georgia, "Times New Roman", Times, serif; color:#ffae00; margin:15px 0 10px 0;}
#right .how p{ display:block; padding:0; margin:7px 0;}
#right .how span { background:#000; color:#fff; padding:0 2px;}
#right .how span a{ background:#000; color:#fff; padding:0 2px; text-decoration:underline;}
#right .how span a:hover{ background:#000; color:#fff; padding:0 2px; text-decoration:none;}


#right .sub { min-height:650px; }
#right .sub ul{	display:block;	width:24px;	height:429px; background:url(../images/right_nav_top_bg.gif) left top no-repeat; padding:100px 7px 0 0;	margin:0; float:right;}
#right .sub ul li{ float:left; font-size:0;	line-height:0; 	margin:0 0 1px 0;}

#right .sub ul li a.home{ display:block;	background:url(../images/home.gif) 0 0 no-repeat; width:24px; height:60px;}
#right .sub ul li a.home:hover{ background:url(../images/home_hover.gif) 0 0 no-repeat;}
#right .sub ul li a.webdesign{ display:block; background:url(../images/webdesign.gif) 0 0 no-repeat; width:24px; height:90px; }
#right .sub ul li a.webdesign:hover{ background:url(../images/webdesign_hover.gif) 0 0 no-repeat;}
#right .sub ul li a.printdesign{ display:block; background:url(../images/printdesign.gif) 0 0 no-repeat; width:24px; height:90px; }
#right .sub ul li a.printdesign:hover{ background:url(../images/printdesign_hover.gif) 0 0 no-repeat;}
#right .sub ul li a.portfolio{ display:block; background:url(../images/portfolio.gif) 0 0 no-repeat; width:24px; height:75px; }
#right .sub ul li a.portfolio:hover{ background:url(../images/portfolio_hover.gif) 0 0 no-repeat;}
#right .sub ul li a.contactus{ display:block; background:url(../images/contact.gif) 0 0 no-repeat; width:24px; height:84px; }
#right .sub ul li a.contactus:hover{ background:url(../images/contact_hover.gif) 0 0 no-repeat;}
#right .sub ul li a.internet{ display:block; background:url(../images/internet_marketing.gif) 0 0 no-repeat; width:24px; height:130px; }
#right .sub ul li a.internet:hover{ background:url(../images/internet_marketing_hover.gif) 0 0 no-repeat;}

#right .sub ul li a.blog{ display:block; background:url(../images/latest_blog.gif) 0 0 no-repeat; width:24px; height:85px;}
#right .sub ul li a.blog:hover{	background:url(../images/latest_blog_hover.gif) 0 0 no-repeat; } 
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{width:100%;	height:25px; background-color:#000;}
#footer{ width:940px; height:25px; margin:0; padding:0;	position:relative;} 
#footer p.copyright{ font:normal 11px/25px Arial, Helvetica, sans-serif; width:220px; float:right;}
#footer p.valid{ font-size:13px; width:155px; float:right; text-align:left; padding:5px 0 0 0;}


/*forms */

.contactform { margin:0 30px; padding:0; width:450px; float:left;}
 
form { margin:0; padding:0; }
 
.col1 { text-align: right; width: 135px; height: 31px; margin: 0;float: left; margin-right: 2px; background: url(../images/bg_label.gif) no-repeat;}
 
.col2 { width: 195px; height: 31px; display: block; 	float: left; margin: 0; background: url(../images/bg_textfield.gif) no-repeat;}
 
.col2comment {padding:5px 0 0 8px; width:187px; height: 95px; margin: 0; display: block; float: left; background: url(../images/bg_textarea.gif) no-repeat;}
 
.col1comment { text-align: right; width: 135px; height: 98px; float: left; display: block; margin-right: 2px; background: url(../images/bg_label_comment.gif) no-repeat;}
 
div.row { clear: both; width: 335px; float:left;}
div.bgcaptcha { background:url(../images/bgcaptcha.gif) no-repeat 0 0; padding:5px 12px; width:306px; height:76px;}

.submit { height: 29px; width: 330px; background: url(../images/bg_submit.gif) no-repeat; padding-top: 5px; clear: both;} 
 
.input { background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #5A698B;	margin: 4px 0 5px 8px; padding: 1px; border: 1px solid #8595B2;}
 
.textarea { border: 1px solid #8595B2; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px;}
 
.address { margin:30px; padding:0; width:450px;} 
.address h4 { margin:10px 0;  padding:0; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.address h5 { margin:0;  padding:0; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.address h6 { margin:0;  padding:0;font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.address h6 a { text-decoration:underline;}
.address h6 a:hover { text-decoration:none;}