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

body{ padding:0px; margin:0px; background-image:url(../web-design/website-design.jpg);}
body img{border:0px}
a { color:#46350a; font-family:Verdana, Arial, Helvetica, sans-serif}
a:hover { color:#E7A80F; text-decoration:none;}
h1{margin:0px; padding:0px; font-family:"Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; font-size:1.4em; color:#cb0a0a; font-style:normal}
h2{margin:0px; padding:0px; font-family:"Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; font-size:1.4em; color:#cb0a0a; font-style:normal}
h3{margin:0px; padding:0px; font-family:"Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; font-size:1.4em; color:#edac06; font-style:normal}
ul {margin: 0;padding: 0;font-weight: normal;list-style: none;}

/**** txt styles ****/
.maintext{ font-family:Arial, Helvetica, sans-serif; color:#46350a; line-height:20px; font-size:.9em; }
.sizeme{ font-family:Arial, Helvetica, sans-serif; color:#46350a; line-height:20px; font-size:13px; }
.galt{ font-family:Arial, Helvetica, sans-serif; color: #000000; line-height:20px; font-size:13px; }
.middleline{text-decoration:line-through}
/**** txt styles ****/

#h1targeted{background-image:url(../web-design/seo.jpg); height:71px; text-align:center}
#h1targeted h1{ font-size:2.2em ; font-family: Tahoma, Verdana, Arial; letter-spacing:10px; color:#FFFFFF; margin:0px; padding-top:15px;}
#floralbg{background-image: url(../web-design/freelance-webdesigner.jpg); background-position:center top; background-repeat:no-repeat; margin:0 auto}
.accessability {text-align:right; width:100%}
.stepscontainer{width:139px; float:left;  background-image: url(../web-design/freelance-designer.jpg); background-position:top; background-repeat: no-repeat;  background-color:#e1e0cc; }

.mgleft20{margin-left:20px}
.stepsimg{position:absolute; left: -9px; top: -8px; width:45px; height:45px}
.testi1bg{background-color:#f0efd8; background-image:url(../web-design/web-hosting.jpg);  background-position:left; background-repeat:no-repeat; cursor: pointer;height:82px; margin-top:1px;}
.testi1bgover{background-color:#e1e0cc; background-image: url(../web-design/hosting.jpg);  background-position:left; background-repeat:no-repeat; cursor: pointer;height:82px; margin-top:1px;}
.testi2bg{background-color:#f0efd8; background-image:url(../web-design/site-design.jpg);  background-position:left; background-repeat:no-repeat; cursor: pointer;height:82px; margin-top:1px;}
.testi2bgover{background-color:#e1e0cc; background-image: url(../web-design/site-development.jpg);  background-position:left; background-repeat:no-repeat; cursor: pointer;height:82px; margin-top:1px;}
.testi3bg{background-color:#f0efd8; background-image:url(../web-design/build-a-site.jpg);  background-position:left; background-repeat:no-repeat; cursor: pointer;height:82px; margin-top:1px;}
.testi3bgover{background-color:#e1e0cc; background-image: url(../web-design/ecomerce-web-design.jpg);  background-position:left; background-repeat:no-repeat; cursor: pointer;height:82px; margin-top:1px;}
.names{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; color:#bc908e}
.slidetitls{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; color:#36BBCE}
.namesdesc{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#bc908e}
.testimonialmain{height:84px; background-image:url(../web-design/freelancer-designer.jpg); background-repeat: repeat-x; background-position:bottom}
.marleft75{margin-left:75px;}
.testicontent{padding-top:5px; padding-bottom:5px}
.imgtitle{height:33px ; background-image:url(../web-design/dashedbottom.jpg);}
#portofolioholder a{margin:0px; padding:0px}
#portofolioholder img{margin:0px; padding:0px}
#nav{color:#564210; font-family:Arial, Helvetica, sans-serif; font-size:15px;  font-weight:bold; padding-top:9px}
#nav a {color:#564210; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; font-weight:bold; margin-left:8px; margin-right:8px}
#nav a:hover{color:#564210; font-size:15px; text-decoration:underline}
.txtsmall{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#46350a; font-weight:bold}
.orderform{background-image:url(../web-design/formbg.jpg); width:380px; height:32px; padding-top:11px; padding-left:10px; padding-right:10px; border:0; background-repeat:no-repeat; background-color:#F1EFDA; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#AE8D88; font-weight:bold}
.orderformcomment{background-image: url(../web-design/comment.jpg); width:380px; height:175px; padding-top:11px; padding-left:10px; padding-right:10px; border:0; background-repeat:no-repeat; background-color:#F1EFDA; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#AE8D88; font-weight:bold; overflow: auto; }
.orderformbutton{text-align:center; padding-top:10px}
.wedocolumn{float:left; width:140px; padding:13px; padding-top:15px;}
.wutwedo{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #FFFFFF; font-weight:bold}
.wutwedo a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #FFFFFF; font-weight:bold; text-decoration:none; width:125px; display:block; height:20px; padding-top:4px; padding-left:3px}
.wutwedo a:hover{text-decoration: underline; background-color:#413632; color:#FFFFFF}
.wutwedo ul{margin:0px; padding:0px; text-indent:0px}
.wutwedo li{margin:0px; padding:0px; text-indent:0px; list-style-type:none; margin-bottom:0px}
#main{background-image:url(../web-design/design-seo-web.png); background-repeat: repeat-y; background-position:center;  margin:0 auto; width:775px;}
#pngcolorfix{width:735px; margin:0 auto; background-image:url(../web-design/web-services.jpg)}
#navcontainer{background-image:url(../web-design/web-marketing.jpg); height:42px; text-align:left; margin-bottom:20px}
#contentmain{background-image: url(../web-design/make-web-site.jpg); width:735px; padding-bottom:25px}
#left{width:507px; float:left}
.txtaligncenter{ text-align:center}
.contntleft{padding:20px}
#steps{width:460px; margin:0 auto}
.posrelativ{position:relative;}
.eachstep{height:300px;text-align:center}
.xtaller{ height:350px;text-align:center}
.stepimgadj{margin-top:10px; margin-left:20px}
.step1{text-align:center; margin-top:10px; height:73px}
.pad5{padding:5px;}
.clear{clear:both}
#right{width:228px; float:left;}
#rightcontainer{width:220px; margin:0 auto}
.txtalignright{text-align:right}
.martop15{margin-top:15px}
.martop10{margin-top:10px}
#footerheader{background-image:url(../web-design/web20-design.jpg); height:22px;  font-weight:bold; padding-top:4px}
.padleft7{padding-left:7px;}
#footer{height:25px; background-color:#14100e}
#copyright{ text-align:center; padding-top:7px}
#pull a {width:71px; height:100px; background-image: url(../web-design/web-design.gif); display:block; background-position: bottom; margin-left:50px}
#pull a:hover{height:107px}
.howw{height:100px; background-color:#00FF33; }
.howw2{height:180px; background-color: #000099}
.dashedbordertop{border-top: #9f9d88 1px dashed; padding-top:15px; padding-bottom:15px}
.bottomseb{background-image:url(../web-design/dashedbottom.jpg); padding-bottom:10px; background-position:bottom; background-repeat:repeat-x}
.pdleft60{padding-left:60px}
.pdtop3{padding-top:3px}
.pdleft300{padding-left:300px}
.marbottom10{margin-bottom:10px}

#services{
left:0px;
width:512px; float:left;
}

#pulloffer{height:158px}
#accessbutt{float:right;width:90px; height:26px;}
.slidecontent{padding-top:5px; border-bottom:1px dotted #bc908e; text-align:center; padding-bottom:9px; }
.slide3colmun{width:100%; padding-top:10px}
.firstandseccolumn{width:30%; float:left; border-right:1px  solid #ffb702; height:60px; padding-left:9px}
.tools {text-align:center}
.tools img { margin:5px}
.thirdcol{width:30%; float:left; padding-left:9px}
.namesdescsmaller{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;color:#bc908e; margin-top:5px}
.thirdcol a{font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9px;color:#bc908e; text-decoration:underline;}
.thirdcol a:hover{color:#FFB701; text-decoration:none }

#bookmarks{text-align:center; padding-top:10px}
#bookmarks img { margin-left:3px; margin-top:8px; margin-right:3px; border:#e2e0cb 1px solid}
.topsliders{text-align:center; font-size:8px;; margin-top:20px}
#bottomlink{width:512px; float:left; position:relative }
#servicesnav{background-color:#2d221e; margin-top:3px}
.validation{border-top:1px solid #14100E; margin:12px 15px 0px 15px; text-align:center; padding-top:15px; padding-bottom:10px;}
.validation a{ margin:0px; padding:0px}
.listnormal{text-indent:30px; list-style-type:disc; list-style-position:inside}
#contactform{width:200px; float:left;}
.portimgcont{margin:0 auto; padding-top:18px; width:95%; text-align:center}

.testipagecont{background-image:url(../web-design/out-source-designer.jpg); width:464px; margin:0 auto}
.testipagetop{background-image:url(../web-design/best-web-designers.jpg); height:53px;}
.testipagebottom{background-image: url(../web-design/best-designers.jpg); height:51px }
.testipagemid{padding: 0px 55px 0px 55px; text-align:center}

.pdright10{padding-right:10px}

/**** start mooo move star****/
#box{background-image: url(../web-design/web-design-template.jpg); height:154px; position:relative; width:735px; }
#target{position:absolute; left:639px; top:89px; width:137px ; height:176px; cursor:move}

/**** end mooo move star ****/

/**** form ids ****/
.colorinput
{
background-color:#14100e;
color:#f0efd8;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #FFFFFF; font-weight:bold; letter-spacing:1px;
border: 1px #968782 solid;
background-image:url(../web-design/web-site-design-development.jpg); background-position:top; background-repeat:repeat-x;
}
form { margin:0px; padding:0px
}
.inputsize{width:170px; height:19px}
.formlabel{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#f0efd8; text-align:right; padding:3px; padding-right:30px}
#log {
	
	margin-top: 5px;
	 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../web-design/webdesign.gif) no-repeat center;
}
/*** endform ids ****/
/*Portfolio Menu*/
#kwickmenucontainer{width:342px; margin:0 auto; }
#kwick {
 margin:0 auto
	
}

#kwick .kwicks {
	display: block;
	background: #1d1d20 url(../web-design/menu_item4_bg.jpg) top right no-repeat;
	height: 41px;
}

#kwick li {
	float: left;
}

#kwick a { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; text-decoration:none}
#kwick a:hover { text-decoration: underline}


#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 41px;
	width: 60px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #2d221e;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background: #BF4E00 url(../web-design/1-web-design-portfolio.jpg);
}

#kwick .documentation {
	background: #D50002 url(../web-design/2-logo-design-portfolio.jpg);
}

#kwick .forum {
	background: #B10164 url(../web-design/menu_item3_bg.jpg);
}

#kwick .trac {
	background: #A4009D url(../web-design/menu_item4_bg.jpg);
	border-right: 0;
}

/*Portfolio Menu*/
.squarelist{list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-top:20px;
margin-bottom:10px;
margin-left:20px;
padding-left:10px;
line-height:19px}

.portfolioadjust{text-align:left; margin-bottom:10px}