body {color:#333; margin:0px; background-color:#EBEBEB; background-image:url(../images/bodybg.jpg); background-repeat:no-repeat; background-position:top;}

A{font-size:12px; color:#0B3A62; text-decoration:underline}
A:link, A:visited {color: #0B3A62 }
A:hover{color: #0B3A62; text-decoration:line-through}

.clearboth{clear:both}

td, p, div{ font-family:Georgia; font-size:12px; color:#333; line-height:20px; font-weight:bold}
ul,li{margin:0px; padding-left:0px;}
li{ border-bottom:3px dotted #bbb; list-style:none; padding-bottom:7px; padding-top:7px;}
img{ border:0px;}
hr{color:#999; border:dotted 2px; margin-top:15px; margin-bottom:15px;}
form {margin:0px; padding:0px;}
select {font-family:Georgia; color:#000000; font-size:13px; border:1px solid #999;}
input,textarea{font-family:Georgia; color:#000000; border:1px solid #999; background-image:url(../images/inputbg.jpg); background-position:top; background-repeat:repeat-x; padding:5px; width:215px;}

h1{font-size:24px; font-weight:bold; color:#002863; font-family:"Trebuchet MS";}
h2{font-size:18px; font-weight:bold; color:#333; font-family:"Trebuchet MS";  margin:0px; padding:0px; line-height:30px;}
h3{font-size:22px; font-weight:bold; color:#000; font-family:"Trebuchet MS";  margin:0px; padding:0px; line-height:28px;}
h4{font-size:18px; font-weight:bold; color:#0B3A62; font-family:"Trebuchet MS"; margin:0px; padding:0px; margin-bottom:10px;}

/* Head Start */

#header{width:600px; height:280px; margin:0 auto; position:relative}
#header a:link, #header a:visited{float:left; text-indent:-9999px; overflow:hidden;}

.howwework{margin-left:15px; margin-top:-145px; width:143px; height:27px; text-indent:-9999px; overflow:hidden}
.needlayout{margin-left:560px; margin-top:-115px; width:115px; height:56px; text-indent:-9999px; overflow:hidden}
.logo{margin-left:100px; width:350px; height:100px; }
.xhtml{margin-top:18px; margin-left:290px; width:54px; height:18px; text-indent:-9999px; overflow:hidden}
.wordpress{margin-top:-3px; margin-left:315px; width:74px; height:18px;}
.zencart{margin-top:60px; margin-left:475px; width:70px; height:18px;}
.joomla{margin-top:-10px; margin-left:395px; width:70px; height:18px;}
.oscommerce{margin-top:-40px; margin-left:420px; width:70px; height:18px;}
.other{margin-top:-44px; margin-left:522px; width:40px; height:40px;}

.iphone{margin-top:30px; margin-left:-505px; width:70px; height:100px;}

.slogantxt{width:950px; margin:0 auto; text-align:center; padding-top:25px;}
.slogantxt h1{font-family:Georgia; font-size:14px; font-weight:bold; color:#333333; margin:0px; padding:0px;}
/* Head Ends */


/* Mid Starts */
.container{position:absolute; top:250px; left:0px; width:100%}

.midbox{width:950px; margin:0 auto; margin-top:25px;}
.midbox a:link, .midbox a:visited{display:block; float:left; width:142px; height:182px; background:url(../images/boxbg.gif) no-repeat top left; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:10px; text-align:left; line-height:30px; margin-right:6px;}
.midbox a:hover{ background-position:0px -190px; cursor:pointer;}
.midbox span{display:block; overflow:hidden; margin:0px; padding:0px; text-indent:-9999px; height:100px;}
.midbox b{font-size:30px; color:#CCCCCC}

.boxhtml{}
.boxhtml span{background-image:url(../images/title-psd2html.gif); width:117px; height:73px; margin-left:5px; margin-top:13px; margin-bottom:20px;}

.boxwordpress{}
.boxwordpress span{background-image:url(../images/title-post2wordpress.gif); width:131px; height:77px; margin-left:0px; margin-top:13px; margin-bottom:20px;}

.boxjoomla{}
.boxjoomla span{background-image:url(../images/title-psd2joomla.jpg); width:131px; height:77px; margin-left:0px; margin-top:13px; margin-bottom:20px;}

.boxosc{}
.boxosc span{background-image:url(../images/title-psd2osc.jpg); width:137px; height:78px; margin-left:0px; margin-top:13px; margin-bottom:17px;}

.boxpsd2zencart{}
.boxpsd2zencart span{background-image:url(../images/tutle-psd2zencart.jpg); width:133px; height:80px; margin-left:0px; margin-top:13px; margin-bottom:15px;}

.boxpsd2other{}
.boxpsd2other span{background-image:url(../images/title-psd2other.gif); width:117px; height:76px; margin-left:0px; margin-top:13px; margin-bottom:18px;}


#mid{width:950px; margin:0 auto; text-align:center;}
.midcont{background-image:url(../images/midbg.jpg); background-repeat:no-repeat; width:100%; float:left; padding-top:35px; padding-bottom:20px;}

.mainmid{float:left; width:650px; text-align:left; padding-left:10px;}


.inmidbox{width:950px; margin:0 auto; margin-top:25px;}
.inmidbox a:link, .inmidbox a:visited{display:block; float:left; width:142px; height:92px; background:url(../images/inner-boxbg.gif) no-repeat top left; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:10px; text-align:left; line-height:30px; margin-right:6px; padding-top:10px;}
.inmidbox a:hover{ background-position:0px -102px; cursor:pointer;}
.inmidbox span{display:block; overflow:hidden; margin:0px; padding:0px; text-indent:-9999px; }

/* Mid Ends */

/* Left Starts */
#rightpanel{float:left; width:252px; margin-top:20px; margin-left:20px;}
.paneltop{float:left; width:252px; height:13px; background-image:url(../images/righbg1.png)}
.panelbott{float:left; width:252px; height:14px; background-image:url(../images/rightbg2.png);}

.panelmid{float:left; width:232px; background:url(../images/rightbg.png) repeat-y left; padding:10px; text-align:left}
.panelmid label{ display:block; font-weight:bold; margin-top:12px; margin-bottom:5px;}

#rightpanel{float:left; width:252px; margin-top:20px; margin-left:20px;}
#rightpanel h3{font-size:20px; font-weight:bold; color:#000; font-family:"Trebuchet MS";  margin:0px; padding:0px; line-height:24px; text-align:left}
#rightpanel li{ text-align:left}

/* Left Starts */

/* Footer Starts */
#footer{width:100%; float:left; border-top:dotted 3px #999999; margin-top:12px;}
.footercont{width:950px; margin:0 auto; background:url(../images/footerbg.jpg) right top no-repeat; height:95px;}
a.flink{ display:block; float:left; width:56px; height:42px; background-image:url(../images/footerlnk.jpg); text-indent:-99999px; overflow:hidden}
a:hover.flink{ background-position:0px -42px;}

.fcopy{float:left;margin-top:10px; padding:5px; margin-left:10px;}
.xhtml-logo{ float:left; margin-top:50px; margin-left:-260px;}
.css-logo{ float:left; margin-top:50px;margin-left:-130px; }
/* Footer Ends*/

.note{font-size:10px; font-family:Arial, Helvetica; display:block}
.imgbdr{background-color:#ccc; padding:3px; float:left; margin-right:3px;}

.buttn{background-image:url(../images/butt-submit.gif); width:69px; height:27px; text-indent:-9999px; overflow:hidden; border:0px; font-size:1px;}

.seopackages{width:637px; float:left; background:url(../images/package_bg.png) repeat-y left;}
.seopackages .bg1{width:637px; float:left; background:url(../images/package_top.png) no-repeat top left;}
.seopackages h4{width:134px; text-align:center; font-size:14px; color:#000000; float:left; margin-right:1px; margin-left:1px; height:25px; padding-top:10px; margin-bottom:5px;}
.seopackages h4.first{width:216px; text-align:left; padding-left:10px;}
.seopackages li.last{ border:0px;}

.seopackages ul{width:134px; float:left; margin-right:1px; margin-left:2px;}
.seopackages ul.first{width:223px; margin-left:2px;}
.seopackages li{border-bottom:dotted 1px #666; font-size:12px; font-family:Georgia; font-weight:normal;  padding-bottom:3px; padding-top:3px; padding-left:7px; color:#000000}

.seopackages .packagetitle{ float:left; background:url(../images/package_titlebg.png) no-repeat;}

.seopackages .packagefooter{ float:left; background:url(../images/package_bottom.png) bottom no-repeat; width:637px;}
.seopackages .packagefooter span{display:block; width:134px; text-align:center; font-size:12px; color:#000000; float:left; margin-right:1px; margin-left:1px; height:25px; padding-top:5px;}
.seopackages .packagefooter span.first{width:216px; text-align:left; padding-left:10px;}

.gtalk{ position:absolute; top:240px; right:-220px;}

.sbuttons{clear:both; float:left; margin-left:20px; margin-top:20px; width:210px;}