/* ************************ Defaults ************************ */

body{ 
	font:0.80em Arial, Helvetica, sans-serif; 
	text-align:center;
	color:#333333;
	background:url('images/background.jpg') #3F3F3F top left repeat;
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img, ul {
	border: none;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style:none;
}
a{ 
	color:#ae3900;
	text-decoration:none; 
}
a:hover{ 
	color:#266106;
	text-decoration:underline; 
}

/* ************************ structural ************************ */

#page{
	margin:0 auto; 
	padding:0px;
	text-align:left;
	width:1000px;
	background:#EAE5CF;
}

#header{
	height:114px;
	background:#fff;
}
#header .logo{
	float:left;
	padding:32px 0px 0px 34px;
}
#header .rss{
	float:right;
	padding:52px 10px 0px 0px;
}
#header .rss a{
	background:url('images/rss.gif') top right no-repeat;
	display:block;
	width:45px;
	height:46px;
}
#header .rss a span{
	display:none;
}

/* ************************ top navigation ************************ */

#topnav{
	height:36px;
	background: url("images/topnav.gif") top left repeat-x;
	border-bottom:solid 6px #8D8F0A;
}
#nav ul{
	list-style:none;
}
#nav li { 
	float: left;
	padding:0px;
	font-size:1.05em;
	border-right:solid 1px #666666;
}
#nav li a {
	color:#fff;
	text-decoration:none;
	padding:10px 18px 10px 18px;
	display:block;
	float:left;
}
#nav li a:hover {
	color:#fff;
	text-decoration:none;
	background:#424b4b;
}

/* ************************ page image ************************ */

#pageim{
	background:url('images/impage.jpg') top left no-repeat;
	height:236px;
}
#pageim a span{ 
   display: none; 
}
#pageim .quicklink{
	padding:136px 0px 0px 32px;
	float:left;
}
#pageim .quicklink a{ 
   display: block; 
   width: 180px; 
   height: 17px; 
   text-decoration: none;
   margin-bottom:10px; 
}
#pageim .quicklink a:hover{ 
   background-position: -180px 0; 
}
#pageim .quicklink .nav1{
   background: url("images/immenu1.gif") top left no-repeat; 
}
#pageim .quicklink .nav2{
   background: url("images/immenu2.gif") top left no-repeat; 
}

#pageim .orderlink{
	float:left;
	padding:206px 0px 0px 0px;
}
#pageim .orderlink a{
	background:url('images/ordernow.gif') top left no-repeat;
	display:block;
	width:158px;
	height:30px;
}
#breadcrumb{
	background:#D4CEB4;
	padding:5px 14px 5px 14px;
	font-size:0.85em;
}
#breadcrumb a{
	text-decoration:none;
	color:#333333;
}
#breadcrumb a:hover{
	text-decoration:none;
	color:#53640A;
}

/* ************************ content ************************ */

#content{
	padding:40px 20px 20px 20px;
}
.clear{
	clear:both;
}

/* ************************ left panel ************************ */

#leftpanel{
	float:left;
	width:610px;
}
#leftpanel ul{ 
	padding:15px 0px 0px 0px; 
	margin:0px; 
	list-style:none; 
}
#leftpanel li{ 
	background:url('images/rightlibg.gif') top left no-repeat; 
	padding:0px 0px 15px 25px;
}
#leftpanel .sociable li{ 
	background:none; 
	padding:0px;
}
#leftpanel h2{
	font-size:1.25em;
	padding:10px 0px 10px 0px;
}
#leftpanel h3{
	font-size:1.05em;
	padding:10px 0px 10px 0px;
	color:#464600;
}
.pbox{
	width:610px;
	background:url('images/pbox1.gif') #fff top left no-repeat;
	margin-bottom:40px;
}
.pbox1{
	background:url('images/pbox2.gif') bottom left no-repeat;
	padding:20px 30px 20px 30px;
}
.pbox1 .phead{
	font-size:2.25em;
	font-weight:normal;
	border-bottom: dashed 1px #C5C5C5;
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;	
}
.pbox1 .phead a{
	color:#333333;
	text-decoration:none;
}
.pbox1 .phead a:hover{
	color:#266106;
	text-decoration:none;
}
.pbox1 .phead1{
	font-size:1.60em;
	font-weight:normal;
	border-bottom: dashed 1px #C5C5C5;
	padding:0px 0px 15px 0px;
	margin:0px 0px 20px 0px;	
}
.pbox1 p{
	padding:8px 0px 8px 0px;
	line-height:1.50em;
}

#leftpanel td{ 
	padding:5px 10px 5px 3px;
	vertical-align:top;
}
#leftpanel form table{
	width:100%;
}
#leftpanel form .tleft{
	width:50%;
}
#leftpanel form{ 
	padding:20px 0px 20px 0px;
}
#leftpanel input, #leftpanel textarea, #leftpanel select{  
	font:12px Arial, Helvetica, sans-serif; 
	color:#333333;
}
#leftpanel textarea{ 
	width:350px; 
	height:300px; 
	border:solid 1px #898989; 
}
#leftpanel select{ 
	font:12px Arial, Helvetica, sans-serif; 
	width:182px; 
}
#leftpanel .inputtext{ 
	padding:3px; 
	width:173px; 
	border:solid 1px #898989; 
}
#leftpanel .file{ 
	width:265px; 
	padding:3px;
	border:solid 1px #898989; 
}
#leftpanel .textbox1{
	border:solid 1px #898989;
}

#leftpanel .submit{
	border:0px;
}
#leftpanel .contactus .required{
	font-size:11px;
	color:#CC0000;
}
#leftpanel .contactus .required input, #leftpanel .contactus .required textarea{
	display:block;
}

/* ************************ order ************************ */

#leftpanel .ordernow{
	padding:20px 0px 0px 0px;
}
.ordernow .orderform{
	background:url('images/orderform.gif') top left no-repeat;
	height:24px;
}
.ordernow .ourpackages{
	background:url('images/ourpackages.gif') top left no-repeat;
	height:24px;
}
.ordernow h2 span{
	display:none;
}
.ordermain{
	margin:0 auto;
	text-align:center;
	width:300px;
	padding:20px 0px 0px 0px;
}
.ordermain div{
	font-size:2.35em;
	padding:0px 0px 50px 0px;
}
.ordermain div a{
	color:#4E4A38;
	text-decoration:none;
	padding:160px 0px 0px 0px;
	display:block;
	width:300px;
}
.ordermain div a:hover{ 
	color:#ae3900;
	text-decoration:none; 
}
.ordermain .imxhtml a{
	background:url('images/imxhtml.gif') top center no-repeat;
}
.ordermain .imphp a{
	background:url('images/imphp.gif') top center no-repeat;
}
.orderprice{
	background:#4E4A38;
	margin:20px 0px 20px 0px;
}
.orderpricet{
	padding:5px 14px 14px 14px;
	color:#fff;
}
.orderpricet a{
	color:#fff;
	text-decoration:underline;
}
.orderpricet a:hover{
	color:#FF6600;
	text-decoration:none;
}
.orderpricet #ordertotal{
	background:#4E4A38;
	color:#fff;
	border:solid 1px #4E4A38;
	font-size:1.85em;
	padding:0px;
	font-weight:bold;
}
.ordertext{
	text-align:center;
}
.package{ 
	text-align:right; 
	background:url('images/package.gif') #fff top left repeat-x; 
	padding:21px 10px 26px 8px; 
}
#leftpanel .package h3{ 
	float:left; 
	margin:0px; 
	padding:0px;
	font-size:1.35em;
	color:#333333;
}
#leftpanel .package a{ 
	color:#333333; 
	text-decoration:none; 
}
#leftpanel .package a:hover{ 
	color:#ae3900; 
	text-decoration:none; 
}
#leftpanel .hiredeveloper{ 
	background:url('images/onlyp.gif') #4E4A38 top center no-repeat;
	text-align:center;
	color:#BBB395;
	padding:50px 20px 10px 20px;
	margin:15px 0px 15px 0px;
	width:500px;
}
#leftpanel .hiredeveloper h2{
	display:none;
}
#leftpanel .hiredeveloper span{
	font-weight:bold;
	font-size:1.15em;
}

/* ************************ right panel ************************ */

#rightpanel{
	float:right;
	width:300px;
}
.rbox{
	width:300px;
	background:url('images/rbox1.gif') #fff top left no-repeat;
	margin-bottom:40px;
}
.rbox1{
	background:url('images/rbox2.gif') bottom left no-repeat;
	padding:19px;
}
.rpanel1{
	width:262px;
	background:url('images/rpanel1.gif') #4E4A38 top left no-repeat;
}
.rpanel2{
	background:url('images/rpanel2.gif') bottom left no-repeat;
	padding:19px 19px 29px 19px;
}
.rpanel1 ul li{
	border-bottom:solid 1px #6F6A55;
	padding:8px;
	color:#BBB395;
}
.rpanel1 ul li a{
	color:#BBB395;
	text-decoration:none;
}
.rpanel1 ul li a:hover{
	color:#F0EDE2;
	text-decoration:none;
}
#rightpanel h2 span{
	display:none;
}
#rightpanel img{
	display:block;
}
#rightpanel h2{
	height:44px;
}
#rightpanel .hiredev{
	background:url('images/hiredev.gif') top left no-repeat;
}
#rightpanel .trustedby{
	background:url('images/trustedby.gif') top left no-repeat;
}
#rightpanel .custsupport{
	background:url('images/custsupport.gif') top left no-repeat;
}
#rightpanel .lab{
	background:url('images/lab.gif') top left no-repeat;
	padding:0px 0px 0px 55px;
	line-height:1.50em;
}
#rightpanel .imcust{
	background:url('images/custsupport.jpg') top left no-repeat;
	padding:0px 0px 0px 60px;
	line-height:1.50em;
}
#rightpanel .imcust ul{
	padding:10px 0px 0px 0px;
}
#rightpanel .imcust ul li{
	padding:0px 0px 5px 0px;
}

/* ************************ footer ************************ */

#footer{
	border-top:solid 25px #D4CEB4;
	background:#272016;
	color:#8C8872;
}
#footer a{
	color:#8C8872;
	text-decoration:none;
}
#footer a:hover{
	color:#BFBBA3;
	text-decoration:none;
}
#footer h2{
	height:50px;
}
#footer h2 span{
	display:none;
}
#footer .ftweets{
	background:url('images/ftweets.gif') top left no-repeat;
}
#footer .fcontact{
	background:url('images/fcontact.gif') top left no-repeat;
}
.footert1{
	padding:28px 20px 0px 20px;
}
.footert2{
	border-top:solid 1px #3B3527;
	padding:28px 0px 0px 0px;
}
.footertext2{
	float:right;
	width:216px;
	padding:0px 80px 0px 0px;
}
.footertext3{
	float:right;
	width:260px;
	padding:0px 40px 0px 0px;
}
.footertext3 p{
	padding:0px 0px 10px 0px;
}
#footer .twitter1{
	background:#5B5546;
	padding:10px;
	color:#B1AD95;
}
.twitter2{
	background:url('images/twitbird.gif') top left no-repeat;
	height:30px;
	padding:25px 0px 0px 60px;
}
.twitter1 a{
	color:#B1AD95;
	text-decoration:none;
}
.twitter1 a:hover{
	color:#B1AD95;
	text-decoration:underline;
}
.twitter2 a{
	color:#797876;
	text-decoration:none;
}
.twitter2 a:hover{
	color:#797876;
	text-decoration:underline;
}
#footer ul li{
	padding:0px 0px 10px 0px;
	line-height:1.50em;
}
#footer form{
	font:12px Arial, Helvetica, sans-serif;
	color:#C7C2AB;
	font-size:0.85em;
	margin-top:-5px;
}
#footer form .ftext{
	display:block;
	padding:0px 0px 2px 0px;
	color:#9A9680;
	font-size:1.10em;
}
#footer form .inputtext{
	background:#5B5546;
	border:0px;
	width:250px;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px;
	color:#B1AD95;
	display:block;
}
#footer form .textbox1{
	background:#5B5546;
	border:0px;
	width:133px;
	font:12px Arial, Helvetica, sans-serif;
	color:#B1AD95;
	padding:5px;
}
#footer form textarea{
	background:#5B5546;
	width:250px;	
	height:140px;
	border:0px;
	font:12px Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 5px;
	color:#B1AD95;
	display:block;
}
.footer2{
	padding:15px 20px 15px 20px;
	text-align:right;
	color:#5B5546;
	font-size:0.85em;
	height:15px;
	text-align:left;
}

/* ************************ blog title ************************ */

.pbox1 .storytitle{
	font-size:2.25em;
	font-weight:normal;
	border-bottom: dashed 1px #C5C5C5;
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;	
}
.pbox1 .storytitle a{
	color:#333333;
	text-decoration:none;
}
.pbox1 .storytitle a:hover{
	color:#266106;
	text-decoration:none;
}

/* ************************ blog content ************************ */

.storycontent{
	padding:0px;
	clear:both;
}
.bfooter{
	padding-top:20px;
}
.bfooter .readpost{
	float:left;
	background:#4E4A38;
	padding:3px 7px 3px 7px;
	font-size:11px;
	text-transform:uppercase;
}
.bfooter .readpost a{
	color:#fff;
	text-decoration:none;
}
.bfooter .readpost a:hover{
	color:#fff;
	text-decoration:underline;
}
.bfooter .meta{
	float:right;
	font-size:11px;
	text-transform:uppercase;	
	background:url('images/lcomment.gif') top left no-repeat;
	padding:0px 0px 0px 22px;
}
.bfooter .meta a{
	color:#4A4A4A;
	text-decoration:none;
}
.bfooter .meta a:hover{
	color:#4A4A4A;
	text-decoration:underline;
}
.blogsearch{
	margin:30px 0px 0px 0px;
}
.blogsearch h2{
	font-size:1.05em;
	padding:0px 0px 8px 0px;
}
.blogsearch .inputtext{
	float:left;
	border:solid 1px #ACACAC;
	height:16px;
	width:198px;
	font:11px Arial, Helvetica, sans-serif;
	padding:3px;
	margin-right:5px;
}
.blogsearch .inputsub{
	float:left;
	background:#585858;
	border:0px;
	color:#fff;
	width:40px;
	height:24px;
	font:11px Arial, Helvetica, sans-serif; 	
}

/* ************************ blog bottom navigation ************************ */

.navigation{
	text-align:right;
	padding:0px 0px 20px 0px;
}
.navigation a{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	font-size:1.15em;
}
.navigation a:hover{
	color:#7E8A2C;
	text-decoration:underline;
}
.navigation .alignleft{
	float:left;
}
.navigation .alignright{
	float:right;
}

/* ************************ blog comments ************************ */

.blogcomments{
	width:610px;
}
#leftpanel .blogcomments h2{
	font-size:1.10em;
	font-weight:bold;
	padding:15px 0px 15px 0px;
	color:#333333;
}
.blogcomments  a{
	color:#9E3400;
	text-decoration:none;
}
.blogcomments  a:hover{
	color:#54640B;
	text-decoration:underline;
}

/* ************************ blog comments heading ************************ */

#leftpanel #comments{
	padding:0px 0px 25px 0px;
	color:#333333;
}
#leftpanel #respond{
	padding:0px 0px 25px 0px;
	color:#333333;		
}
#leftpanel .blogcomments .comments  a{
	color:#9E3400;
	text-decoration:none;
}
#leftpanel .blogcomments .comments a:hover{
	color:#54640B;
	text-decoration:underline;
}

/* ************************ blog comments listing ************************ */

.commentlist2{
	float:left;
	width:70px;
	padding:10px 0px 0px 0px;
}
.commentlist3{
	float:right;
	width:470px;
}
.commentlist3 div{
	padding:0px 0px 0px 15px;
	color:#333333;
	line-height:1.50em;
}
.author{
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#333333;
}
#leftpanel .blogcomments .author a{
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#333333;
}
.author span{
	font-size:0.90em;
	font-weight:normal;
	color:#333333;
}

/* ************************ blog comments form ************************ */

#leftpanel #commentform{
	padding:10px;
	background:#DED6C1;
	font-weight:bold;
	color:#222222;
	width:300px;
	float:left;
}
#leftpanel #commentform p{
	padding:4px 0px 4px 0px;
}
#leftpanel .blogcomments .inputtext, #leftpanel .blogcomments textarea{
	color:#222222;
	padding:5px;
	width:95%; 
	border:solid 1px #CAC5B6;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff;
}
#leftpanel .blogcomments textarea{ 
	height:200px; 
}
#submit{
	border:0px;
}
#commentform #submit{
	margin:10px 0px 0px 0px;
	background:#585858;
	color:#fff;
	padding:3px;
	width:150px;
	font:13px Arial, Helvetica, sans-serif;	
}
#leftpanel #ginfo{
	float:right;
	width:240px;
}
#leftpanel #ginfo h2{
	font-size:1.00em;
	padding:0px 0px 10px 0px;
	color:#333333;
}
#leftpanel #ginfo p{
	line-height:1.50em;
}